.pixel-field{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pixel-field[data-pixel-field=corner-sm]{inset:auto;width:min(100%,120px);height:64px;max-height:100%;inset-block-start:0;inset-inline-end:0}.pixel-empty-state,.pixel-heading{isolation:isolate;position:relative}.pixel-empty-state>[data-slot=empty-state],.pixel-heading>:last-child{position:relative}.pixel-checklist-header{isolation:isolate;position:relative}.pixel-checklist-header>:not(canvas){position:relative}.pixel-checklist-header:before,.pixel-checklist-header:after{content:"";pointer-events:none;background:color-mix(in srgb, var(--primary) 8%, var(--card));height:1px;position:absolute;inset-inline:1rem}.pixel-checklist-header:before{top:3px}.pixel-checklist-header:after{bottom:3px}.pixel-pennant{filter:drop-shadow(2px 2px 0 var(--foreground));display:inline-flex;transform:rotate(-3.5deg)}.pixel-pennant-outline{background:var(--foreground);border-start-start-radius:3px;border-end-start-radius:3px;padding:2px;display:flex}.pixel-pennant-face{background:var(--card);height:26px;color:var(--foreground);border-start-start-radius:2px;border-end-start-radius:2px;align-items:center;gap:7px;padding-inline:10px 24px;line-height:26px;display:flex}.pixel-pennant-outline,.pixel-pennant-face{clip-path:polygon(0 0,calc(100% - 11px) 0,calc(100% - .6px) calc(50% - 1px),calc(100% - .6px) calc(50% + 1px),calc(100% - 11px) 100%,0 100%)}[dir=rtl] .pixel-pennant{filter:drop-shadow(-2px 2px 0 var(--foreground));transform:rotate(3.5deg)}[dir=rtl] .pixel-pennant-outline,[dir=rtl] .pixel-pennant-face{clip-path:polygon(100% 0,11px 0,.6px calc(50% - 1px),.6px calc(50% + 1px),11px 100%,100% 100%)}@media (width<=639px){.pixel-heading>.pixel-field,.pixel-checklist-header>.pixel-field,.pixel-checklist-header:before{display:none}.pixel-checklist-header:after{--pixel-corner-color:color-mix(in srgb, var(--primary) 8%, var(--card));top:3px;bottom:auto;background:var(--pixel-corner-color);width:4px;height:4px;box-shadow:-6px 0 0 var(--pixel-corner-color), 0 6px 0 var(--pixel-corner-color);display:block;inset-inline:auto 4px}.dark .pixel-checklist-header:after{--pixel-corner-color:color-mix(in srgb, var(--primary) 5%, var(--card))}[dir=rtl] .pixel-checklist-header:after{box-shadow:6px 0 0 var(--pixel-corner-color), 0 6px 0 var(--pixel-corner-color)}}