@stratakit/foundations/dist/DEV/~styles.css.js

Foundational pieces of StrataKit

// inline-css:/home/runner/work/stratakit/stratakit/packages/foundations/src/~styles.css
var styles_default = String.raw`@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;interpolate-size:allow-keywords}:where(html:has(dialog:modal[open])){overflow:clip}:where(button){appearance:none;background-color:unset;border:unset;cursor:pointer;text-align:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(fieldset){border:none}:where(img,picture,svg,video){block-size:auto;max-inline-size:100%;display:block}:where(svg){display:inline-block}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;text-wrap:pretty;font-weight:unset;font-size:unset}:where(table){border-collapse:collapse}:where(table,th,caption){text-align:start}:where(dialog,[popover]){color:inherit;inset:unset;max-width:unset;max-height:unset;overflow:unset;background:0 0;border:none}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:focus-visible{outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset)}}@layer stratakit.foundations{html,:host,.🥝Root{--stratakit-space-x05:2px;--stratakit-space-x1:4px;--stratakit-space-x2:8px;--stratakit-space-x3:12px;--stratakit-space-x4:16px;--stratakit-space-x5:20px;--stratakit-space-x6:24px;--stratakit-space-x7:28px;--stratakit-space-x8:32px;--stratakit-space-x9:36px;--stratakit-space-x10:40px;--stratakit-size-control-field-height-small:1.5rem;--stratakit-size-control-field-height-medium:2rem;--stratakit-size-control-field-height-large:2.5rem;--stratakit-size-control-listitem-height-small:1.75rem;--stratakit-size-control-listitem-height-large:2.5rem}:is(html:where([data-color-scheme=light]),:host(:where([data-color-scheme=light])),.🥝Root:where([data-_sk-color-scheme=light])){--stratakit-color-bg-mono-base:oklch(55.22% .018 253.99);--stratakit-color-bg-mono-muted:oklch(87.77% .005 247.88);--stratakit-color-bg-mono-faded:oklch(34.4% .011 264.42);--stratakit-color-bg-mono-transparent:oklch(55.22% .018 253.99/.16);--stratakit-color-bg-accent-base:var(--_stratakit-accent-500,oklch(54% .1 170.26));--stratakit-color-bg-accent-muted:var(--_stratakit-accent-50,oklch(89.34% .027 178.99));--stratakit-color-bg-accent-faded:var(--_stratakit-accent-800,oklch(33.76% .059 170.74));--stratakit-color-bg-accent-transparent:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/16%);--stratakit-color-bg-info-base:oklch(55.68% .187 255.82);--stratakit-color-bg-info-muted:oklch(89.45% .042 250.5);--stratakit-color-bg-info-faded:oklch(34.71% .108 254.29);--stratakit-color-bg-info-transparent:oklch(55.68% .187 255.82/.16);--stratakit-color-bg-positive-base:oklch(53.64% .173 140.57);--stratakit-color-bg-positive-muted:oklch(89.17% .046 138.13);--stratakit-color-bg-positive-faded:oklch(33.63% .106 139.87);--stratakit-color-bg-positive-transparent:oklch(53.64% .173 140.57/.16);--stratakit-color-bg-attention-base:oklch(55.63% .116 75.58);--stratakit-color-bg-attention-muted:oklch(89.65% .049 84.55);--stratakit-color-bg-attention-faded:oklch(34.69% .071 77.24);--stratakit-color-bg-attention-transparent:oklch(56.98% .174 41.22/.16);--stratakit-color-bg-critical-base:oklch(58.02% .221 19.39);--stratakit-color-bg-critical-muted:oklch(90.3% .042 5.14);--stratakit-color-bg-critical-faded:oklch(36.08% .133 17.52);--stratakit-color-bg-critical-transparent:oklch(58.02% .221 19.39/.16);--stratakit-color-bg-page-depth:oklch(97.87% .002 247.84);--stratakit-color-bg-page-base:oklch(99.06% .002 247.84);--stratakit-color-bg-elevation-base:oklch(100% none none);--stratakit-color-bg-elevation-emphasis:oklch(18.15% .003 247.97);--stratakit-color-bg-elevation-level-1:oklch(100% none none);--stratakit-color-bg-elevation-overlay:oklch(99.06% .002 247.84);--stratakit-color-bg-elevation-level-2:oklch(100% none none);--stratakit-color-bg-neutral-base:oklch(100% none none);--stratakit-color-bg-neutral-muted:oklch(97.87% .002 247.84);--stratakit-color-bg-neutral-faded:oklch(94.86% .002 247.84);--stratakit-color-bg-neutral-inverse:oklch(100% none none);--stratakit-color-bg-glow-base-hover-\%:4.0%;--stratakit-color-bg-glow-base-pressed-\%:8.0%;--stratakit-color-bg-glow-on-surface-accent-hover:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/12%);--stratakit-color-bg-glow-on-surface-accent-pressed:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/16%);--stratakit-color-bg-glow-on-surface-neutral-hover:oklch(0% none none/.04);--stratakit-color-bg-glow-on-surface-neutral-pressed:oklch(0% none none/.08);--stratakit-color-bg-glow-on-surface-critical-pressed:oklch(58.02% .221 19.39/.16);--stratakit-color-bg-glow-on-surface-critical-hover:oklch(58.02% .221 19.39/.12);--stratakit-color-bg-glow-on-surface-disabled:oklch(0% none none/.04);--stratakit-color-bg-glow-on-surface-accent-active-hover:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/24%);--stratakit-color-bg-glow-on-surface-neutral-active-hover:oklch(0% none none/.12);--stratakit-color-bg-glow-strong-pressed-\%:16.0%;--stratakit-color-bg-glow-strong-hover-\%:8.0%;--stratakit-color-bg-control-textbox:oklch(100% none none);--stratakit-color-bg-control-table-zebra:oklch(0% none none/.02);--stratakit-color-bg-control-scrollbar-surface:oklch(0% none none/.48);--stratakit-color-bg-control-scrollbar-canvas:oklch(0% none none/.48);--stratakit-color-bg-control-switch:oklch(94.86% .002 247.84);--stratakit-color-bg-control-slider-track:oklch(87.77% .005 247.88);--stratakit-color-bg-control-select:oklch(100% none none);--stratakit-color-icon-neutral-primary:oklch(26.92% .008 268.32);--stratakit-color-icon-neutral-base:oklch(55.22% .018 253.99);--stratakit-color-icon-neutral-secondary:oklch(62.09% .017 257.22);--stratakit-color-icon-neutral-tertiary:oklch(69.04% .014 255.53);--stratakit-color-icon-neutral-disabled:oklch(75.82% .01 252.83);--stratakit-color-icon-neutral-emphasis:oklch(100% none none);--stratakit-color-icon-neutral-muted:oklch(79.56% .008 241.69);--stratakit-color-icon-accent-base:var(--_stratakit-accent-600,oklch(47.28% .087 169.96));--stratakit-color-icon-accent-strong:var(--_stratakit-accent-600,oklch(47.28% .087 169.96));--stratakit-color-icon-accent-faded:var(--_stratakit-accent-700,oklch(40.38% .071 171.73));--stratakit-color-icon-info-base:oklch(48.74% .162 255.58);--stratakit-color-icon-info-faded:oklch(41.55% .136 255.23);--stratakit-color-icon-positive-base:oklch(46.81% .151 140.37);--stratakit-color-icon-positive-faded:oklch(40.36% .129 140.08);--stratakit-color-icon-attention-base:oklch(48.69% .101 75.71);--stratakit-color-icon-attention-faded:oklch(41.7% .086 77.28);--stratakit-color-icon-critical-base:oklch(50.74% .193 19.05);--stratakit-color-icon-critical-faded:oklch(43.46% .163 18.38);--stratakit-color-icon-mono-base:oklch(48.26% .017 254.7);--stratakit-color-icon-mono-faded:oklch(41.45% .013 256.75);--stratakit-color-icon-glow-base-hover-\%:8.0%;--stratakit-color-icon-glow-base-pressed-\%:12.0%;--stratakit-color-icon-glow-strong-hover-\%:8.0%;--stratakit-color-icon-glow-strong-pressed-\%:16.0%;--stratakit-color-border-mono-base:oklch(55.22% .018 253.99);--stratakit-color-border-mono-faded:oklch(41.45% .013 256.75);--stratakit-color-border-mono-muted:oklch(79.56% .008 241.69);--stratakit-color-border-accent-base:var(--_stratakit-accent-500,oklch(54% .1 170.26));--stratakit-color-border-accent-faded:var(--_stratakit-accent-700,oklch(40.38% .071 171.73));--stratakit-color-border-accent-muted:var(--_stratakit-accent-100,oklch(82.26% .045 176.56));--stratakit-color-border-accent-strong:var(--_stratakit-accent-600,oklch(47.28% .087 169.96));--stratakit-color-border-info-base:oklch(55.68% .187 255.82);--stratakit-color-border-info-faded:oklch(41.55% .136 255.23);--stratakit-color-border-info-muted:oklch(82.51% .071 249.98);--stratakit-color-border-positive-base:oklch(53.64% .173 140.57);--stratakit-color-border-positive-muted:oklch(82.11% .078 138.1);--stratakit-color-border-positive-faded:oklch(40.36% .129 140.08);--stratakit-color-border-attention-base:oklch(55.63% .116 75.58);--stratakit-color-border-attention-muted:oklch(82.78% .08 84.58);--stratakit-color-border-attention-faded:oklch(41.7% .086 77.28);--stratakit-color-border-critical-base:oklch(58.02% .221 19.39);--stratakit-color-border-critical-muted:oklch(83.74% .075 6.15);--stratakit-color-border-critical-faded:oklch(43.46% .163 18.38);--stratakit-color-border-glow-base-hover-\%:8.0%;--stratakit-color-border-glow-base-pressed-\%:12.0%;--stratakit-color-border-glow-base-default:oklch(0% none none/.08);--stratakit-color-border-glow-on-surface-faded:oklch(0% none none/.04);--stratakit-color-border-glow-on-surface-disabled:oklch(0% none none/.08);--stratakit-color-border-glow-strong-hover-\%:8.0%;--stratakit-color-border-glow-strong-pressed-\%:16.0%;--stratakit-color-border-glow-strong-default:oklch(0% none none/.12);--stratakit-color-border-neutral-base:oklch(87.77% .005 247.88);--stratakit-color-border-neutral-muted:oklch(91.52% .005 258.33);--stratakit-color-border-neutral-faded:oklch(82.77% .007 247.91);--stratakit-color-border-neutral-inverse:oklch(14.4% .003 247.09);--stratakit-color-border-neutral-disabled:oklch(91.52% .005 258.33);--stratakit-color-border-elevation-base:oklch(0% none none/.64);--stratakit-color-border-page-base:oklch(0% none none/.08);--stratakit-color-border-page-depth:oklch(0% none none/.08);--stratakit-color-border-control-scrollbar-canvas:oklch(100% none none/.24);--stratakit-color-border-control-switch:oklch(85.95% .006 255.48);--stratakit-color-border-control-checkbox:oklch(79.56% .008 241.69);--stratakit-color-border-control-radio:oklch(79.56% .008 241.69);--stratakit-color-border-control-textbox:oklch(79.56% .008 241.69);--stratakit-color-border-control-select:oklch(79.56% .008 241.69);--stratakit-color-border-control-navrail-item:oklch(79.56% .008 241.69);--stratakit-color-text-mono-base:oklch(48.26% .017 254.7);--stratakit-color-text-mono-faded:oklch(41.45% .013 256.75);--stratakit-color-text-accent-base:var(--_stratakit-accent-600,oklch(47.28% .087 169.96));--stratakit-color-text-accent-faded:var(--_stratakit-accent-700,oklch(40.38% .071 171.73));--stratakit-color-text-accent-strong:var(--_stratakit-accent-600,oklch(47.28% .087 169.96));--stratakit-color-text-info-base:oklch(48.74% .162 255.58);--stratakit-color-text-info-faded:oklch(41.55% .136 255.23);--stratakit-color-text-positive-base:oklch(46.81% .151 140.37);--stratakit-color-text-positive-faded:oklch(40.36% .129 140.08);--stratakit-color-text-attention-base:oklch(48.69% .101 75.71);--stratakit-color-text-attention-faded:oklch(41.7% .086 77.28);--stratakit-color-text-critical-base:oklch(50.74% .193 19.05);--stratakit-color-text-critical-faded:oklch(43.46% .163 18.38);--stratakit-color-text-neutral-emphasis:oklch(100% none none);--stratakit-color-text-neutral-primary:oklch(29.76% .011 268.32);--stratakit-color-text-neutral-secondary:oklch(41.45% .013 256.75);--stratakit-color-text-neutral-tertiary:oklch(55.22% .018 253.99);--stratakit-color-text-neutral-disabled:oklch(75.82% .01 252.83);--stratakit-color-text-glow-base-hover-\%:8.0%;--stratakit-color-text-glow-base-pressed-\%:12.0%;--stratakit-color-text-glow-strong-hover-\%:8.0%;--stratakit-color-text-glow-strong-pressed-\%:16.0%;--stratakit-color-text-control-placeholder:oklch(62.09% .017 257.22);--stratakit-color-static-black:oklch(0% none none);--stratakit-color-static-white:oklch(100% none none);--stratakit-color-static-accent:var(--_stratakit-accent-500,oklch(54% .1 170.26));--stratakit-color-glow-hue:oklch(0% none none);--stratakit-color-brand-logo-fill:oklch(41.45% .013 256.75);--stratakit-color-brand-logo-stroke:oklch(24.37% .006 268.32);--stratakit-shadow-surface-xs:0px 1px 0px 0px oklch(0% none none/.04),0px 0px 0px 1px oklch(0% none none/.08),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.04);--stratakit-shadow-surface-sm:0px 1px 0px 0px oklch(0% none none/.04),0px 0px 0px 1px oklch(0% none none/.08),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04);--stratakit-shadow-surface-md:0px 1px 0px 0px oklch(0% none none/.04),0px 0px 0px 1px oklch(0% none none/.08),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04),0px 6px 6px -3px oklch(0% none none/.04);--stratakit-shadow-surface-lg:0px 1px 0px 0px oklch(0% none none/.04),0px 0px 0px 1px oklch(0% none none/.08),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04),0px 6px 6px -3px oklch(0% none none/.04),0px 12px 12px -6px oklch(0% none none/.04);--stratakit-shadow-surface-xl:0px 1px 0px 0px oklch(0% none none/.04),0px 0px 0px 1px oklch(0% none none/.08),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04),0px 6px 6px -3px oklch(0% none none/.04),0px 12px 12px -6px oklch(0% none none/.04),0px 24px 24px -12px oklch(0% none none/.04);--stratakit-shadow-control-button-base-drop:0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04);--stratakit-shadow-control-button-base-inset:inset 0px -1px 0px 0px oklch(0% none none/.08);--stratakit-shadow-control-dialog-base:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.12),inset 0px 0px 0px 1px oklch(100% none none/.02),0px 1px 1px -.5px oklch(0% none none/.08),0px 3px 3px -1.5px oklch(0% none none/.08),0px 6px 6px -3px oklch(0% none none/.08),0px 12px 12px -6px oklch(0% none none/.08),0px 24px 24px -12px oklch(0% none none/.08);--stratakit-shadow-control-dropdown-base:0px 1px 0px 0px oklch(0% none none/.04),0px 0px 0px 1px oklch(0% none none/.12),inset 0px 0px 0px 1px oklch(100% none none/.02),0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04),0px 6px 6px -3px oklch(0% none none/.04),0px 12px 12px -6px oklch(0% none none/.04),0px 24px 24px -12px oklch(0% none none/.04);--stratakit-shadow-control-input-base:inset 0px 1px 2px 0px oklch(0% none none/.04),inset 0px 2px 4px 0px oklch(0% none none/.04);--stratakit-shadow-control-table-strong:0px -1px 0px 0px var(--_stratakit-accent-500,oklch(54% .1 170.26));--stratakit-shadow-control-toolbar-base:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.24),inset 0px 0px 0px 1px oklch(100% none none/.8),0px 1px 1px -.5px oklch(0% none none/.08),0px 3px 3px -1.5px oklch(0% none none/.08),0px 6px 6px -3px oklch(0% none none/.08),0px 12px 12px -6px oklch(0% none none/.08),0px 24px 24px -12px oklch(0% none none/.08);--stratakit-shadow-control-tooltip-base:inset 0px 0px 0px 1px oklch(0% none none/.96),0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04),0px 6px 6px -3px oklch(0% none none/.04),0px 12px 12px -6px oklch(0% none none/.04);--stratakit-shadow-brand-logo-base:0px 2px 4px 0px oklch(0% none none/.04),0px 1px 2px 0px oklch(0% none none/.24)}html:where([data-color-scheme=light]),:host(:where([data-color-scheme=light])),.🥝Root:where([data-_sk-color-scheme=light]){color-scheme:light;--stratakit-color-border-shadow-base:var(--stratakit-color-border-neutral-base);--stratakit-color-border-shadow-strong:oklch(0% none none/.12)}:is(html:where([data-color-scheme=dark]),:host(:where([data-color-scheme=dark])),.🥝Root:where([data-_sk-color-scheme=dark])){--stratakit-color-bg-mono-base:oklch(55.22% .018 253.99);--stratakit-color-bg-mono-muted:oklch(34.4% .011 264.42);--stratakit-color-bg-mono-faded:oklch(69.04% .014 255.53);--stratakit-color-bg-mono-transparent:oklch(55.22% .018 253.99/.16);--stratakit-color-bg-accent-base:var(--_stratakit-accent-500,oklch(54% .1 170.26));--stratakit-color-bg-accent-muted:var(--_stratakit-accent-800,oklch(33.76% .059 170.74));--stratakit-color-bg-accent-faded:var(--_stratakit-accent-300,oklch(67.95% .077 175.72));--stratakit-color-bg-accent-transparent:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/16%);--stratakit-color-bg-info-base:oklch(55.68% .187 255.82);--stratakit-color-bg-info-muted:oklch(34.71% .108 254.29);--stratakit-color-bg-info-faded:oklch(68.84% .131 251.14);--stratakit-color-bg-info-transparent:oklch(55.68% .187 255.82/.16);--stratakit-color-bg-positive-base:oklch(53.64% .173 140.57);--stratakit-color-bg-positive-muted:oklch(33.63% .106 139.87);--stratakit-color-bg-positive-faded:oklch(67.58% .14 138.68);--stratakit-color-bg-positive-transparent:oklch(53.64% .173 140.57/.16);--stratakit-color-bg-attention-base:oklch(55.63% .116 75.58);--stratakit-color-bg-attention-muted:oklch(34.69% .071 77.24);--stratakit-color-bg-attention-faded:oklch(69.31% .129 79.75);--stratakit-color-bg-attention-transparent:oklch(56.98% .174 41.22/.16);--stratakit-color-bg-critical-base:oklch(58.02% .221 19.39);--stratakit-color-bg-critical-muted:oklch(36.08% .133 17.52);--stratakit-color-bg-critical-faded:oklch(70.76% .147 9.28);--stratakit-color-bg-critical-transparent:oklch(58.02% .221 19.39/.16);--stratakit-color-bg-page-depth:oklch(22.52% .005 268.32);--stratakit-color-bg-page-base:oklch(24.37% .006 268.32);--stratakit-color-bg-elevation-base:oklch(26.92% .008 268.32);--stratakit-color-bg-elevation-emphasis:oklch(14.4% .003 247.09);--stratakit-color-bg-elevation-level-1:oklch(29.76% .011 268.32);--stratakit-color-bg-elevation-overlay:oklch(18.15% .003 247.97);--stratakit-color-bg-elevation-level-2:oklch(32.63% .014 268.32);--stratakit-color-bg-neutral-base:oklch(34.4% .011 264.42);--stratakit-color-bg-neutral-muted:oklch(32.63% .014 268.32);--stratakit-color-bg-neutral-faded:oklch(48.26% .017 254.7);--stratakit-color-bg-neutral-inverse:oklch(99.06% .002 247.84);--stratakit-color-bg-glow-base-hover-\%:4.0%;--stratakit-color-bg-glow-base-pressed-\%:8.0%;--stratakit-color-bg-glow-on-surface-accent-hover:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/12%);--stratakit-color-bg-glow-on-surface-accent-pressed:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/16%);--stratakit-color-bg-glow-on-surface-neutral-hover:oklch(100% none none/.04);--stratakit-color-bg-glow-on-surface-neutral-pressed:oklch(100% none none/.08);--stratakit-color-bg-glow-on-surface-critical-pressed:oklch(58.02% .221 19.39/.16);--stratakit-color-bg-glow-on-surface-critical-hover:oklch(58.02% .221 19.39/.12);--stratakit-color-bg-glow-on-surface-disabled:oklch(100% none none/.04);--stratakit-color-bg-glow-on-surface-accent-active-hover:oklch(from var(--_stratakit-accent-500,oklch(54% .1 170.26))l c h/24%);--stratakit-color-bg-glow-on-surface-neutral-active-hover:oklch(100% none none/.12);--stratakit-color-bg-glow-strong-pressed-\%:16.0%;--stratakit-color-bg-glow-strong-hover-\%:8.0%;--stratakit-color-bg-control-textbox:oklch(24.37% .006 268.32);--stratakit-color-bg-control-table-zebra:oklch(0% none none/.08);--stratakit-color-bg-control-scrollbar-surface:oklch(100% none none/.4);--stratakit-color-bg-control-scrollbar-canvas:oklch(0% none none/.48);--stratakit-color-bg-control-switch:oklch(22.52% .005 268.32);--stratakit-color-bg-control-slider-track:oklch(34.4% .011 264.42);--stratakit-color-bg-control-select:oklch(24.37% .006 268.32);--stratakit-color-icon-neutral-primary:oklch(99.06% .002 247.84);--stratakit-color-icon-neutral-base:oklch(75.82% .01 252.83);--stratakit-color-icon-neutral-secondary:oklch(62.09% .017 257.22);--stratakit-color-icon-neutral-tertiary:oklch(55.22% .018 253.99);--stratakit-color-icon-neutral-disabled:oklch(48.26% .017 254.7);--stratakit-color-icon-neutral-emphasis:oklch(100% none none);--stratakit-color-icon-neutral-muted:oklch(48.26% .017 254.7);--stratakit-color-icon-accent-base:var(--_stratakit-accent-300,oklch(67.95% .077 175.72));--stratakit-color-icon-accent-strong:var(--_stratakit-accent-0,oklch(87.59% .175 168.9));--stratakit-color-icon-accent-faded:var(--_stratakit-accent-200,oklch(75.2% .062 176.03));--stratakit-color-icon-info-base:oklch(68.84% .131 251.14);--stratakit-color-icon-info-faded:oklch(75.7% .101 250.13);--stratakit-color-icon-positive-base:oklch(67.58% .14 138.68);--stratakit-color-icon-positive-faded:oklch(74.8% .109 138.51);--stratakit-color-icon-attention-base:oklch(69.31% .129 79.75);--stratakit-color-icon-attention-faded:oklch(76.1% .109 83.1);--stratakit-color-icon-critical-base:oklch(70.76% .147 9.28);--stratakit-color-icon-critical-faded:oklch(77.16% .109 6.79);--stratakit-color-icon-mono-base:oklch(69.04% .014 255.53);--stratakit-color-icon-mono-faded:oklch(75.82% .01 252.83);--stratakit-color-icon-glow-base-hover-\%:8.0%;--stratakit-color-icon-glow-base-pressed-\%:12.0%;--stratakit-color-icon-glow-strong-hover-\%:16.0%;--stratakit-color-icon-glow-strong-pressed-\%:24.0%;--stratakit-color-border-mono-base:oklch(62.09% .017 257.22);--stratakit-color-border-mono-faded:oklch(79.56% .008 241.69);--stratakit-color-border-mono-muted:oklch(41.45% .013 256.75);--stratakit-color-border-accent-base:var(--_stratakit-accent-400,oklch(60.98% .092 173.18));--stratakit-color-border-accent-faded:var(--_stratakit-accent-100,oklch(82.26% .045 176.56));--stratakit-color-border-accent-muted:var(--_stratakit-accent-700,oklch(40.38% .071 171.73));--stratakit-color-border-accent-strong:var(--_stratakit-accent-0,oklch(87.59% .175 168.9));--stratakit-color-border-info-base:oklch(62.11% .161 252.88);--stratakit-color-border-info-faded:oklch(82.51% .071 249.98);--stratakit-color-border-info-muted:oklch(41.55% .136 255.23);--stratakit-color-border-positive-base:oklch(60.59% .164 139.21);--stratakit-color-border-positive-muted:oklch(40.36% .129 140.08);--stratakit-color-border-positive-faded:oklch(82.11% .078 138.1);--stratakit-color-border-attention-base:oklch(62.6% .132 74.4);--stratakit-color-border-attention-muted:oklch(41.7% .086 77.28);--stratakit-color-border-attention-faded:oklch(82.78% .08 84.58);--stratakit-color-border-critical-base:oklch(64.49% .185 12.51);--stratakit-color-border-critical-muted:oklch(43.46% .163 18.38);--stratakit-color-border-critical-faded:oklch(83.74% .075 6.15);--stratakit-color-border-glow-base-hover-\%:8.0%;--stratakit-color-border-glow-base-pressed-\%:12.0%;--stratakit-color-border-glow-base-default:oklch(100% none none/.08);--stratakit-color-border-glow-on-surface-faded:oklch(100% none none/.04);--stratakit-color-border-glow-on-surface-disabled:oklch(100% none none/.08);--stratakit-color-border-glow-strong-hover-\%:16.0%;--stratakit-color-border-glow-strong-pressed-\%:24.0%;--stratakit-color-border-glow-strong-default:oklch(100% none none/.16);--stratakit-color-border-neutral-base:oklch(41.45% .013 256.75);--stratakit-color-border-neutral-muted:oklch(32.63% .014 268.32);--stratakit-color-border-neutral-faded:oklch(62.09% .017 257.22);--stratakit-color-border-neutral-inverse:oklch(99.06% .002 247.84);--stratakit-color-border-neutral-disabled:oklch(48.26% .017 254.7);--stratakit-color-border-elevation-base:oklch(0% none none/.64);--stratakit-color-border-page-base:oklch(100% none none/.08);--stratakit-color-border-page-depth:oklch(100% none none/.08);--stratakit-color-border-control-scrollbar-canvas:oklch(100% none none/.24);--stratakit-color-border-control-switch:oklch(41.45% .013 256.75);--stratakit-color-border-control-checkbox:oklch(48.26% .017 254.7);--stratakit-color-border-control-radio:oklch(48.26% .017 254.7);--stratakit-color-border-control-textbox:oklch(48.26% .017 254.7);--stratakit-color-border-control-select:oklch(48.26% .017 254.7);--stratakit-color-border-control-navrail-item:oklch(48.26% .017 254.7);--stratakit-color-text-mono-base:oklch(69.04% .014 255.53);--stratakit-color-text-mono-faded:oklch(75.82% .01 252.83);--stratakit-color-text-accent-base:var(--_stratakit-accent-300,oklch(67.95% .077 175.72));--stratakit-color-text-accent-faded:var(--_stratakit-accent-200,oklch(75.2% .062 176.03));--stratakit-color-text-accent-strong:var(--_stratakit-accent-0,oklch(87.59% .175 168.9));--stratakit-color-text-info-base:oklch(68.84% .131 251.14);--stratakit-color-text-info-faded:oklch(75.7% .101 250.13);--stratakit-color-text-positive-base:oklch(67.58% .14 138.68);--stratakit-color-text-positive-faded:oklch(74.8% .109 138.51);--stratakit-color-text-attention-base:oklch(69.31% .129 79.75);--stratakit-color-text-attention-faded:oklch(76.1% .109 83.1);--stratakit-color-text-critical-base:oklch(70.76% .147 9.28);--stratakit-color-text-critical-faded:oklch(77.16% .109 6.79);--stratakit-color-text-neutral-emphasis:oklch(100% none none);--stratakit-color-text-neutral-primary:oklch(99.06% .002 247.84);--stratakit-color-text-neutral-secondary:oklch(79.56% .008 241.69);--stratakit-color-text-neutral-tertiary:oklch(69.04% .014 255.53);--stratakit-color-text-neutral-disabled:oklch(48.26% .017 254.7);--stratakit-color-text-glow-base-hover-\%:8.0%;--stratakit-color-text-glow-base-pressed-\%:12.0%;--stratakit-color-text-glow-strong-hover-\%:16.0%;--stratakit-color-text-glow-strong-pressed-\%:24.0%;--stratakit-color-text-control-placeholder:oklch(62.09% .017 257.22);--stratakit-color-static-black:oklch(0% none none);--stratakit-color-static-white:oklch(100% none none);--stratakit-color-static-accent:var(--_stratakit-accent-500,oklch(54% .1 170.26));--stratakit-color-glow-hue:oklch(100% none none);--stratakit-color-brand-logo-fill:oklch(94.86% .002 247.84);--stratakit-color-brand-logo-stroke:oklch(99.06% .002 247.84);--stratakit-shadow-surface-xs:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.16),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.16);--stratakit-shadow-surface-sm:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.16),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16);--stratakit-shadow-surface-md:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.16),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16),0px 6px 6px -3px oklch(0% none none/.16);--stratakit-shadow-surface-lg:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.16),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16),0px 6px 6px -3px oklch(0% none none/.16),0px 12px 12px -6px oklch(0% none none/.16);--stratakit-shadow-surface-xl:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.16),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16),0px 6px 6px -3px oklch(0% none none/.16),0px 12px 12px -6px oklch(0% none none/.16),0px 24px 24px -12px oklch(0% none none/.16);--stratakit-shadow-control-button-base-drop:0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16);--stratakit-shadow-control-button-base-inset:inset 0px -1px 0px 0px oklch(0% none none/.08);--stratakit-shadow-control-dialog-base:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.8),inset 0px 0px 0px 1px oklch(100% none none/.12),0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16),0px 6px 6px -3px oklch(0% none none/.16),0px 12px 12px -6px oklch(0% none none/.16),0px 24px 24px -12px oklch(0% none none/.16);--stratakit-shadow-control-dropdown-base:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.48),inset 0px 0px 0px 1px oklch(100% none none/.12),0px 1px 1px -.5px oklch(0% none none/.12),0px 3px 3px -1.5px oklch(0% none none/.12),0px 6px 6px -3px oklch(0% none none/.12),0px 12px 12px -6px oklch(0% none none/.12),0px 24px 24px -12px oklch(0% none none/.12);--stratakit-shadow-control-input-base:inset 0px 1px 2px 0px oklch(0% none none/.16),inset 0px 2px 4px 0px oklch(0% none none/.16);--stratakit-shadow-control-table-strong:0px -1px 0px 0px var(--_stratakit-accent-0,oklch(87.59% .175 168.9));--stratakit-shadow-control-toolbar-base:0px 1px 0px 0px oklch(0% none none/.08),0px 0px 0px 1px oklch(0% none none/.8),inset 0px 0px 0px 1px oklch(100% none none/.08),0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16),0px 6px 6px -3px oklch(0% none none/.16),0px 12px 12px -6px oklch(0% none none/.16),0px 24px 24px -12px oklch(0% none none/.16);--stratakit-shadow-control-tooltip-base:inset 0px 0px 0px 1px oklch(0% none none/.8),0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16),0px 6px 6px -3px oklch(0% none none/.16),0px 12px 12px -6px oklch(0% none none/.16);--stratakit-shadow-brand-logo-base:0px .5px 0px 0px oklch(0% none none/.56),0px 1px 2px 0px oklch(0% none none/.4)}html:where([data-color-scheme=dark]),:host(:where([data-color-scheme=dark])),.🥝Root:where([data-_sk-color-scheme=dark]){color-scheme:dark;--stratakit-color-border-shadow-base:oklch(100% none none/.08);--stratakit-color-border-shadow-strong:oklch(100% none none/.16)}html:where([data-_sk-accent-color=cobalt]),.🥝Root:where([data-_sk-accent-color=cobalt]){--_stratakit-accent-0:oklch(69.98% .118 238.51);--_stratakit-accent-50:oklch(90.88% .04 234.23);--_stratakit-accent-100:oklch(84.62% .067 236.36);--_stratakit-accent-200:oklch(78.73% .093 236.98);--_stratakit-accent-300:oklch(69.98% .118 238.51);--_stratakit-accent-400:oklch(62.53% .14 241.42);--_stratakit-accent-500:oklch(53.32% .139 246.77);--_stratakit-accent-600:oklch(48.43% .124 245.93);--_stratakit-accent-700:oklch(44.1% .104 244.82);--_stratakit-accent-800:oklch(38.03% .093 244.58);--_stratakit-accent-900:oklch(30.13% .072 243.53)}:root,:host{--stratakit-font-family-sans:"InterVariable","Noto Sans","Open Sans",sans-serif;--stratakit-font-family-mono:"Geist Mono","Noto Sans Mono",ui-monospace,"Segoe UI Mono",Consolas,monospace}:is(:root,:host){--stratakit-font-size-8:.5rem;--stratakit-font-size-10:.625rem;--stratakit-font-size-11:.6875rem;--stratakit-font-size-12:.75rem;--stratakit-font-size-14:.875rem;--stratakit-font-size-16:1rem;--stratakit-font-size-18:1.125rem;--stratakit-font-size-20:1.25rem;--stratakit-font-size-24:1.5rem;--stratakit-font-size-28:1.75rem;--stratakit-font-size-32:2rem;--stratakit-font-size-40:2.5rem;--stratakit-font-size-48:3rem;--stratakit-font-size-64:4rem}.🥝Root:where([data-_sk-density=dense]){font-size:var(--stratakit-font-size-12);line-height:1.3333}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}html{background-color:var(--stratakit-color-bg-page-base);scrollbar-color:var(--stratakit-color-bg-control-scrollbar-surface)var(--stratakit-color-bg-page-base)}body{font-size:var(--stratakit-font-size-14);line-height:1.4286}:is(body,.🥝Root){font-family:var(--stratakit-font-family-sans);font-variant-alternates:character-variant(alt-1,alt-3,lc-l-with-tail,uc-i-with-serif);color:var(--stratakit-color-text-neutral-primary);--🥝focus-outline:2px solid var(--stratakit-color-border-accent-strong);--🥝focus-outline-offset:1px;--🥝selection-color-bg:var(--stratakit-color-bg-accent-base);--🥝selection-color-text:var(--stratakit-color-text-neutral-emphasis)}@media (forced-colors:active){:is(body,.🥝Root){--🥝focus-outline:2px solid Highlight}}::selection{background-color:var(--🥝selection-color-bg);color:var(--🥝selection-color-text)}}@layer stratakit.components.base,stratakit.components.modifiers,stratakit.components.states;@layer stratakit.components{@layer base{.🥝Icon{width:var(--🥝Icon-size,1rem);height:var(--🥝Icon-size,1rem);color:var(--🥝Icon-color);flex-shrink:0;transition:color .15s ease-out}}@layer modifiers{.🥝Icon:where([data-_sk-size=regular]){--🥝Icon-size:1rem}.🥝Icon:where([data-_sk-size=large]){--🥝Icon-size:1.5rem}}@media (forced-colors:active){.🥝Icon{--🥝Icon-color:currentColor}}}:focus-visible:not(#a#b){outline-width:2px!important;outline-style:solid!important}`;

// src/~styles.css.ts
var styles_css_default = styles_default;
export {
  styles_css_default as default
};