@layer theme,base;@layer components{.pixel{--_pixel-unit:var(--pixel-unit,4px);--ui-ink:light-dark(var(--color-neutral-950),var(--color-neutral-50));--ui-corner:0;--ui-corner-surface:0;--ui-border-width:2px;--ui-border-max:0px;--ui-line-style:initial;--ui-rule-style:initial;--ui-shadow-inset:inset;--ui-shadow-edge: ;--ui-shadow-spread:var(--_pixel-unit);--ui-halo-blur:initial;--ui-halo-spread:initial;--ui-halo-ink:initial;--ui-shadow-x:0px;--ui-shadow-y:0px;--ui-shadow-blur:0px;--ui-focus-inset:calc(var(--_pixel-unit) + var(--focus-ring-width));--ui-clip:polygon(0 var(--_pixel-unit), var(--_pixel-unit) var(--_pixel-unit), var(--_pixel-unit) 0, calc(100% - var(--_pixel-unit)) 0, calc(100% - var(--_pixel-unit)) var(--_pixel-unit), 100% var(--_pixel-unit), 100% calc(100% - var(--_pixel-unit)), calc(100% - var(--_pixel-unit)) calc(100% - var(--_pixel-unit)), calc(100% - var(--_pixel-unit)) 100%, var(--_pixel-unit) 100%, var(--_pixel-unit) calc(100% - var(--_pixel-unit)), 0 calc(100% - var(--_pixel-unit)));--ui-clip-tight:none;--ui-corner-shape:round;--ui-radius-pill:initial;--ui-radius-tight:initial;--ui-radius:initial;--ui-radius-surface:initial;--ui-corner-tl:initial;--ui-corner-tr:initial;--ui-corner-br:initial;--ui-corner-bl:initial;--ui-shadow-ink:initial;--ui-active-shadow-x:initial;--ui-active-shadow-y:initial;--elevation-color:light-dark(#0f172a14,#0000008c);--ui-hover-transform:none;--ui-active-transform:none;--ui-active-translate-x:initial;--ui-active-translate-y:initial;--ui-backdrop:none;--ui-surface-ground:initial;--ui-surface-shadow:initial;--ui-bg-alpha:1;--ui-surface-image:initial;font-family:var(--font-pixel,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);--ui-control-ink:var(--color-control-border);--ui-rule-ink:initial;--ui-label-weight:initial;--ui-label-tracking:initial;--ui-label-case:initial;--ui-label-shadow:initial}}@layer utilities;.pixel-solo{--_pixel-unit:var(--pixel-unit,4px);--_solo-intent-color:initial;--_solo-intent-contrast:initial;--_solo-intent-strong:initial;--_solo-intent-border:initial;--_solo-intent-fill-max:initial;--_solo-color:var(--_solo-intent-color,var(--color-text,light-dark(oklch(14.5% 0 0),oklch(98.5% 0 0))));--_solo-contrast:var(--_solo-intent-contrast,var(--color-text-contrast,light-dark(oklch(98.5% 0 0),oklch(14.5% 0 0))));--_solo-strong:var(--_solo-intent-strong,var(--color-text-strong,light-dark(oklch(20.5% 0 0),oklch(97% 0 0))));--_solo-capped:min(var(--ui-fill,0%), var(--_solo-intent-fill-max,20%));--_solo-fill:color-mix(in oklab, var(--_solo-color) var(--_solo-capped), transparent);--_solo-on-fill:min(var(--ui-fg-on-fill,0%), max(0%, calc(var(--_solo-capped) * 2 - 100%)));--_solo-fg:color-mix(in oklab, var(--_solo-contrast) var(--_solo-on-fill), var(--_solo-strong));--_solo-ink:var(--_solo-intent-border,light-dark(var(--color-neutral-950,oklch(14.5% 0 0)),var(--color-neutral-50,oklch(98.5% 0 0))));--_solo-edge:color-mix(in oklab, var(--_solo-ink) var(--ui-border,100%), transparent);box-shadow:inset 0 0 0 var(--_pixel-unit) var(--_solo-edge), inset 0 0 0 100vmax var(--_solo-fill);clip-path:polygon(0 var(--_pixel-unit), var(--_pixel-unit) var(--_pixel-unit), var(--_pixel-unit) 0, calc(100% - var(--_pixel-unit)) 0, calc(100% - var(--_pixel-unit)) var(--_pixel-unit), 100% var(--_pixel-unit), 100% calc(100% - var(--_pixel-unit)), calc(100% - var(--_pixel-unit)) calc(100% - var(--_pixel-unit)), calc(100% - var(--_pixel-unit)) 100%, var(--_pixel-unit) 100%, var(--_pixel-unit) calc(100% - var(--_pixel-unit)), 0 calc(100% - var(--_pixel-unit)));font-family:var(--font-pixel,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);border:0;border-radius:0}.pixel-solo:is(.primary,.secondary,.success,.warning,.destructive,.info){--_solo-intent-color:var(--intent-color);--_solo-intent-contrast:var(--intent-contrast);--_solo-intent-strong:var(--intent-strong);--_solo-intent-border:var(--intent-border);--_solo-intent-fill-max:var(--intent-fill-max)}.pixel-solo:is(.solid,.soft,.ghost,.primary,.secondary,.success,.warning,.destructive,.info,:is(.solid,.soft,.ghost) *){color:var(--_solo-fg)}.pixel-solo:focus-visible{box-shadow:inset 0 0 0 var(--_pixel-unit) var(--_solo-edge), inset 0 0 0 calc(var(--_pixel-unit) + var(--focus-ring-width,3px)) var(--focus-ring,color-mix(in srgb, light-dark(var(--color-neutral-950,oklch(14.5% 0 0)),var(--color-neutral-50,oklch(98.5% 0 0))) 64%, transparent)), inset 0 0 0 calc(var(--_pixel-unit) + var(--focus-ring-width,3px) + 2px) var(--color-background,light-dark(oklch(98.5% 0 0),oklch(14.5% 0 0))), inset 0 0 0 100vmax var(--_solo-fill)}@media (forced-colors:active){.pixel-solo{outline:var(--_pixel-unit) solid CanvasText;outline-offset:calc(-1 * var(--_pixel-unit));clip-path:none}.pixel-solo:focus-visible{outline-color:highlight}}