.px-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.pixel-icon{flex:none;width:24px;height:24px}.px-board{fill:hsl(var(--sw-assembly-board))}.px-board-night{fill:hsl(var(--sw-assembly-night))}.px-grid{fill:hsl(var(--sw-assembly-grid));opacity:.18}.px-grid-night{fill:hsl(var(--sw-assembly-night-grid))}.px-blue{fill:hsl(var(--sw-assembly-blue))}.px-purple{fill:hsl(var(--sw-assembly-purple))}.px-yellow{fill:hsl(var(--sw-assembly-yellow))}.px-coral{fill:hsl(var(--sw-assembly-coral))}.px-mint{fill:hsl(var(--sw-assembly-mint))}.px-paper{fill:hsl(var(--sw-assembly-paper))}.px-ink{fill:hsl(var(--sw-assembly-ink))}.px-muted{fill:hsl(var(--sw-assembly-ink) / .28)}.px-stage-night .px-muted{fill:hsl(var(--sw-assembly-night-grid))}.px-dim{opacity:.3}.px-pixel-highlight{fill:hsl(var(--sw-assembly-paper) / .58);pointer-events:none}.px-pixel-shadow{fill:hsl(var(--sw-assembly-ink) / .2);pointer-events:none}.px-outline{fill:none;stroke-width:.5px}.px-outline-glint{fill:none;stroke:hsl(var(--sw-assembly-paper) / .46);stroke-width:.125px}.px-outline-ink{stroke:hsl(var(--sw-assembly-ink))}.px-outline-purple{stroke:hsl(var(--sw-assembly-purple))}.px-outline-mint{stroke:hsl(var(--sw-assembly-mint))}.px-outline-yellow{stroke:hsl(var(--sw-assembly-yellow))}.pixel-ui-surface.pixel-ui-surface{border:2px solid hsl(var(--sw-assembly-ink) / .28);background:hsl(var(--sw-pixel-paper));color:hsl(var(--sw-assembly-ink));box-shadow:4px 4px 0 hsl(var(--sw-assembly-ink) / .18);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:4px}.pixel-panel-motion[data-state=open],.pixel-ui-surface[data-state=open],.pixel-ui-tooltip[data-state=delayed-open],.pixel-ui-tooltip[data-state=instant-open]{animation:pixel-panel-enter var(--sw-motion-fast) steps(6, end) both}.pixel-panel-motion[data-state=closed],.pixel-ui-surface[data-state=closed],.pixel-ui-tooltip[data-state=closed]{pointer-events:none;animation:pixel-panel-leave var(--sw-motion-fast) steps(6, end) both}@keyframes pixel-panel-enter{0%{opacity:0}to{opacity:1}}@keyframes pixel-panel-leave{0%{opacity:1}to{opacity:0}}.pixel-ui-button.pixel-ui-button,.pixel-ui-field.pixel-ui-field{border:2px solid hsl(var(--sw-assembly-ink) / .24);background:hsl(var(--sw-pixel-control-paper));min-height:44px;color:hsl(var(--sw-assembly-ink));box-shadow:2px 2px 0 hsl(var(--sw-assembly-ink) / .12);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:3px}.pixel-ui-button.pixel-ui-button:has(>svg:only-child){min-width:44px}.pixel-ui-button.pixel-ui-button:hover:not(:disabled),.pixel-ui-field.pixel-ui-field:hover:not(:disabled){background:color-mix(in srgb, hsl(var(--sw-pixel-control-paper)) 88%, hsl(var(--sw-assembly-blue)));color:hsl(var(--sw-assembly-ink))}.pixel-ui-button.pixel-ui-button:active:not(:disabled){box-shadow:none;transform:none}.pixel-ui-button[data-pixel-variant=primary],.pixel-ui-button[data-pixel-tone=primary],.pixel-ui-button[aria-pressed=true],.pixel-ui-button[aria-current=true]{border-color:hsl(var(--sw-assembly-blue) / .65);background:color-mix(in srgb, hsl(var(--sw-pixel-control-paper)) 84%, hsl(var(--sw-assembly-blue)))}.pixel-ui-button[data-pixel-variant=destructive],.pixel-ui-button[data-pixel-tone=danger]{border-color:hsl(var(--sw-assembly-coral) / .65);background:color-mix(in srgb, hsl(var(--sw-pixel-control-paper)) 84%, hsl(var(--sw-assembly-coral)))}.pixel-ui-option.pixel-ui-option{min-height:44px;color:hsl(var(--sw-assembly-ink));border-radius:2px}.pixel-ui-field[aria-invalid=true]{border-color:hsl(var(--sw-assembly-coral))}.pixel-ui-option.pixel-ui-option:focus,.pixel-ui-option.pixel-ui-option[data-highlighted]{background:hsl(var(--sw-assembly-blue) / .16);color:hsl(var(--sw-assembly-ink))}.pixel-ui-tooltip.pixel-ui-tooltip{border:2px solid hsl(var(--sw-assembly-ink));background:hsl(var(--sw-assembly-ink));color:hsl(var(--sw-pixel-paper));box-shadow:2px 2px 0 hsl(var(--sw-assembly-ink) / .2);border-radius:2px}.pixel-ui-icon{width:24px;height:24px;image-rendering:pixelated;pointer-events:none;flex:none;display:inline-block}.pixel-ui-progress.pixel-ui-progress,.pixel-ui-progress>div{border-radius:0}.pixel-ui-progress.pixel-ui-progress{border:2px solid hsl(var(--sw-assembly-ink) / .24);background:hsl(var(--sw-pixel-paper));height:10px}.pixel-ui-progress>div{background:hsl(var(--sw-assembly-blue))}.pixel-ui-badge.pixel-ui-badge{border-width:2px;border-radius:2px}.pixel-ui-skeleton.pixel-ui-skeleton{border-radius:2px}