@stratakit/bricks
Version:
Small, modular components for StrataKit
9 lines (7 loc) • 50.1 kB
JavaScript
// inline-css:/home/runner/work/design-system/design-system/packages/bricks/src/styles.css
var styles_default = String.raw` itwinui.components{ base{.🥝-visually-hidden: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}} 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}} (forced-colors:active){.🥝-dot{background-color:canvastext}} base{.🥝-ghost-aligner:where([data-kiwi-ghost-align=inline]){margin-inline:calc(-1*var(--🥝ghost-inline-offset))}.🥝-ghost-aligner:where([data-kiwi-ghost-align=inline-start]){margin-inline-start:calc(-1*var(--🥝ghost-inline-offset))}.🥝-ghost-aligner:where([data-kiwi-ghost-align=inline-end]){margin-inline-end:calc(-1*var(--🥝ghost-inline-offset))}.🥝-ghost-aligner:where([data-kiwi-ghost-align=block]){margin-block:calc(-1*var(--🥝ghost-block-offset))}.🥝-ghost-aligner:where([data-kiwi-ghost-align=block-start]){margin-block-start:calc(-1*var(--🥝ghost-block-offset))}.🥝-ghost-aligner:where([data-kiwi-ghost-align=block-end]){margin-block-end:calc(-1*var(--🥝ghost-block-offset))}} base{.🥝-anchor{cursor:pointer;font-size:var(--stratakit-font-size-12);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(.🥝-anchor-text)){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}} modifiers{.🥝-anchor:where([data-kiwi-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)}.🥝-anchor:where([data-kiwi-tone=critical]){--🥝anchor-color:var(--🌀anchor-state--default,var(--stratakit-color-text-critical-base))var(--🌀anchor-state--hover,color-mix(in oklch,var(--stratakit-color-text-critical-base)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-critical-base)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-critical-pressed)}} states{ (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}} 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, )}} base{.🥝-anchor-text{unicode-bidi:bidi-override;text-decoration-line:underline}} base{.🥝-anchor-external-marker{-webkit-user-select:none;user-select:none}} (forced-colors:active){.🥝-anchor:where(button){color:linktext}} base{.🥝-avatar{--🥝avatar-background-color:var(--stratakit-color-bg-mono-base);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}} modifiers{.🥝-avatar:where([data-kiwi-size=small]){--🥝avatar-size:1rem;--🥝avatar-font-size:var(--stratakit-font-size-8);--🥝icon-size:.75rem}.🥝-avatar:where([data-kiwi-size=medium]){--🥝avatar-size:1.5rem;--🥝avatar-font-size:var(--stratakit-font-size-10);--🥝icon-size:1rem}.🥝-avatar:where([data-kiwi-size=large]){--🥝avatar-size:2rem;--🥝avatar-font-size:var(--stratakit-font-size-12);--🥝icon-size:1rem}.🥝-avatar:where([data-kiwi-size=xlarge]){--🥝avatar-size:3rem;--🥝avatar-font-size:var(--stratakit-font-size-16);--🥝icon-size:1.5rem}} base{.🥝-avatar-initials{font-size:var(--🥝avatar-font-size);text-align:center;text-transform:uppercase;font-weight:600}} (forced-colors:active){.🥝-avatar{border:1px solid}} 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-x2);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}} modifiers{.🥝-badge:where([data-kiwi-variant=solid]){--🥝badge-border-color:var(--stratakit-color-border-glow-strong-default);--🥝badge-text-color:var(--stratakit-color-text-neutral-emphasis)}.🥝-badge:where([data-kiwi-variant=solid]):where([data-kiwi-tone=neutral]){--🥝badge-background-color:var(--stratakit-color-bg-mono-base)}.🥝-badge:where([data-kiwi-variant=solid]):where([data-kiwi-tone=info]){--🥝badge-background-color:var(--stratakit-color-bg-info-base)}.🥝-badge:where([data-kiwi-variant=solid]):where([data-kiwi-tone=positive]){--🥝badge-background-color:var(--stratakit-color-bg-positive-base)}.🥝-badge:where([data-kiwi-variant=solid]):where([data-kiwi-tone=attention]){--🥝badge-background-color:var(--stratakit-color-bg-attention-base)}.🥝-badge:where([data-kiwi-variant=solid]):where([data-kiwi-tone=critical]){--🥝badge-background-color:var(--stratakit-color-bg-critical-base)}.🥝-badge:where([data-kiwi-variant=solid]):where([data-kiwi-tone=accent]){--🥝badge-background-color:var(--stratakit-color-bg-accent-base)}.🥝-badge:where([data-kiwi-variant=muted]):where([data-kiwi-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)}.🥝-badge:where([data-kiwi-variant=muted]):where([data-kiwi-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)}.🥝-badge:where([data-kiwi-variant=muted]):where([data-kiwi-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)}.🥝-badge:where([data-kiwi-variant=muted]):where([data-kiwi-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)}.🥝-badge:where([data-kiwi-variant=muted]):where([data-kiwi-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)}.🥝-badge:where([data-kiwi-variant=muted]):where([data-kiwi-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)}.🥝-badge:where([data-kiwi-variant=outline]){--🥝badge-background-color:transparent}.🥝-badge:where([data-kiwi-variant=outline]):where([data-kiwi-tone=neutral]){--🥝badge-text-color:var(--stratakit-color-text-mono-base);--🥝badge-border-color:var(--stratakit-color-border-mono-base)}.🥝-badge:where([data-kiwi-variant=outline]):where([data-kiwi-tone=info]){--🥝badge-text-color:var(--stratakit-color-text-info-base);--🥝badge-border-color:var(--stratakit-color-border-info-base)}.🥝-badge:where([data-kiwi-variant=outline]):where([data-kiwi-tone=positive]){--🥝badge-text-color:var(--stratakit-color-text-positive-base);--🥝badge-border-color:var(--stratakit-color-border-positive-base)}.🥝-badge:where([data-kiwi-variant=outline]):where([data-kiwi-tone=attention]){--🥝badge-text-color:var(--stratakit-color-text-attention-base);--🥝badge-border-color:var(--stratakit-color-border-attention-base)}.🥝-badge:where([data-kiwi-variant=outline]):where([data-kiwi-tone=critical]){--🥝badge-text-color:var(--stratakit-color-text-critical-base);--🥝badge-border-color:var(--stratakit-color-border-critical-base)}.🥝-badge:where([data-kiwi-variant=outline]):where([data-kiwi-tone=accent]){--🥝badge-text-color:var(--stratakit-color-text-accent-base);--🥝badge-border-color:var(--stratakit-color-border-accent-base)}} (forced-colors:active){.🥝-badge{border:1px solid}} 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);--🥝ghost-inline-offset:var(--stratakit-space-x3);--🥝ghost-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-hover))var(--🌀button-state--pressed,var(--stratakit-color-icon-neutral-hover))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}} modifiers{.🥝-button:where([data-kiwi-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-button-base-inset),0px 0px 0px 1px var(--🥝button-border-color)inset,var(--stratakit-shadow-button-base-drop))var(--🌀button-state--hover,var(--stratakit-shadow-button-base-inset),0px 0px 0px 1px var(--🥝button-border-color)inset,var(--stratakit-shadow-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-kiwi-variant=solid]):where([data-kiwi-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--disabled,transparent)}.🥝-button:where([data-kiwi-variant=solid]):where([data-kiwi-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--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-kiwi-variant=outline]):where([data-kiwi-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--disabled,var(--stratakit-color-border-glow-on-surface-disabled))}.🥝-button:where([data-kiwi-variant=outline]):where([data-kiwi-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--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-kiwi-variant=ghost]){--🥝button-border-color:transparent}.🥝-button:where([data-kiwi-variant=ghost]):where([data-kiwi-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-kiwi-variant=ghost]):where([data-kiwi-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-\%)))}} states{ (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]){--🌀button-state:var(--🌀button-state--active);--🥝button-border-color:var(--stratakit-color-border-accent-strong)}.🥝-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)}} 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, )}} (forced-colors:active){.🥝-button{color:buttontext;background-color:buttonface;border:1px solid buttonborder}.🥝-button:where([aria-pressed=true]){color:selecteditemtext;background-color:selecteditem}.🥝-button:where(:disabled,[aria-disabled=true]){color:graytext;border-color:graytext}} 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-base-pressed-\%)))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-button-base-inset),0px 0px 0px 1px var(--🥝checkbox-border-color)inset,var(--stratakit-shadow-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-base-pressed-\%)))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}} states{ (any-hover:hover){.🥝-checkbox:where(:hover){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--hover)}}.🥝-checkbox:where(:checked,[aria-checked=true]){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--checked);--🌀checkbox-aria-state:var(--🌀checkbox-aria-state--checked)} (any-hover:hover){.🥝-checkbox:where(:checked,[aria-checked=true]):where(:hover){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--checked-hover)}}.🥝-checkbox:where(:indeterminate,[aria-checked=mixed]){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--checked);--🌀checkbox-aria-state:var(--🌀checkbox-aria-state--indeterminate)}.🥝-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}} 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--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, )}} (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(:disabled,[aria-disabled=true]){background-color:canvas;border-color:graytext}.🥝-checkbox:where(:disabled,[aria-disabled=true]):after{background-color:graytext}} modifiers{.🥝-description.🥝-text:where([data-kiwi-tone=neutral]){color:var(--stratakit-color-text-neutral-tertiary)}.🥝-description.🥝-text:where([data-kiwi-tone=critical]){color:var(--stratakit-color-text-critical-base)}} base{.🥝-divider{background-color:var(--stratakit-color-border-neutral-muted);flex:none;align-self:stretch}.🥝-divider:where(hr){border:none;margin:0}} modifiers{.🥝-divider:where(:not([aria-orientation=vertical],[data-kiwi-orientation=vertical])){block-size:1px}.🥝-divider:where([aria-orientation=vertical],[data-kiwi-orientation=vertical]){min-block-size:100%;inline-size:1px}} (forced-colors:active){.🥝-divider{background-color:canvastext}} base{.🥝-icon-button.🥝-button{aspect-ratio:1;--🥝button-padding-inline:var(--stratakit-space-x1);--🥝ghost-inline-offset:var(--stratakit-space-x1)}} base{.🥝-icon-button-dot.🥝-dot{position:absolute;inset-block-start:var(--stratakit-space-x05);inset-inline-end:var(--stratakit-space-x05)}} (forced-colors:active){.🥝-icon-button:where([inert]){border:none}:where(.🥝-icon-button[aria-pressed=true]) .🥝-icon-button-dot.🥝-dot{background-color:selecteditemtext}} 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}} modifiers{.🥝-kbd:where([data-kiwi-variant=solid],[data-kiwi-variant=muted]){background-color:var(--stratakit-color-bg-neutral-base);padding-inline:var(--stratakit-space-x1);border-radius:4px}.🥝-kbd:where([data-kiwi-variant=solid]){box-shadow:var(--stratakit-shadow-button-base-inset),0px 0px 0px 1px var(--stratakit-color-border-shadow-base)inset,var(--stratakit-shadow-button-base-drop)}.🥝-kbd:where([data-kiwi-variant=ghost]){color:var(--stratakit-color-text-neutral-tertiary)}} (forced-colors:active){.🥝-kbd:where([data-kiwi-variant=solid]){border:1px solid}} base{.🥝-label{color:var(--stratakit-color-text-neutral-secondary);cursor:default;font-size:var(--stratakit-font-size-12)}.🥝-label:is(label){cursor:pointer;-webkit-tap-highlight-color:var(--stratakit-color-bg-glow-on-surface-neutral-pressed)}} 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}} base{.🥝-progress-bar{block-size:var(--🥝progress-bar-size);contain:strict;background-color:var(--🥝progress-bar-track-color);border-radius:9999px;inline-size:100%;display:grid}.🥝-progress-bar:before{content:"";block-size:inherit;inline-size:var(--🥝progress-bar-fill-size);transform:translateX(calc(-100% + var(--🥝progress-bar-fill-portion-shown)));border-radius:inherit;background-color:var(--🥝progress-bar-fill-color);animation:var(--🥝progress-bar-animation)} (prefers-reduced-motion:no-preference){.🥝-progress-bar:where([data-kiwi-variant=determinate]):before{transition:transform .15s ease-in-out}}} modifiers{.🥝-progress-bar:where([data-kiwi-tone=neutral]){--🥝progress-bar-fill-color:var(--stratakit-color-icon-neutral-base);--🥝progress-bar-track-color:var(--stratakit-color-border-page-base)}.🥝-progress-bar:where([data-kiwi-tone=accent]){--🥝progress-bar-fill-color:var(--stratakit-color-icon-accent-strong);--🥝progress-bar-track-color:var(--stratakit-color-bg-accent-muted)}.🥝-progress-bar:where([data-kiwi-size=medium]){--🥝progress-bar-size:.125rem}.🥝-progress-bar:where([data-kiwi-size=large]){--🥝progress-bar-size:.25rem}.🥝-progress-bar:where([data-kiwi-variant=indeterminate]){--🥝progress-bar-animation:calc(4*1.5s*2)--🥝progress-bar-animation-indeterminate steps(4,end)infinite;--🥝progress-bar-fill-size:25%;--🥝progress-bar-fill-start-point:0%} (prefers-reduced-motion:no-preference){.🥝-progress-bar:where([data-kiwi-variant=indeterminate]){--🥝progress-bar-animation:1.5s --🥝progress-bar-animation-indeterminate cubic-bezier(.5,0,.5,1)4,calc(1.5s*2)--🥝progress-bar-animation-indeterminate-slow cubic-bezier(.5,0,.5,1)calc(4*1.5s)infinite;--🥝progress-bar-fill-start-point:-100%}}.🥝-progress-bar:where([data-kiwi-variant=determinate]){--🥝progress-bar-fill-size:100%}} --🥝progress-bar-animation-indeterminate{0%{transform:translateX(var(--🥝progress-bar-fill-start-point))}to{transform:translate(400%)}} --🥝progress-bar-animation-indeterminate-slow{0%{transform:translate(-100%)}50%{transform:translate(-95%)}to{transform:translate(400%)}} (forced-colors:active){.🥝-progress-bar{--🥝progress-bar-fill-color:CanvasText;--🥝progress-bar-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)} states{.🥝-radio.🥝-checkbox:where(:indeterminate){--🌀checkbox-visual-state:var(--🌀checkbox-visual-state--default)}} base{.🥝-spinner{block-size:var(--🥝spinner-size);inline-size:var(--🥝spinner-size);display:inline-block}} modifiers{.🥝-spinner:where([data-kiwi-tone=neutral]){--🥝spinner-fill-color:var(--stratakit-color-icon-neutral-base);--🥝spinner-track-color:var(--stratakit-color-border-page-base)}.🥝-spinner:where([data-kiwi-tone=accent]){--🥝spinner-fill-color:var(--stratakit-color-icon-accent-strong);--🥝spinner-track-color:var(--stratakit-color-bg-accent-muted)}.🥝-spinner:where([data-kiwi-size=small]){--🥝spinner-size:1rem}.🥝-spinner:where([data-kiwi-size=medium]){--🥝spinner-size:1.5rem}.🥝-spinner:where([data-kiwi-size=large]){--🥝spinner-size:2rem}.🥝-spinner:where([data-kiwi-size=xlarge]){--🥝spinner-size:3rem}.🥝-spinner:where([data-kiwi-variant=indeterminate]){--🥝spinner-animation:--🥝spinner-animation-indeterminate linear infinite;--🥝spinner-animation-duration:1s;--🥝spinner-dash-array:25 75} (prefers-reduced-motion){.🥝-spinner:where([data-kiwi-variant=indeterminate]){--🥝spinner-animation-duration:2s}}} base{.🥝-spinner-svg{block-size:inherit;inline-size:inherit;fill:none}}.🥝-spinner-svg-track{stroke:var(--🥝spinner-track-color)}.🥝-spinner-svg-fill{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%} --🥝spinner-animation-indeterminate{to{rotate:360deg}} (forced-colors:active){.🥝-spinner{--🥝spinner-fill-color:Canvas;--🥝spinner-track-color:CanvasText}.🥝-spinner:where([data-kiwi-variant=indeterminate]){--🥝spinner-dash-array:75 25}.🥝-spinner-svg-track{stroke-width:2px}.🥝-spinner-svg-fill{stroke-dashoffset:0}} base{.🥝-select-root:where(:has(select.🥝-select),[data-kiwi-has-select=true]){isolation:isolate;align-items:center;display:inline-grid}.🥝-select-root:where(:has(select.🥝-select),[data-kiwi-has-select=true])>*{grid-area:1/1/-1/-1}} base{.🥝-select.🥝-button{min-inline-size:calc(var(--stratakit-space-x2) + 1ch + calc(var(--stratakit-space-x1) + var(--stratakit-space-x4) + var(--stratakit-space-x1)));text-overflow:ellipsis}.🥝-select.🥝-button:where(select:not([multiple])){appearance:none;--🥝button-padding-inline:var(--stratakit-space-x2)calc(var(--stratakit-space-x1) + var(--stratakit-space-x4) + var(--stratakit-space-x1));--🥝ghost-inline-offset:var(--stratakit-space-x2)}.🥝-select.🥝-button:where(select:not([multiple]))>option{background-color:var(--stratakit-color-bg-neutral-base)}} base{.🥝-select-arrow.🥝-disclosure-arrow{pointer-events:none;z-index:1;--🥝icon-color:var(--🌀select-arrow-state--default,var(--stratakit-color-icon-neutral-base))var(--🌀select-arrow-state--hover,var(--stratakit-color-icon-neutral-hover))var(--🌀select-arrow-state--disabled,var(--stratakit-color-icon-neutral-disabled));justify-self:end;margin-inline-end:var(--stratakit-space-x1)}} states{ (any-hover:hover){:where(.🥝-select:hover)+.🥝-select-arrow.🥝-disclosure-arrow{--🌀select-arrow-state:var(--🌀select-arrow-state--hover)}}:where(.🥝-select:disabled)+.🥝-select-arrow.🥝-disclosure-arrow{--🌀select-arrow-state:var(--🌀select-arrow-state--disabled)}} base.🌀{.🥝-select-arrow.🥝-disclosure-arrow{--🌀select-arrow-state:var(--🌀select-arrow-state--default);--🌀select-arrow-state--default:var(--🌀select-arrow-state, );--🌀select-arrow-state--hover:var(--🌀select-arrow-state, );--🌀select-arrow-state--disabled:var(--🌀select-arrow-state, )}} 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)} (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}}} modifiers{.🥝-skeleton:where([data-kiwi-variant=text]){--🥝skeleton-width:100%;--🥝skeleton-border-radius:2px}.🥝-skeleton:where([data-kiwi-variant=text]):where([data-kiwi-size=xsmall]){--🥝skeleton-height:.75rem}.🥝-skeleton:where([data-kiwi-variant=text]):where([data-kiwi-size=small]){--🥝skeleton-height:.875rem}.🥝-skeleton:where([data-kiwi-variant=text]):where([data-kiwi-size=medium]){--🥝skeleton-height:1rem}.🥝-skeleton:where([data-kiwi-variant=text]):where([data-kiwi-size=large]){--🥝skeleton-height:1.25rem}.🥝-skeleton:where([data-kiwi-variant=text]):where([data-kiwi-size=xlarge]){--🥝skeleton-height:1.5rem}.🥝-skeleton:where([data-kiwi-variant=object]):where([data-kiwi-size=xsmall]){--🥝skeleton-border-radius:2px;--🥝skeleton-height:.75rem;--🥝skeleton-width:.75rem}.🥝-skeleton:where([data-kiwi-variant=object]):where([data-kiwi-size=small]){--🥝skeleton-border-radius:2px;--🥝skeleton-height:1rem;--🥝skeleton-width:1rem}.🥝-skeleton:where([data-kiwi-variant=object]):where([data-kiwi-size=medium]){--🥝skeleton-border-radius:4px;--🥝skeleton-height:1.5rem;--🥝skeleton-width:1.5rem}.🥝-skeleton:where([data-kiwi-variant=object]):where([data-kiwi-size=large]){--🥝skeleton-border-radius:4px;--🥝skeleton-height:2rem;--🥝skeleton-width:2rem}.🥝-skeleton:where([data-kiwi-variant=object]):where([data-kiwi-size=xlarge]){--🥝skeleton-border-radius:4px;--🥝skeleton-height:3rem;--🥝skeleton-width:3rem}} --🥝skeleton-shimmer{to{background-position-x:0%}} (forced-colors:active){.🥝-skeleton{background-color:#0000;border:1px solid}} 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-button-base-inset),0px 0px 0px 1px var(--stratakit-color-border-shadow-base)inset,var(--stratakit-shadow-button-base-drop);border-radius:var(--🥝switch-thumb-radius,9999px);transform-origin:0;transform:var(--🥝switch-thumb-transform);margin:calc(.125rem - 1px)} (prefers-reduced-motion:no-preference){.🥝-switch:after{will-change:transform,border-radius;transition:transform .15s ease-out,border-radius .15s ease-out}}} states{.🥝-switch{--🥝switch-thumb-color:var(--stratakit-color-bg-neutral-inverse)} (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%)} (any-hover:hover){.🥝-switch:where(:checked,[aria-checked=true]):where(:hover){--🌀switch-state:var(--🌀switch-state--checked-hover)}}.🥝-switch:where(:active){--🌀switch-state:var(--🌀switch-state--pressed);--🥝switch-thumb-transform:scaleX(1.75);--🥝switch-thumb-radius:calc(9999px/1.75)/9999px}.🥝-switch:where(:disabled,[aria-disabled=true]){--🌀switch-state:var(--🌀switch-state--disabled);--🥝switch-thumb-color:var(--stratakit-color-icon-neutral-disabled);cursor:not-allowed;-webkit-tap-highlight-color:transparent}.🥝-switch:where(:disabled,[aria-disabled=true]):after{box-shadow:none}} base.🌀{.🥝-switch{--🌀switch-state:var(--🌀switch-state--default);--🌀switch-state--default:var(--🌀switch-state, );--🌀switch-state--hover:var(--🌀switch-state, );--🌀switch-state--pressed:var(--🌀switch-state, );--🌀switch-state--checked:var(--🌀switch-state, );--🌀switch-state--checked-hover:var(--🌀switch-state, );--🌀switch-state--disabled:var(--🌀switch-state, )}} (forced-colors:active){.🥝-switch{--🥝switch-thumb-color:CanvasText;border-color:canvastext}.🥝-switch:where(:checked,[aria-checked=true]){--🥝switch-thumb-color:SelectedItemText;background-color:selecteditem}.🥝-switch:where(:disabled,[aria-disabled=true]){--🥝switch-thumb-color:GrayText;background-color:canvas;border-color:graytext}} modifiers{.🥝-text:where([data-kiwi-text-variant=display-lg]){font-size:var(--stratakit-font-size-48);line-height:1.1667}.🥝-text:where([data-kiwi-text-variant=display-md]){font-size:var(--stratakit-font-size-40);line-height:1.2}.🥝-text:where([data-kiwi-text-variant=display-sm]){font-size:var(--stratakit-font-size-32);line-height:1.25}.🥝-text:where([data-kiwi-text-variant=headline-lg]){font-size:var(--stratakit-font-size-28);line-height:1.2857}.🥝-text:where([data-kiwi-text-variant=headline-md]){font-size:var(--stratakit-font-size-24);line-height:1.3333}.🥝-text:where([data-kiwi-text-variant=headline-sm]){font-size:var(--stratakit-font-size-20);line-height:1.4}.🥝-text:where([data-kiwi-text-variant=body-lg]){font-size:var(--stratakit-font-size-16);line-height:1.5}.🥝-text:where([data-kiwi-text-variant=body-md]){font-size:var(--stratakit-font-size-14);line-height:1.4286}.🥝-text:where([data-kiwi-text-variant=body-sm]){font-size:var(--stratakit-font-size-12);line-height:1.3333}.🥝-text:where([data-kiwi-text-variant=caption-lg]){font-size:var(--stratakit-font-size-11);line-height:1.4545}.🥝-text:where([data-kiwi-text-variant=caption-md]){font-size:var(--stratakit-font-size-10);line-height:1.2}.🥝-text:where([data-kiwi-text-variant=caption-sm]){font-size:var(--stratakit-font-size-8);line-height:1.5}.🥝-text:where([data-kiwi-text-variant=mono-sm]){font-family:var(--stratakit-font-family-mono);font-size:var(--stratakit-font-size-12);line-height:1.3333}} base{.🥝-text-box{cursor:var(--🥝text-box-cursor);font-size:var(--stratakit-font-size-12);min-block-size:1.5rem;min-inline-size:0;padding-inline:var(--stratakit-space-x2);background-color:var(--🥝text-box-background-color);box-shadow:var(--stratakit-shadow-input-base);color:var(--stratakit-color-text-neutral-primary);-webkit-tap-highlight-color:transparent;--🥝text-box-cursor:text;--🥝text-box-background-color:var(--🌀text-box-state--default,var(--stratakit-color-bg-page-base))var(--🌀text-box-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(--🌀text-box-state--disabled,var(--stratakit-color-bg-control-textbox));--🥝text-box-border-color:var(--🌀text-box-state--default,var(--stratakit-color-border-neutral-base))var(--🌀text-box-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(--🌀text-box-state--disabled,var(--stratakit-color-border-glow-on-surface-disabled));border-radius:4px;transition:background-color .15s ease-out,border-color .15s ease-out}.🥝-text-box:where(:not(input,textarea)){align-items:center;gap:var(--stratakit-space-x1);display:inline-flex;position:relative}.🥝-text-box:where(:not(input,textarea)):before{content:"";border-radius:inherit;pointer-events:none;border:1px solid var(--🥝text-box-border-color);transition:border-color .15s ease-out;position:absolute;inset:0}.🥝-text-box:where(:not(input,textarea)):where(:not(:has(.🥝-text-box-decoration~:is(input,textarea)))){padding-inline-start:0}.🥝-text-box:where(:not(input,textarea)):where(:not(:has(.🥝-text-box-decoration~:is(input,textarea)))) :where(input,textarea){padding-inline-start:var(--stratakit-space-x2)}.🥝-text-box:where(:not(input,textarea)):where(:not(:has(:is(input,textarea)~.🥝-text-box-decoration))){padding-inline-end:0}.🥝-text-box:where(:not(input,textarea)):where(:not(:has(:is(input,textarea)~.🥝-text-box-decoration))) :where(input,textarea){padding-inline-end:var(--stratakit-space-x2)}.🥝-text-box:where(input,textarea),.🥝-text-box :where(input,textarea){appearance:none;border:1px solid var(--🥝text-box-border-color);min-inline-size:0;cursor:var(--🥝text-box-cursor);padding-block:max(0px,(1.5rem - var(--stratakit-space-x05) - 1lh)/2);line-height:1.3}:is(.🥝-text-box:where(input,textarea),.🥝-text-box :where(input,textarea))::placeholder{color:var(--stratakit-color-text-neutral-secondary);opacity:1;-webkit-user-select:none;user-select:none}.🥝-text-box:where(textarea),.🥝-text-box :where(textarea){resize:vertical;resize:block}.🥝-text-box :where(input,textarea){background-color:var(--🥝text-box-background-color);outline:unset;min-height:inherit;border:none;flex:999;align-self:stretch;transition:background-color .15s ease-out}} states{ (any-hover:hover){.🥝-text-box:where(:hover){--🌀text-box-state:var(--🌀text-box-state--hover)}}.🥝-text-box:where(:has(:is(input,textarea):focus-visible),:is(input,textarea):focus-visible){outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset);--🥝text-box-border-color:var(--stratakit-color-border-accent-strong);--🥝icon-color:var(--stratakit-color-icon-accent-strong)} not selector(:has(+ *)){.🥝-text-box:where(:not(input,textarea):focus-within){outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset);--🥝text-box-border-color:var(--stratakit-color-border-accent-strong);--🥝icon-color:var(--stratakit-color-icon-accent-strong)}}.🥝-text-box:where(:disabled,[aria-disabled=true],[data-kiwi-disabled=true],:has(:is(input,textarea):is(:disabled,[aria-disabled=true]))){--🌀text-box-state:var(--🌀text-box-state--disabled);box-shadow:none;color:var(--stratakit-color-text-neutral-disabled);--🥝text-box-cursor:not-allowed}} base.🌀{.🥝-text-box{--🌀text-box-state:var(--🌀text-box-state--default);--🌀text-box-state--default:var(--🌀text-box-state, );--🌀text-box-state--hover:var(--🌀text-box-state, );--🌀text-box-state--disabled:var(--🌀text-box-state, )}} base{.🥝-text-box-decoration{flex-shrink:0}} (forced-colors:active){.🥝-text-box{--🥝text-box-background-color:Field;--🥝text-box-border-color:CanvasText;color:fieldtext}.🥝-text-box:where(:disabled,[aria-disabled=true],[data-kiwi-disabled=true],:has(:is(input,textarea):is(:disabled,[aria-disabled=true]))){--🥝text-box-border-color:GrayText;color:graytext}} base{.🥝-tooltip{font-size:var(--stratakit-font-size-12);line-height:1.3333}.🥝-tooltip{background-color:var(--stratakit-color-bg-elevation-emphasis);box-shadow:var(--stratakit-shadow-tooltip-base);color:var(--stratakit-color-text-neutral-emphasis);justify-content:center;gap:var(--stratakit-space-x1);border:1px solid var(--stratakit-color-border-elevation-base);padding-block:calc(var(--stratakit-space-x1) - 1px);padding-inline:calc(var(--stratakit-space-x2) - 1px);border-radius:4px;min-block-size:1rem;max-inline-size:12.25rem;display:flex}} base{.🥝-field{gap:var(--stratakit-space-x1);--🥝field-description-column:label-start/label-end;grid-template-columns:[label-start]auto[label-end control-start]auto[control-end];justify-content:start;align-items:center;display:grid}.🥝-field:where([data-kiwi-control-type=checkable][data-kiwi-label-placement=after]){grid-template-columns:[control-start]auto[control-end label-start]auto[label-end]}.🥝-field:where([data-kiwi-control-type=textlike]){--🥝field-description-column:control-start/control-end;align-items:baseline}.🥝-field:where([data-kiwi-control-type=textlike]):where(:not([data-kiwi-layout=inline])){grid-template-columns:[label-start control-start]auto[label-end control-end];justify-content:stretch}.🥝-field :where(.🥝-description){grid-column:var(--🥝field-description-column)}}}`;
// src/styles.css.ts
var styles_css_default = styles_default;
export {
styles_css_default as default
};