@stratakit/bricks/dist/DEV/styles.css.js

Small, modular components for StrataKit

// inline-css:/home/runner/work/design-system/design-system/packages/bricks/src/styles.css
var styles_default = String.raw`@layer stratakit.components{@layer base{.🥝VisuallyHidden:where(:not(:active,:focus-within)){clip-path:inset(50%)!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}}@layer base{.🥝Dot{inline-size:var(--🥝Dot-size,4px);block-size:var(--🥝Dot-size,4px);background-color:var(--stratakit-color-bg-accent-base);border:1px solid var(--stratakit-color-border-glow-strong-default);border-radius:9999px;display:inline-block}}@media (forced-colors:active){.🥝Dot{background-color:canvastext}}@layer base{.🥝GhostAligner:where([data-_sk-ghost-align=inline]){margin-inline:calc(-1*var(--🥝GhostAligner-inline-offset))}.🥝GhostAligner:where([data-_sk-ghost-align=inline-start]){margin-inline-start:calc(-1*var(--🥝GhostAligner-inline-offset))}.🥝GhostAligner:where([data-_sk-ghost-align=inline-end]){margin-inline-end:calc(-1*var(--🥝GhostAligner-inline-offset))}.🥝GhostAligner:where([data-_sk-ghost-align=block]){margin-block:calc(-1*var(--🥝GhostAligner-block-offset))}.🥝GhostAligner:where([data-_sk-ghost-align=block-start]){margin-block-start:calc(-1*var(--🥝GhostAligner-block-offset))}.🥝GhostAligner:where([data-_sk-ghost-align=block-end]){margin-block-end:calc(-1*var(--🥝GhostAligner-block-offset))}}@layer base{.🥝DisclosureArrow{rotate:var(--🥝DisclosureArrow-rotate);margin-inline-end:calc(var(--stratakit-space-x2)*-1)}@media (prefers-reduced-motion:no-preference){.🥝DisclosureArrow{transition:rotate .15s ease-in-out}}}@layer base{.🥝Anchor{cursor:pointer;text-underline-offset:var(--🌀Anchor-state--default,var(--stratakit-space-x05))var(--🌀Anchor-state--hover,var(--stratakit-space-x1))var(--🌀Anchor-state--pressed,var(--stratakit-space-x1));-webkit-text-decoration-color:var(--🌀Anchor-state--default,currentColor)var(--🌀Anchor-state--hover,currentColor)var(--🌀Anchor-state--pressed,transparent);text-decoration-color:var(--🌀Anchor-state--default,currentColor)var(--🌀Anchor-state--hover,currentColor)var(--🌀Anchor-state--pressed,transparent);font-weight:500;text-decoration-line:underline}.🥝Anchor:where(:has(.🥝AnchorText)){text-decoration-line:none}.🥝Anchor{color:var(--🥝Anchor-color,var(--stratakit-color-text-neutral-primary));-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-neutral-pressed);border-radius:4px;transition:color .15s ease-out,text-decoration-color .15s ease-out,text-underline-offset .15s ease-out}}@layer modifiers{.🥝Anchor:where([data-_sk-tone=accent]){--🥝Anchor-color:var(--🌀Anchor-state--default,var(--stratakit-color-text-accent-strong))var(--🌀Anchor-state--hover,color-mix(in oklch,var(--stratakit-color-text-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-text-glow-strong-hover-\%)))var(--🌀Anchor-state--pressed,color-mix(in oklch,var(--stratakit-color-text-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-text-glow-strong-pressed-\%)));-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed)}}@layer states{@media (any-hover:hover){.🥝Anchor:where(:hover){--🌀Anchor-state:var(--🌀Anchor-state--hover)}}.🥝Anchor:where(:active){--🌀Anchor-state:var(--🌀Anchor-state--pressed)}.🥝Anchor:where(:focus-visible){--🥝focus-outline-offset:var(--stratakit-space-x05)}.🥝Anchor:where(:disabled,[aria-disabled=true]){--🥝Anchor-color:var(--stratakit-color-text-neutral-disabled);cursor:not-allowed;text-decoration:none}}@layer base.🌀{.🥝Anchor{--🌀Anchor-state:var(--🌀Anchor-state--default);--🌀Anchor-state--default:var(--🌀Anchor-state, );--🌀Anchor-state--hover:var(--🌀Anchor-state, );--🌀Anchor-state--pressed:var(--🌀Anchor-state, )}}@layer base{.🥝AnchorText{unicode-bidi:bidi-override;text-decoration-line:underline}}@layer base{.🥝AnchorExternalMarker{-webkit-user-select:none;user-select:none}}@media (forced-colors:active){.🥝Anchor:where(button){color:linktext}}@layer base{.🥝Avatar{--🥝Avatar-background-color:var(--stratakit-color-bg-mono-base);--🥝Icon-color:var(--stratakit-color-icon-neutral-emphasis);block-size:var(--🥝Avatar-size);inline-size:var(--🥝Avatar-size);background-color:var(--🥝Avatar-background-color);color:var(--stratakit-color-text-neutral-emphasis);-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:inline-grid;position:relative;overflow:hidden}.🥝Avatar:after{content:"";border-radius:inherit;box-shadow:0px 0px 0px 1px var(--stratakit-color-border-glow-strong-default)inset;position:absolute;inset:0}.🥝Avatar>img{background-color:inherit;block-size:inherit;inline-size:inherit;object-fit:cover;object-position:center}}@layer modifiers{.🥝Avatar:where([data-_sk-size=small]){--🥝Avatar-size:1rem;--🥝Avatar-font-size:var(--stratakit-font-size-8);--🥝Icon-size:.75rem}.🥝Avatar:where([data-_sk-size=medium]){--🥝Avatar-size:1.5rem;--🥝Avatar-font-size:var(--stratakit-font-size-10);--🥝Icon-size:1rem}.🥝Avatar:where([data-_sk-size=large]){--🥝Avatar-size:2rem;--🥝Avatar-font-size:var(--stratakit-font-size-12);--🥝Icon-size:1rem}.🥝Avatar:where([data-_sk-size=xlarge]){--🥝Avatar-size:3rem;--🥝Avatar-font-size:var(--stratakit-font-size-16);--🥝Icon-size:1.5rem}}@layer base{.🥝AvatarInitials{font-size:var(--🥝Avatar-font-size);text-align:center;text-transform:uppercase;font-weight:600}}@media (forced-colors:active){.🥝Avatar{border:1px solid}}@layer base{.🥝Badge{font-size:var(--stratakit-font-size-12);line-height:1.3333}.🥝Badge{white-space:nowrap;box-shadow:0px 0px 0px 1px var(--🥝Badge-border-color)inset;background-color:var(--🥝Badge-background-color);color:var(--🥝Badge-text-color);block-size:1.25rem;padding-inline:var(--stratakit-space-x1);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}}@layer modifiers{.🥝Badge:where([data-_sk-variant=solid]){--🥝Badge-border-color:var(--stratakit-color-border-glow-strong-default);--🥝Badge-text-color:var(--stratakit-color-text-neutral-emphasis);--🥝Icon-color:var(--stratakit-color-icon-neutral-emphasis)}.🥝Badge:where([data-_sk-variant=solid]):where([data-_sk-tone=neutral]){--🥝Badge-background-color:var(--stratakit-color-bg-mono-base)}.🥝Badge:where([data-_sk-variant=solid]):where([data-_sk-tone=info]){--🥝Badge-background-color:var(--stratakit-color-bg-info-base)}.🥝Badge:where([data-_sk-variant=solid]):where([data-_sk-tone=positive]){--🥝Badge-background-color:var(--stratakit-color-bg-positive-base)}.🥝Badge:where([data-_sk-variant=solid]):where([data-_sk-tone=attention]){--🥝Badge-background-color:var(--stratakit-color-bg-attention-base)}.🥝Badge:where([data-_sk-variant=solid]):where([data-_sk-tone=critical]){--🥝Badge-background-color:var(--stratakit-color-bg-critical-base)}.🥝Badge:where([data-_sk-variant=solid]):where([data-_sk-tone=accent]){--🥝Badge-background-color:var(--stratakit-color-bg-accent-base)}.🥝Badge:where([data-_sk-variant=muted]):where([data-_sk-tone=neutral]){--🥝Badge-background-color:var(--stratakit-color-bg-mono-muted);--🥝Badge-border-color:var(--stratakit-color-border-mono-muted);--🥝Badge-text-color:var(--stratakit-color-text-mono-faded);--🥝Icon-color:var(--stratakit-color-icon-neutral-faded)}.🥝Badge:where([data-_sk-variant=muted]):where([data-_sk-tone=info]){--🥝Badge-background-color:var(--stratakit-color-bg-info-muted);--🥝Badge-border-color:var(--stratakit-color-border-info-muted);--🥝Badge-text-color:var(--stratakit-color-text-info-faded);--🥝Icon-color:var(--stratakit-color-icon-info-faded)}.🥝Badge:where([data-_sk-variant=muted]):where([data-_sk-tone=positive]){--🥝Badge-background-color:var(--stratakit-color-bg-positive-muted);--🥝Badge-border-color:var(--stratakit-color-border-positive-muted);--🥝Badge-text-color:var(--stratakit-color-text-positive-faded);--🥝Icon-color:var(--stratakit-color-icon-positive-faded)}.🥝Badge:where([data-_sk-variant=muted]):where([data-_sk-tone=attention]){--🥝Badge-background-color:var(--stratakit-color-bg-attention-muted);--🥝Badge-border-color:var(--stratakit-color-border-attention-muted);--🥝Badge-text-color:var(--stratakit-color-text-attention-faded);--🥝Icon-color:var(--stratakit-color-icon-attention-faded)}.🥝Badge:where([data-_sk-variant=muted]):where([data-_sk-tone=critical]){--🥝Badge-background-color:var(--stratakit-color-bg-critical-muted);--🥝Badge-border-color:var(--stratakit-color-border-critical-muted);--🥝Badge-text-color:var(--stratakit-color-text-critical-faded);--🥝Icon-color:var(--stratakit-color-icon-critical-faded)}.🥝Badge:where([data-_sk-variant=muted]):where([data-_sk-tone=accent]){--🥝Badge-background-color:var(--stratakit-color-bg-accent-muted);--🥝Badge-border-color:var(--stratakit-color-border-accent-muted);--🥝Badge-text-color:var(--stratakit-color-text-accent-faded);--🥝Icon-color:var(--stratakit-color-icon-accent-faded)}.🥝Badge:where([data-_sk-variant=outline]){--🥝Badge-background-color:transparent}.🥝Badge:where([data-_sk-variant=outline]):where([data-_sk-tone=neutral]){--🥝Badge-text-color:var(--stratakit-color-text-mono-base);--🥝Badge-border-color:var(--stratakit-color-border-mono-base);--🥝Icon-color:var(--stratakit-color-icon-neutral-base)}.🥝Badge:where([data-_sk-variant=outline]):where([data-_sk-tone=info]){--🥝Badge-text-color:var(--stratakit-color-text-info-base);--🥝Badge-border-color:var(--stratakit-color-border-info-base);--🥝Icon-color:var(--stratakit-color-icon-info-base)}.🥝Badge:where([data-_sk-variant=outline]):where([data-_sk-tone=positive]){--🥝Badge-text-color:var(--stratakit-color-text-positive-base);--🥝Badge-border-color:var(--stratakit-color-border-positive-base);--🥝Icon-color:var(--stratakit-color-icon-positive-base)}.🥝Badge:where([data-_sk-variant=outline]):where([data-_sk-tone=attention]){--🥝Badge-text-color:var(--stratakit-color-text-attention-base);--🥝Badge-border-color:var(--stratakit-color-border-attention-base);--🥝Icon-color:var(--stratakit-color-icon-attention-base)}.🥝Badge:where([data-_sk-variant=outline]):where([data-_sk-tone=critical]){--🥝Badge-text-color:var(--stratakit-color-text-critical-base);--🥝Badge-border-color:var(--stratakit-color-border-critical-base);--🥝Icon-color:var(--stratakit-color-icon-critical-base)}.🥝Badge:where([data-_sk-variant=outline]):where([data-_sk-tone=accent]){--🥝Badge-text-color:var(--stratakit-color-text-accent-base);--🥝Badge-border-color:var(--stratakit-color-border-accent-base);--🥝Icon-color:var(--stratakit-color-icon-accent-base)}}@layer base{.🥝BadgeLabel{margin-inline:var(--stratakit-space-x1)}}@media (forced-colors:active){.🥝Badge{border:1px solid}}@layer base{.🥝Button{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:1.2;font-size:var(--stratakit-font-size-12);justify-content:center;align-items:center;gap:var(--stratakit-space-x1);min-block-size:1.5rem;padding-inline:var(--🥝Button-padding-inline,var(--stratakit-space-x3));padding-block:var(--stratakit-space-x1);--🥝GhostAligner-inline-offset:var(--stratakit-space-x3);--🥝GhostAligner-block-offset:var(--stratakit-space-x1);background-color:var(--🥝Button-background-color);box-shadow:0px 0px 0px 1px var(--🥝Button-border-color)inset;color:var(--🥝Button-color,var(--stratakit-color-text-neutral-primary));-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-neutral-pressed);--🥝Icon-color:var(--🌀Button-state--default,var(--stratakit-color-icon-neutral-base))var(--🌀Button-state--hover,var(--stratakit-color-icon-neutral-primary))var(--🌀Button-state--pressed,var(--stratakit-color-icon-neutral-primary))var(--🌀Button-state--active,var(--stratakit-color-icon-accent-strong));border:none;border-radius:4px;flex-shrink:0;font-weight:500;text-decoration:none;transition:background-color .15s ease-out;display:inline-flex;position:relative}}@layer modifiers{.🥝Button:where([data-_sk-variant=solid]){--🥝Button-background-color:var(--🌀Button-state--default,var(--🥝Button-bg--solid-default))var(--🌀Button-state--hover,color-mix(in oklch,var(--🥝Button-bg--solid-default)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--🥝Button-bg--solid-default)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-pressed-\%)))var(--🌀Button-state--active,var(--stratakit-color-bg-glow-on-surface-accent-pressed))var(--🌀Button-state--disabled,var(--stratakit-color-bg-glow-on-surface-disabled));box-shadow:var(--🌀Button-state--default,var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--🥝Button-border-color)inset,var(--stratakit-shadow-control-button-base-drop))var(--🌀Button-state--hover,var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--🥝Button-border-color)inset,var(--stratakit-shadow-control-button-base-drop))var(--🌀Button-state--pressed,0px 0px 0px 1px var(--🥝Button-border-color)inset)var(--🌀Button-state--active,0px 0px 0px 1px var(--🥝Button-border-color)inset)var(--🌀Button-state--disabled,none)}.🥝Button:where([data-_sk-variant=solid]):where([data-_sk-tone=neutral]){--🥝Button-bg--solid-default:var(--stratakit-color-bg-neutral-base);--🥝Button-border-color:var(--🌀Button-state--default,var(--stratakit-color-border-shadow-base))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-border-shadow-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-border-shadow-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-pressed-\%)))var(--🌀Button-state--active,var(--stratakit-color-border-accent-strong))var(--🌀Button-state--disabled,transparent)}.🥝Button:where([data-_sk-variant=solid]):where([data-_sk-tone=accent]){--🥝Button-bg--solid-default:var(--stratakit-color-bg-accent-base);--🥝Button-border-color:var(--🌀Button-state--default,var(--stratakit-color-border-shadow-strong))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-border-shadow-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-strong-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-border-shadow-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-strong-pressed-\%)))var(--🌀Button-state--active,var(--stratakit-color-border-accent-strong))var(--🌀Button-state--disabled,transparent);--🥝Button-color:var(--stratakit-color-text-neutral-emphasis);--🥝Icon-color:var(--stratakit-color-icon-neutral-emphasis);-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed)}.🥝Button:where([data-_sk-variant=outline]):where([data-_sk-tone=neutral]){--🥝Button-background-color:var(--🌀Button-state--default,transparent)var(--🌀Button-state--hover,var(--stratakit-color-bg-glow-on-surface-neutral-hover))var(--🌀Button-state--pressed,var(--stratakit-color-bg-glow-on-surface-neutral-pressed))var(--🌀Button-state--active,var(--stratakit-color-bg-glow-on-surface-accent-pressed))var(--🌀Button-state--disabled,transparent);--🥝Button-border-color:var(--🌀Button-state--default,var(--stratakit-color-border-neutral-base))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-border-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-border-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-pressed-\%)))var(--🌀Button-state--active,var(--stratakit-color-border-accent-strong))var(--🌀Button-state--disabled,var(--stratakit-color-border-glow-on-surface-disabled))}.🥝Button:where([data-_sk-variant=outline]):where([data-_sk-tone=accent]){--🥝Button-background-color:var(--🌀Button-state--default,transparent)var(--🌀Button-state--hover,var(--stratakit-color-bg-glow-on-surface-accent-hover))var(--🌀Button-state--pressed,var(--stratakit-color-bg-glow-on-surface-accent-pressed))var(--🌀Button-state--active,var(--stratakit-color-bg-glow-on-surface-accent-pressed))var(--🌀Button-state--disabled,transparent);--🥝Button-border-color:var(--🌀Button-state--default,var(--stratakit-color-border-accent-base))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-border-accent-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-strong-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-border-accent-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-strong-pressed-\%)))var(--🌀Button-state--active,var(--stratakit-color-border-accent-strong))var(--🌀Button-state--disabled,var(--stratakit-color-border-glow-on-surface-disabled));--🥝Button-color:var(--🌀Button-state--default,var(--stratakit-color-text-accent-strong))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-text-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-text-glow-strong-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-text-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-text-glow-strong-pressed-\%)));--🥝Icon-color:var(--🌀Button-state--default,var(--stratakit-color-icon-accent-strong))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-icon-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-icon-glow-strong-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-icon-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-icon-glow-strong-pressed-\%)))}.🥝Button:where([data-_sk-variant=ghost]){--🥝Button-border-color:var(--🌀Button-state--default,transparent)var(--🌀Button-state--hover,transparent)var(--🌀Button-state--pressed,transparent)var(--🌀Button-state--active,var(--stratakit-color-border-accent-strong))var(--🌀Button-state--disabled,transparent)}.🥝Button:where([data-_sk-variant=ghost]):where([data-_sk-tone=neutral]){--🥝Button-background-color:var(--🌀Button-state--default,transparent)var(--🌀Button-state--hover,var(--stratakit-color-bg-glow-on-surface-neutral-hover))var(--🌀Button-state--pressed,var(--stratakit-color-bg-glow-on-surface-neutral-pressed))var(--🌀Button-state--active,var(--stratakit-color-bg-glow-on-surface-accent-pressed))var(--🌀Button-state--disabled,transparent)}.🥝Button:where([data-_sk-variant=ghost]):where([data-_sk-tone=accent]){--🥝Button-background-color:var(--🌀Button-state--default,transparent)var(--🌀Button-state--hover,var(--stratakit-color-bg-glow-on-surface-accent-hover))var(--🌀Button-state--pressed,var(--stratakit-color-bg-glow-on-surface-accent-pressed))var(--🌀Button-state--active,var(--stratakit-color-bg-glow-on-surface-accent-pressed))var(--🌀Button-state--disabled,transparent);--🥝Button-color:var(--🌀Button-state--default,var(--stratakit-color-text-accent-strong))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-text-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-text-glow-strong-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-text-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-text-glow-strong-pressed-\%)));--🥝Icon-color:var(--🌀Button-state--default,var(--stratakit-color-icon-accent-strong))var(--🌀Button-state--hover,color-mix(in oklch,var(--stratakit-color-icon-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-icon-glow-strong-hover-\%)))var(--🌀Button-state--pressed,color-mix(in oklch,var(--stratakit-color-icon-accent-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-icon-glow-strong-pressed-\%)))}}@layer states{@media (any-hover:hover){.🥝Button:where(:hover){--🌀Button-state:var(--🌀Button-state--hover)}}.🥝Button:where([data-has-popover-open]){--🌀Button-state:var(--🌀Button-state--hover)}.🥝Button:where(:active){--🌀Button-state:var(--🌀Button-state--pressed)}.🥝Button:where([aria-pressed=true],[aria-current]:not([aria-current=false])){--🌀Button-state:var(--🌀Button-state--active)}.🥝Button:where(:disabled,[aria-disabled=true]){--🌀Button-state:var(--🌀Button-state--disabled);color:var(--stratakit-color-text-neutral-disabled);cursor:not-allowed;-webkit-tap-highlight-color:transparent;--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled)}}@layer base.🌀{.🥝Button{--🌀Button-state:var(--🌀Button-state--default);--🌀Button-state--default:var(--🌀Button-state, );--🌀Button-state--hover:var(--🌀Button-state, );--🌀Button-state--pressed:var(--🌀Button-state, );--🌀Button-state--active:var(--🌀Button-state, );--🌀Button-state--disabled:var(--🌀Button-state, )}}@media (forced-colors:active){.🥝Button{color:buttontext;background-color:buttonface;border:1px solid buttonborder}.🥝Button:where([aria-pressed=true],[aria-current]:not([aria-current=false])){color:selecteditemtext;background-color:selecteditem}.🥝Button:where(:disabled,[aria-disabled=true]){color:graytext;border-color:graytext}}@layer base{.🥝Checkbox{--🥝Checkbox-color-svg:var(--stratakit-color-icon-neutral-emphasis);--🥝Checkbox-border-radius:4px;--🥝Checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>");--🥝Checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M11.73 5.47a.75.75 0 0 1 0 1.06l-4.4 4.4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 0 1 1.06-1.06L6.8 9.34l3.87-3.87a.75.75 0 0 1 1.06 0Z\"/></svg>");--🥝Checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M4.25 8A.75.75 0 0 1 5 7.25h6.5a.75.75 0 0 1 0 1.5H5A.75.75 0 0 1 4.25 8Z\"/></svg>");appearance:none;cursor:pointer;background-color:var(--🌀Checkbox-visual-state--default,var(--stratakit-color-bg-neutral-base))var(--🌀Checkbox-visual-state--hover,color-mix(in oklch,var(--stratakit-color-bg-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)))var(--🌀Checkbox-visual-state--checked,var(--stratakit-color-bg-accent-base))var(--🌀Checkbox-visual-state--checked-hover,color-mix(in oklch,var(--stratakit-color-bg-accent-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-strong-hover-\%)))var(--🌀Checkbox-visual-state--invalid,var(--stratakit-color-bg-neutral-base))var(--🌀Checkbox-visual-state--invalid-hover,color-mix(in oklch,var(--stratakit-color-bg-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)))var(--🌀Checkbox-visual-state--disabled,var(--stratakit-color-bg-glow-on-surface-disabled));border-radius:var(--🥝Checkbox-border-radius);block-size:1rem;inline-size:1rem;color:var(--🌀Checkbox-aria-state--unchecked,transparent)var(--🌀Checkbox-aria-state--checked,var(--🥝Checkbox-color-svg))var(--🌀Checkbox-aria-state--indeterminate,var(--🥝Checkbox-color-svg));box-shadow:var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--🥝Checkbox-border-color)inset,var(--stratakit-shadow-control-button-base-drop);-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);--🥝Checkbox-border-color:var(--🌀Checkbox-visual-state--default,var(--stratakit-color-border-shadow-base))var(--🌀Checkbox-visual-state--hover,color-mix(in oklch,var(--stratakit-color-border-shadow-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%)))var(--🌀Checkbox-visual-state--checked,var(--stratakit-color-border-shadow-strong))var(--🌀Checkbox-visual-state--checked-hover,color-mix(in oklch,var(--stratakit-color-border-shadow-strong)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-strong-hover-\%)))var(--🌀Checkbox-visual-state--invalid,var(--stratakit-color-border-critical-base))var(--🌀Checkbox-visual-state--invalid-hover,var(--stratakit-color-border-critical-base))var(--🌀Checkbox-visual-state--disabled,transparent);--🥝Checkbox-mask-image:var(--🌀Checkbox-aria-state--unchecked,var(--🥝Checkbox-unchecked-svg))var(--🌀Checkbox-aria-state--checked,var(--🥝Checkbox-checkmark-svg))var(--🌀Checkbox-aria-state--indeterminate,var(--🥝Checkbox-indeterminate-svg));transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,--🥝Checkbox-border-color .15s ease-out;position:relative}.🥝Checkbox:before,.🥝Checkbox:after{content:"";position:absolute;inset:0}.🥝Checkbox:before{inset:calc((1rem - var(--stratakit-space-x6))/2)}.🥝Checkbox:after{-webkit-mask-image:var(--🥝Checkbox-mask-image,initial);mask-image:var(--🥝Checkbox-mask-image,initial);background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}@layer states{@media (any-hover:hover){.🥝Checkbox:where(:hover){--🌀Checkbox-visual-state:var(--🌀Checkbox-visual-state--hover)}}.🥝Checkbox:where(:checked,[aria-checked=true]){--🌀Checkbox-aria-state:var(--🌀Checkbox-aria-state--checked)}.🥝Checkbox:where(:indeterminate,[aria-checked=mixed]){--🌀Checkbox-aria-state:var(--🌀Checkbox-aria-state--indeterminate)}.🥝Checkbox:where(:checked,[type=checkbox]:indeterminate,[aria-checked=true],[aria-checked=mixed]){--🌀Checkbox-visual-state:var(--🌀Checkbox-visual-state--checked)}@media (any-hover:hover){.🥝Checkbox:where(:checked,[type=checkbox]:indeterminate,[aria-checked=true],[aria-checked=mixed]):where(:hover){--🌀Checkbox-visual-state:var(--🌀Checkbox-visual-state--checked-hover)}}.🥝Checkbox:where(:user-invalid,[aria-invalid=true]){--🌀Checkbox-visual-state:var(--🌀Checkbox-visual-state--invalid);--🥝Checkbox-color-svg:var(--stratakit-color-icon-neutral-primary)}@media (any-hover:hover){.🥝Checkbox:where(:user-invalid,[aria-invalid=true]):where(:hover){--🌀Checkbox-visual-state:var(--🌀Checkbox-visual-state--invalid-hover)}}.🥝Checkbox:where(:disabled,[aria-disabled=true]){--🌀Checkbox-visual-state:var(--🌀Checkbox-visual-state--disabled);--🥝Checkbox-color-svg:var(--stratakit-color-icon-neutral-disabled);cursor:not-allowed;box-shadow:none;-webkit-tap-highlight-color:transparent}}@layer base.🌀{.🥝Checkbox{--🌀Checkbox-visual-state:var(--🌀Checkbox-visual-state--default);--🌀Checkbox-visual-state--default:var(--🌀Checkbox-visual-state, );--🌀Checkbox-visual-state--hover:var(--🌀Checkbox-visual-state, );--🌀Checkbox-visual-state--checked:var(--🌀Checkbox-visual-state, );--🌀Checkbox-visual-state--checked-hover:var(--🌀Checkbox-visual-state, );--🌀Checkbox-visual-state--invalid:var(--🌀Checkbox-visual-state, );--🌀Checkbox-visual-state--invalid-hover:var(--🌀Checkbox-visual-state, );--🌀Checkbox-visual-state--disabled:var(--🌀Checkbox-visual-state, );--🌀Checkbox-aria-state:var(--🌀Checkbox-aria-state--unchecked);--🌀Checkbox-aria-state--unchecked:var(--🌀Checkbox-aria-state, );--🌀Checkbox-aria-state--checked:var(--🌀Checkbox-aria-state, );--🌀Checkbox-aria-state--indeterminate:var(--🌀Checkbox-aria-state, )}}@media (forced-colors:active){.🥝Checkbox{border:1px solid canvastext}.🥝Checkbox:where(:checked,[type=checkbox]:indeterminate,[aria-checked=true],[aria-checked=mixed]){background-color:selecteditem}.🥝Checkbox:where(:checked,[type=checkbox]:indeterminate,[aria-checked=true],[aria-checked=mixed]):after{background-color:selecteditemtext}.🥝Checkbox:where(:checked,[type=checkbox]:indeterminate,[aria-checked=true],[aria-checked=mixed]):where(:user-invalid,[aria-invalid=true]){background-color:mark}.🥝Checkbox:where(:checked,[type=checkbox]:indeterminate,[aria-checked=true],[aria-checked=mixed]):where(:user-invalid,[aria-invalid=true]):after{background-color:marktext}.🥝Checkbox:where(:disabled,[aria-disabled=true]){background-color:canvas;border-color:graytext}.🥝Checkbox:where(:disabled,[aria-disabled=true]):after{background-color:graytext}}@layer modifiers{.🥝Description.🥝Text:where([data-_sk-tone=neutral]){color:var(--stratakit-color-text-neutral-tertiary)}.🥝Description.🥝Text:where([data-_sk-tone=critical]){color:var(--stratakit-color-text-critical-base);position:relative}.🥝Description.🥝Text:where([data-_sk-tone=critical]):before,.🥝Description.🥝Text:where([data-_sk-tone=critical]):after{content:"";aspect-ratio:1;vertical-align:top;block-size:1lh;display:inline-block}.🥝Description.🥝Text:where([data-_sk-tone=critical]):before{--_octagon-filled:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M10.086 2H5.914a1 1 0 0 0-.707.293L2.293 5.207A1 1 0 0 0 2 5.914v4.237a1 1 0 0 0 .3.715l2.908 2.848a1 1 0 0 0 .7.286h4.178a1 1 0 0 0 .707-.293l2.914-2.914a1 1 0 0 0 .293-.707V5.914a1 1 0 0 0-.293-.707l-2.914-2.914A1 1 0 0 0 10.086 2Z\" /></svg>");--_❗:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"black\" fill-opacity=\".48\" d=\"M8.875 10.625a.875.875 0 1 0-1.75 0 .875.875 0 0 0 1.75 0ZM8 4a1.581 1.581 0 0 1 1.5 2.081l-.789 2.365c-.228.684-1.195.684-1.423 0L6.5 6.081A1.581 1.581 0 0 1 8 4Zm0 .5a1.08 1.08 0 0 0-1.025 1.423l.788 2.365a.25.25 0 0 0 .436.075l.039-.075.788-2.365a1.082 1.082 0 0 0-.89-1.415L8 4.5Zm1.375 6.125a1.375 1.375 0 1 1-2.75 0 1.375 1.375 0 0 1 2.75 0Z\" /><path fill=\"white\" d=\"M8.875 10.625a.875.875 0 1 1-1.75 0 .875.875 0 0 1 1.75 0ZM6.974 5.923l.789 2.366a.25.25 0 0 0 .474 0l.789-2.366a1.081 1.081 0 1 0-2.052 0Z\" /></svg>");-webkit-mask:var(--_octagon-filled)no-repeat center;mask:var(--_octagon-filled)no-repeat center;background-color:var(--stratakit-color-bg-critical-base);background-image:var(--_❗);background-repeat:no-repeat;margin-inline-end:var(--stratakit-space-x1)}.🥝Description.🥝Text:where([data-_sk-tone=critical]):after{--_octagon-outline:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M10.086 2a1 1 0 0 1 .707.293l2.914 2.914a1 1 0 0 1 .293.707v4.172l-.005.099a1 1 0 0 1-.288.608l-2.914 2.914-.073.066a1 1 0 0 1-.634.227H5.908l-.097-.005a1 1 0 0 1-.53-.216l-.073-.064-2.908-2.85a1 1 0 0 1-.295-.614l-.005-.1V5.914a1 1 0 0 1 .227-.634l.066-.073 2.914-2.914A1 1 0 0 1 5.914 2h4.172ZM5.914 3 3 5.914v4.237L5.908 13h4.178L13 10.086V5.914L10.086 3H5.914Z\" /></svg>");-webkit-mask:var(--_octagon-outline)no-repeat center;mask:var(--_octagon-outline)no-repeat center;background-color:var(--stratakit-color-border-glow-strong-default);position:absolute;inset-block-start:0;inset-inline-start:0}}@media (forced-colors:active){.🥝Description.🥝Text:where([data-_sk-tone=critical]){forced-color-adjust:none;color:marktext;background-color:mark}}@layer base{.🥝Divider{color:var(--stratakit-color-border-page-base);flex:none;align-self:stretch}.🥝Divider:where(hr){border:none;margin:0}}@layer modifiers{.🥝Divider:where(:not([aria-orientation=vertical],[data-_sk-orientation=vertical])){--🥝Divider-border-image-outset:0 100cqi;block-size:1px;margin-inline:var(--🥝Divider-main-axis-margin);margin-block:var(--🥝Divider-cross-axis-margin)}.🥝Divider:where([aria-orientation=vertical],[data-_sk-orientation=vertical]){--🥝Divider-border-image-outset:100cqb 0;min-block-size:100%;inline-size:1px;margin-inline:var(--🥝Divider-cross-axis-margin);margin-block:var(--🥝Divider-main-axis-margin)}.🥝Divider:where(:not([data-_sk-bleed=true])){background-color:currentColor}.🥝Divider:where([data-_sk-bleed=true]){border-image-source:linear-gradient(currentColor 0 0);border-image-slice:0 fill;border-image-outset:var(--🥝Divider-border-image-outset)}}@media (forced-colors:active){.🥝Divider{color:canvastext;forced-color-adjust:none}}@layer base{.🥝IconButton.🥝Button{aspect-ratio:1;--🥝Button-padding-inline:var(--stratakit-space-x1);--🥝GhostAligner-inline-offset:var(--stratakit-space-x1)}}@layer base{.🥝IconButtonDot.🥝Dot{position:absolute;inset-block-start:var(--stratakit-space-x05);inset-inline-end:var(--stratakit-space-x05)}}@media (forced-colors:active){.🥝IconButton:where([inert]){border:none}:where(.🥝IconButton[aria-pressed=true]) .🥝IconButtonDot.🥝Dot{background-color:selecteditemtext}}@layer base{.🥝Kbd{font-size:var(--stratakit-font-size-12);line-height:1.3333}.🥝Kbd{color:var(--stratakit-color-text-neutral-secondary);column-gap:var(--stratakit-space-x1);min-block-size:var(--stratakit-space-x4);flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-weight:500;display:inline-flex}}@layer modifiers{.🥝Kbd:where([data-_sk-variant=solid],[data-_sk-variant=muted]){background-color:var(--stratakit-color-bg-neutral-base);padding-inline:var(--stratakit-space-x1);border-radius:4px}.🥝Kbd:where([data-_sk-variant=solid]){box-shadow:var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--stratakit-color-border-shadow-base)inset,var(--stratakit-shadow-control-button-base-drop)}.🥝Kbd:where([data-_sk-variant=ghost]){color:var(--stratakit-color-text-neutral-tertiary)}}@media (forced-colors:active){.🥝Kbd:where([data-_sk-variant=solid]){border:1px solid}}@layer base{.🥝Label{font-size:var(--stratakit-font-size-12);line-height:1.3333}.🥝Label{color:var(--stratakit-color-text-neutral-secondary);cursor:default}.🥝Label:is(label){cursor:pointer;-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-neutral-pressed)}}@layer states{.🥝Label:has(+:where(:disabled,[aria-disabled=true])){color:var(--stratakit-color-text-neutral-disabled)}.🥝Label:has(+:where(:disabled,[aria-disabled=true])):is(label){cursor:not-allowed;-webkit-tap-highlight-color:transparent}}@layer base{.🥝ProgressBar{block-size:var(--🥝ProgressBar-size);contain:strict;background-color:var(--🥝ProgressBar-track-color);border-radius:9999px;inline-size:100%;display:grid}.🥝ProgressBar:before{content:"";block-size:inherit;inline-size:var(--🥝ProgressBar-fill-size);transform:translateX(calc(-100% + var(--🥝ProgressBar-fill-portion-shown)));border-radius:inherit;background-color:var(--🥝ProgressBar-fill-color);animation:var(--🥝ProgressBar-animation)}@media (prefers-reduced-motion:no-preference){.🥝ProgressBar:where([data-_sk-variant=determinate]):before{transition:transform .15s ease-in-out}}}@layer modifiers{.🥝ProgressBar:where([data-_sk-tone=neutral]){--🥝ProgressBar-fill-color:var(--stratakit-color-icon-neutral-base);--🥝ProgressBar-track-color:var(--stratakit-color-border-page-base)}.🥝ProgressBar:where([data-_sk-tone=accent]){--🥝ProgressBar-fill-color:var(--stratakit-color-icon-accent-strong);--🥝ProgressBar-track-color:var(--stratakit-color-bg-accent-muted)}.🥝ProgressBar:where([data-_sk-size=medium]){--🥝ProgressBar-size:.125rem}.🥝ProgressBar:where([data-_sk-size=large]){--🥝ProgressBar-size:.25rem}.🥝ProgressBar:where([data-_sk-variant=indeterminate]){--🥝ProgressBar-animation:calc(4*1.5s*2)--🥝ProgressBar-animation-indeterminate steps(4,end)infinite;--🥝ProgressBar-fill-size:25%;--🥝ProgressBar-fill-start-point:0%}@media (prefers-reduced-motion:no-preference){.🥝ProgressBar:where([data-_sk-variant=indeterminate]){--🥝ProgressBar-animation:1.5s --🥝ProgressBar-animation-indeterminate cubic-bezier(.5,0,.5,1)4,calc(1.5s*2)--🥝ProgressBar-animation-indeterminate-slow cubic-bezier(.5,0,.5,1)calc(4*1.5s)infinite;--🥝ProgressBar-fill-start-point:-100%}}.🥝ProgressBar:where([data-_sk-variant=determinate]){--🥝ProgressBar-fill-size:100%}}@keyframes --🥝ProgressBar-animation-indeterminate{0%{transform:translateX(var(--🥝ProgressBar-fill-start-point))}to{transform:translate(400%)}}@keyframes --🥝ProgressBar-animation-indeterminate-slow{0%{transform:translate(-100%)}50%{transform:translate(-95%)}to{transform:translate(400%)}}@media (forced-colors:active){.🥝ProgressBar{--🥝ProgressBar-fill-color:CanvasText;--🥝ProgressBar-track-color:Canvas;outline:1px solid;outline-color:oklch(from CanvasText l c h/50%);forced-color-adjust:none}}.🥝Radio.🥝Checkbox{--🥝Checkbox-border-radius:9999px;--🥝Checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" ><circle cx=\"8\" cy=\"8\" r=\"4\" /></svg>");--🥝Checkbox-indeterminate-svg:var(--🥝Checkbox-unchecked-svg)}@layer base{.🥝Spinner{block-size:var(--🥝Spinner-size);inline-size:var(--🥝Spinner-size);display:inline-block}}@layer modifiers{.🥝Spinner:where([data-_sk-tone=neutral]){--🥝Spinner-fill-color:var(--stratakit-color-icon-neutral-base);--🥝Spinner-track-color:var(--stratakit-color-border-page-base)}.🥝Spinner:where([data-_sk-tone=accent]){--🥝Spinner-fill-color:var(--stratakit-color-icon-accent-strong);--🥝Spinner-track-color:var(--stratakit-color-bg-accent-muted)}.🥝Spinner:where([data-_sk-size=small]){--🥝Spinner-size:1rem}.🥝Spinner:where([data-_sk-size=medium]){--🥝Spinner-size:1.5rem}.🥝Spinner:where([data-_sk-size=large]){--🥝Spinner-size:2rem}.🥝Spinner:where([data-_sk-size=xlarge]){--🥝Spinner-size:3rem}.🥝Spinner:where([data-_sk-variant=indeterminate]){--🥝Spinner-animation:--🥝Spinner-animation-indeterminate linear infinite;--🥝Spinner-animation-duration:1s;--🥝Spinner-dash-array:25 75}@media (prefers-reduced-motion){.🥝Spinner:where([data-_sk-variant=indeterminate]){--🥝Spinner-animation-duration:2s}}}@layer base{.🥝SpinnerSvg{block-size:inherit;inline-size:inherit;fill:none}}.🥝SpinnerSvgTrack{stroke:var(--🥝Spinner-track-color)}.🥝SpinnerSvgFill{animation:var(--🥝Spinner-animation);animation-duration:var(--🥝Spinner-animation-duration);stroke:var(--🥝Spinner-fill-color);stroke-dasharray:var(--🥝Spinner-dash-array);stroke-dashoffset:25px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}@keyframes --🥝Spinner-animation-indeterminate{to{rotate:360deg}}@media (forced-colors:active){.🥝Spinner{--🥝Spinner-fill-color:Canvas;--🥝Spinner-track-color:CanvasText}.🥝Spinner:where([data-_sk-variant=indeterminate]){--🥝Spinner-dash-array:75 25}.🥝SpinnerSvgTrack{stroke-width:2px}.🥝SpinnerSvgFill{stroke-dashoffset:0}}@layer base{.🥝SelectRoot:where(:has(select.🥝Select),[data-_sk-has-select=true]){isolation:isolate;align-items:center;display:inline-grid}.🥝SelectRoot:where(:has(select.🥝Select),[data-_sk-has-select=true])>*{grid-area:1/1/-1/-1}}@layer base{.🥝Select{appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;min-inline-size:calc(var(--stratakit-space-x2) + 1ch + calc(calc(var(--stratakit-space-x1) + var(--stratakit-space-x05)) + var(--stratakit-space-x4) + var(--stratakit-space-x1)));text-overflow:ellipsis;line-height:1.2;font-size:var(--stratakit-font-size-12);background-color:var(--🥝Select-background-color);box-shadow:0px 0px 0px 1px var(--🥝Select-border-color)inset;color:var(--stratakit-color-text-neutral-primary);border:none;border-radius:4px;transition:background-color .15s ease-out}.🥝Select:where(select:not([multiple])){-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-neutral-pressed);--🥝Icon-color:var(--🌀Select-state--default,var(--stratakit-color-icon-neutral-base))var(--🌀Select-state--hover,var(--stratakit-color-icon-neutral-primary))var(--🌀Select-state--pressed,var(--stratakit-color-icon-neutral-primary))var(--🌀Select-state--disabled,var(--stratakit-color-icon-neutral-disabled));min-block-size:1.5rem;padding-inline-start:var(--stratakit-space-x2);padding-inline-end:calc(calc(var(--stratakit-space-x1) + var(--stratakit-space-x05)) + var(--stratakit-space-x4) + var(--stratakit-space-x1))}.🥝Select:where(select:not([multiple])):where(:has(>option[disabled]:checked)){color:var(--stratakit-color-text-neutral-tertiary)}.🥝Select:where(select:not([multiple]))>option{background-color:var(--stratakit-color-bg-neutral-base)}}@layer modifiers{.🥝Select:where([data-_sk-variant=solid]){--🥝Select-background-color:var(--🌀Select-state--default,var(--stratakit-color-bg-neutral-base))var(--🌀Select-state--hover,color-mix(in oklch,var(--stratakit-color-bg-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)))var(--🌀Select-state--pressed,color-mix(in oklch,var(--stratakit-color-bg-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-pressed-\%)))var(--🌀Select-state--disabled,var(--stratakit-color-bg-glow-on-surface-disabled));--🥝Select-border-color:var(--🌀Select-state--default,var(--stratakit-color-border-shadow-base))var(--🌀Select-state--hover,color-mix(in oklch,var(--stratakit-color-border-shadow-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%)))var(--🌀Select-state--pressed,color-mix(in oklch,var(--stratakit-color-border-shadow-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-pressed-\%)))var(--🌀Select-state--disabled,transparent);box-shadow:var(--🌀Select-state--default,var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--🥝Select-border-color)inset,var(--stratakit-shadow-control-button-base-drop))var(--🌀Select-state--hover,var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--🥝Select-border-color)inset,var(--stratakit-shadow-control-button-base-drop))var(--🌀Select-state--pressed,0px 0px 0px 1px var(--🥝Select-border-color)inset)var(--🌀Select-state--disabled,none)}.🥝Select:where([data-_sk-variant=outline]){--🥝Select-background-color:var(--🌀Select-state--default,var(--stratakit-color-bg-control-select))var(--🌀Select-state--hover,color-mix(in oklch,var(--stratakit-color-bg-control-select)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)))var(--🌀Select-state--pressed,color-mix(in oklch,var(--stratakit-color-bg-control-select)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-pressed-\%)))var(--🌀Select-state--disabled,var(--stratakit-color-bg-control-select));--🥝Select-border-color:var(--🌀Select-state--default,var(--stratakit-color-border-neutral-base))var(--🌀Select-state--hover,color-mix(in oklch,var(--stratakit-color-border-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%)))var(--🌀Select-state--pressed,color-mix(in oklch,var(--stratakit-color-border-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-pressed-\%)))var(--🌀Select-state--disabled,var(--stratakit-color-border-glow-on-surface-disabled))}.🥝Select:where([data-_sk-variant=ghost]){--🥝Select-background-color:var(--🌀Select-state--default,transparent)var(--🌀Select-state--hover,var(--stratakit-color-bg-glow-on-surface-neutral-hover))var(--🌀Select-state--pressed,var(--stratakit-color-bg-glow-on-surface-neutral-pressed))var(--🌀Select-state--disabled,transparent);--🥝Select-border-color:transparent}}@layer states{@media (any-hover:hover){.🥝Select:where(:hover){--🌀Select-state:var(--🌀Select-state--hover)}}.🥝Select:where([data-has-popover-open]){--🌀Select-state:var(--🌀Select-state--hover)}.🥝Select:where(:active){--🌀Select-state:var(--🌀Select-state--pressed)}.🥝Select:where(:disabled,[aria-disabled=true]){--🌀Select-state:var(--🌀Select-state--disabled);color:var(--stratakit-color-text-neutral-disabled);cursor:not-allowed;-webkit-tap-highlight-color:transparent}}@layer base.🌀{.🥝Select{--🌀Select-state:var(--🌀Select-state--default);--🌀Select-state--default:var(--🌀Select-state, );--🌀Select-state--hover:var(--🌀Select-state, );--🌀Select-state--pressed:var(--🌀Select-state, );--🌀Select-state--disabled:var(--🌀Select-state, )}}@layer base{.🥝SelectArrow{pointer-events:none;z-index:1;--🥝Icon-color:var(--🌀SelectArrow-state--default,var(--stratakit-color-icon-neutral-base))var(--🌀SelectArrow-state--hover,var(--stratakit-color-icon-neutral-primary))var(--🌀SelectArrow-state--disabled,var(--stratakit-color-icon-neutral-disabled));justify-self:end;margin-inline-end:var(--stratakit-space-x1)}}@layer states{@media (any-hover:hover){:where(.🥝Select:hover)+.🥝SelectArrow{--🌀SelectArrow-state:var(--🌀SelectArrow-state--hover)}}:where(.🥝Select:disabled)+.🥝SelectArrow{--🌀SelectArrow-state:var(--🌀SelectArrow-state--disabled)}}@layer base.🌀{.🥝SelectArrow{--🌀SelectArrow-state:var(--🌀SelectArrow-state--default);--🌀SelectArrow-state--default:var(--🌀SelectArrow-state, );--🌀SelectArrow-state--hover:var(--🌀SelectArrow-state, );--🌀SelectArrow-state--disabled:var(--🌀SelectArrow-state, )}}@media (forced-colors:active){.🥝Select{color:buttontext;background-color:buttonface;border:1px solid buttonborder}.🥝Select:where(:disabled,[aria-disabled=true]){color:graytext;border-color:graytext}.🥝Select:where(:disabled,[aria-disabled=true])+.🥝SelectArrow{--🥝Icon-color:GrayText}}@layer base{.🥝Skeleton{background-color:var(--stratakit-color-bg-glow-on-surface-disabled);border-radius:var(--🥝Skeleton-border-radius);block-size:var(--🥝Skeleton-height);inline-size:var(--🥝Skeleton-width)}@media (prefers-reduced-motion:no-preference){.🥝Skeleton{background:linear-gradient(to right,oklch(from var(--stratakit-color-glow-hue)l c h/.04)40.0%,oklch(from var(--stratakit-color-glow-hue)l c h/.08)50.0%,oklch(from var(--stratakit-color-glow-hue)l c h/.04)60%);background-position-x:100%;background-size:300%;background-attachment:fixed;animation:1.6s cubic-bezier(.32,1,.64,1) infinite --🥝Skeleton-shimmer}}}@layer modifiers{.🥝Skeleton:where([data-_sk-variant=text]){--🥝Skeleton-width:100%;--🥝Skeleton-border-radius:2px}.🥝Skeleton:where([data-_sk-variant=text]):where([data-_sk-size=xsmall]){--🥝Skeleton-height:.75rem}.🥝Skeleton:where([data-_sk-variant=text]):where([data-_sk-size=small]){--🥝Skeleton-height:.875rem}.🥝Skeleton:where([data-_sk-variant=text]):where([data-_sk-size=medium]){--🥝Skeleton-height:1rem}.🥝Skeleton:where([data-_sk-variant=text]):where([data-_sk-size=large]){--🥝Skeleton-height:1.25rem}.🥝Skeleton:where([data-_sk-variant=text]):where([data-_sk-size=xlarge]){--🥝Skeleton-height:1.5rem}.🥝Skeleton:where([data-_sk-variant=object]):where([data-_sk-size=xsmall]){--🥝Skeleton-border-radius:2px;--🥝Skeleton-height:.75rem;--🥝Skeleton-width:.75rem}.🥝Skeleton:where([data-_sk-variant=object]):where([data-_sk-size=small]){--🥝Skeleton-border-radius:2px;--🥝Skeleton-height:1rem;--🥝Skeleton-width:1rem}.🥝Skeleton:where([data-_sk-variant=object]):where([data-_sk-size=medium]){--🥝Skeleton-border-radius:4px;--🥝Skeleton-height:1.5rem;--🥝Skeleton-width:1.5rem}.🥝Skeleton:where([data-_sk-variant=object]):where([data-_sk-size=large]){--🥝Skeleton-border-radius:4px;--🥝Skeleton-height:2rem;--🥝Skeleton-width:2rem}.🥝Skeleton:where([data-_sk-variant=object]):where([data-_sk-size=xlarge]){--🥝Skeleton-border-radius:4px;--🥝Skeleton-height:3rem;--🥝Skeleton-width:3rem}}@keyframes --🥝Skeleton-shimmer{to{background-position-x:0%}}@media (forced-colors:active){.🥝Skeleton{background-color:#0000;border:1px solid}}@layer base{.🥝Switch{appearance:none;cursor:pointer;background-color:var(--🌀Switch-state--default,var(--stratakit-color-bg-page-base))var(--🌀Switch-state--hover,color-mix(in oklch,var(--stratakit-color-bg-page-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)))var(--🌀Switch-state--pressed,color-mix(in oklch,var(--stratakit-color-bg-page-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)))var(--🌀Switch-state--checked,var(--stratakit-color-bg-accent-base))var(--🌀Switch-state--checked-hover,color-mix(in oklch,var(--stratakit-color-bg-accent-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-strong-hover-\%)))var(--🌀Switch-state--disabled,var(--stratakit-color-bg-page-base));border:1px solid #0000;border-color:var(--🌀Switch-state--default,var(--stratakit-color-border-neutral-base))var(--🌀Switch-state--hover,color-mix(in oklch,var(--stratakit-color-border-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%)))var(--🌀Switch-state--pressed,color-mix(in oklch,var(--stratakit-color-border-neutral-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-pressed-\%)))var(--🌀Switch-state--checked,color-mix(in oklch,var(--stratakit-color-bg-accent-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-strong-hover-\%)))var(--🌀Switch-state--checked-hover,color-mix(in oklch,var(--stratakit-color-bg-accent-base)100.0%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-strong-hover-\%)))var(--🌀Switch-state--disabled,var(--stratakit-color-border-glow-on-surface-disabled));-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);border-radius:9999px;align-items:center;block-size:auto;inline-size:2rem;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-grid;position:relative}.🥝Switch:before,.🥝Switch:after{content:"";grid-area:1/1/-1/-1;display:block}.🥝Switch:before{inline-size:2rem;block-size:var(--stratakit-space-x6);margin:-1px;position:absolute}.🥝Switch:after{background-color:var(--🥝Switch-thumb-color);block-size:1rem;inline-size:1rem;box-shadow:var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--stratakit-color-border-shadow-base)inset,var(--stratakit-shadow-control-button-base-drop);border-radius:var(--🥝Switch-thumb-radius,9999px);transform-origin:0;transform:var(--🥝Switch-thumb-transform);margin:calc(.125rem - 1px)}@media (prefers-reduced-motion:no-preference){.🥝Switch:after{will-change:transform,border-radius;transition:transform .15s ease-out,border-radius .15s ease-out}}}@layer states{.🥝Switch{--🥝Switch-thumb-color:var(--stratakit-color-bg-neutral-inverse)}@media (any-hover:hover){.🥝Switch:where(:hover){--🌀Switch-state:var(--🌀Switch-state--hover)}}.🥝Switch:where(:checked,[aria-checked=true]){--🌀Switch-state:var(--🌀Switch-state--checked);--🥝Switch-thumb-transform:translateX(75.0%)}@media (any-hover:hover){.🥝Switch:where(:checked,[aria-checked=true]):where(:hover){--🌀Switch-state:var