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

Foundational pieces of StrataKit

// inline-css:/home/runner/work/design-system/design-system/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;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(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}}@layer itwinui.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}:is(html:where([data-color-scheme=light]),:host([data-color-scheme=light]),.🥝-root:where([data-kiwi-theme=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:oklch(54% .1 170.26);--stratakit-color-bg-accent-muted:oklch(89.34% .027 178.99);--stratakit-color-bg-accent-faded:oklch(33.76% .059 170.74);--stratakit-color-bg-accent-transparent:oklch(54% .1 170.26/.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(94.86% .002 247.84);--stratakit-color-bg-page-base:oklch(99.06% .002 247.84);--stratakit-color-bg-page-zebra:oklch(0% none none/.04);--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(54% .1 170.26/.12);--stratakit-color-bg-glow-on-surface-accent-pressed:oklch(54% .1 170.26/.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-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-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-hover: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:oklch(47.28% .087 169.96);--stratakit-color-icon-accent-strong:oklch(47.28% .087 169.96);--stratakit-color-icon-accent-faded: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:oklch(54% .1 170.26);--stratakit-color-border-accent-faded:oklch(40.38% .071 171.73);--stratakit-color-border-accent-muted:oklch(82.26% .045 176.56);--stratakit-color-border-accent-strong: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-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:oklch(47.28% .087 169.96);--stratakit-color-text-accent-faded:oklch(40.38% .071 171.73);--stratakit-color-text-accent-strong: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-static-black:oklch(0% none none);--stratakit-color-static-white:oklch(100% none none);--stratakit-color-static-accent:oklch(54% .1 170.26);--stratakit-color-glow-hue:oklch(0% none none);--stratakit-color-brand-logo:oklch(41.45% .013 256.75);--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-button-base-drop:0px 1px 1px -.5px oklch(0% none none/.04),0px 3px 3px -1.5px oklch(0% none none/.04);--stratakit-shadow-button-base-inset:inset 0px -1px 0px 0px oklch(0% none none/.08);--stratakit-shadow-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-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-input-base:inset 0px 1px 2px 0px oklch(0% none none/.04),inset 0px 2px 4px 0px oklch(0% none none/.04);--stratakit-shadow-table-strong:0px -1px 0px 0px oklch(54% .1 170.26);--stratakit-shadow-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-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)}html:where([data-color-scheme=light]),:host([data-color-scheme=light]),.🥝-root:where([data-kiwi-theme=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)}@supports not (color:oklch(0% 0 0)){:is(html:where([data-color-scheme=light]),:host([data-color-scheme=light]),.🥝-root:where([data-kiwi-theme=light])){--stratakit-color-bg-mono-base:#6b737d;--stratakit-color-bg-mono-muted:#d4d7da;--stratakit-color-bg-mono-faded:#36393f;--stratakit-color-bg-mono-transparent:#6b737d29;--stratakit-color-bg-accent-base:#188166;--stratakit-color-bg-accent-muted:#cae2dc;--stratakit-color-bg-accent-faded:#0d4133;--stratakit-color-bg-accent-transparent:#18816629;--stratakit-color-bg-info-base:#0470dd;--stratakit-color-bg-info-muted:#c8dff8;--stratakit-color-bg-info-faded:#033970;--stratakit-color-bg-info-transparent:#0470dd29;--stratakit-color-bg-positive-base:#228404;--stratakit-color-bg-positive-muted:#cde3c6;--stratakit-color-bg-positive-faded:#114302;--stratakit-color-bg-positive-transparent:#22840429;--stratakit-color-bg-attention-base:#9a6804;--stratakit-color-bg-attention-muted:#ecdbb9;--stratakit-color-bg-attention-faded:#4e3402;--stratakit-color-bg-attention-transparent:#c7480129;--stratakit-color-bg-critical-base:#df1c41;--stratakit-color-bg-critical-muted:#f9d4db;--stratakit-color-bg-critical-faded:#730e22;--stratakit-color-bg-critical-transparent:#df1c4129;--stratakit-color-bg-page-depth:#edeeef;--stratakit-color-bg-page-base:#fbfcfd;--stratakit-color-bg-page-zebra:#0000000a;--stratakit-color-bg-elevation-base:#fff;--stratakit-color-bg-elevation-emphasis:#111213;--stratakit-color-bg-elevation-level-1:#fff;--stratakit-color-bg-elevation-overlay:#fbfcfd;--stratakit-color-bg-elevation-level-2:#fff;--stratakit-color-bg-neutral-base:#fff;--stratakit-color-bg-neutral-muted:#f7f8f9;--stratakit-color-bg-neutral-faded:#edeeef;--stratakit-color-bg-neutral-inverse:#fff;--stratakit-color-bg-glow-base-hover-\%:4.0%;--stratakit-color-bg-glow-base-pressed-\%:8.0%;--stratakit-color-bg-glow-on-surface-accent-hover:#1881661f;--stratakit-color-bg-glow-on-surface-accent-pressed:#18816629;--stratakit-color-bg-glow-on-surface-neutral-hover:#0000000a;--stratakit-color-bg-glow-on-surface-neutral-pressed:#00000014;--stratakit-color-bg-glow-on-surface-critical-pressed:#df1c4129;--stratakit-color-bg-glow-on-surface-critical-hover:#df1c411f;--stratakit-color-bg-glow-on-surface-disabled:#0000000a;--stratakit-color-bg-glow-strong-pressed-\%:16.0%;--stratakit-color-bg-glow-strong-hover-\%:8.0%;--stratakit-color-bg-control-textbox:#fff;--stratakit-color-bg-control-scrollbar-surface:#0000007a;--stratakit-color-bg-control-scrollbar-canvas:#0000007a;--stratakit-color-bg-control-switch:#edeeef;--stratakit-color-bg-control-slider-track:#d4d7da;--stratakit-color-bg-control-select:#fff;--stratakit-color-icon-neutral-hover:#24262a;--stratakit-color-icon-neutral-base:#6b737d;--stratakit-color-icon-neutral-secondary:#808791;--stratakit-color-icon-neutral-tertiary:#969ca4;--stratakit-color-icon-neutral-disabled:#acb1b7;--stratakit-color-icon-neutral-emphasis:#fff;--stratakit-color-icon-neutral-muted:#b8bdc1;--stratakit-color-icon-accent-base:#146b54;--stratakit-color-icon-accent-strong:#146b54;--stratakit-color-icon-accent-faded:#125544;--stratakit-color-icon-info-base:#035db8;--stratakit-color-icon-info-faded:#024a93;--stratakit-color-icon-positive-base:#1c6d01;--stratakit-color-icon-positive-faded:#175801;--stratakit-color-icon-attention-base:#805604;--stratakit-color-icon-attention-faded:#664502;--stratakit-color-icon-critical-base:#ba1536;--stratakit-color-icon-critical-faded:#96122c;--stratakit-color-icon-mono-base:#585f68;--stratakit-color-icon-mono-faded:#474c53;--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:#6b737d;--stratakit-color-border-mono-faded:#474c53;--stratakit-color-border-mono-muted:#b8bdc1;--stratakit-color-border-accent-base:#188166;--stratakit-color-border-accent-faded:#125544;--stratakit-color-border-accent-muted:#a7cfc4;--stratakit-color-border-accent-strong:#146b54;--stratakit-color-border-info-base:#0470dd;--stratakit-color-border-info-faded:#024a93;--stratakit-color-border-info-muted:#a3caf3;--stratakit-color-border-positive-base:#228404;--stratakit-color-border-positive-muted:#acd1a0;--stratakit-color-border-positive-faded:#175801;--stratakit-color-border-attention-base:#9a6804;--stratakit-color-border-attention-muted:#dfc38a;--stratakit-color-border-attention-faded:#664502;--stratakit-color-border-critical-base:#df1c41;--stratakit-color-border-critical-muted:#f5b6c2;--stratakit-color-border-critical-faded:#96122c;--stratakit-color-border-glow-base-hover-\%:8.0%;--stratakit-color-border-glow-base-pressed-\%:12.0%;--stratakit-color-border-glow-base-default:#00000014;--stratakit-color-border-glow-on-surface-faded:#0000000a;--stratakit-color-border-glow-on-surface-disabled:#00000014;--stratakit-color-border-glow-strong-hover-\%:8.0%;--stratakit-color-border-glow-strong-pressed-\%:16.0%;--stratakit-color-border-glow-strong-default:#0000001f;--stratakit-color-border-neutral-base:#d4d7da;--stratakit-color-border-neutral-muted:#e1e3e6;--stratakit-color-border-neutral-faded:#c3c7cb;--stratakit-color-border-neutral-inverse:#090a0b;--stratakit-color-border-neutral-disabled:#e1e3e6;--stratakit-color-border-elevation-base:#000000a3;--stratakit-color-border-page-base:#00000014;--stratakit-color-border-page-depth:#00000014;--stratakit-color-border-control-scrollbar-canvas:#ffffff3d;--stratakit-color-border-control-switch:#ced1d5;--stratakit-color-border-control-checkbox:#b8bdc1;--stratakit-color-border-control-radio:#b8bdc1;--stratakit-color-border-control-textbox:#b8bdc1;--stratakit-color-border-control-select:#b8bdc1;--stratakit-color-text-mono-base:#585f68;--stratakit-color-text-mono-faded:#474c53;--stratakit-color-text-accent-base:#146b54;--stratakit-color-text-accent-faded:#125544;--stratakit-color-text-accent-strong:#146b54;--stratakit-color-text-info-base:#035db8;--stratakit-color-text-info-faded:#024a93;--stratakit-color-text-positive-base:#1c6d01;--stratakit-color-text-positive-faded:#175801;--stratakit-color-text-attention-base:#805604;--stratakit-color-text-attention-faded:#664502;--stratakit-color-text-critical-base:#ba1536;--stratakit-color-text-critical-faded:#96122c;--stratakit-color-text-neutral-emphasis:#fff;--stratakit-color-text-neutral-primary:#2b2d33;--stratakit-color-text-neutral-secondary:#474c53;--stratakit-color-text-neutral-tertiary:#6b737d;--stratakit-color-text-neutral-disabled:#acb1b7;--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-static-black:#000;--stratakit-color-static-white:#fff;--stratakit-color-static-accent:#188166;--stratakit-color-glow-hue:#000;--stratakit-color-brand-logo:#474c53;--stratakit-shadow-surface-xs:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #0000000a;--stratakit-shadow-surface-sm:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a;--stratakit-shadow-surface-md:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a;--stratakit-shadow-surface-lg:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a;--stratakit-shadow-surface-xl:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #00000014,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a,0px 24px 24px -12px #0000000a;--stratakit-shadow-button-base-drop:0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a;--stratakit-shadow-button-base-inset:inset 0px -1px 0px 0px #00000014;--stratakit-shadow-dialog-base:0px 1px 0px 0px #00000014,0px 0px 0px 1px #0000001f,inset 0px 0px 0px 1px #ffffff05,0px 1px 1px -.5px #00000014,0px 3px 3px -1.5px #00000014,0px 6px 6px -3px #00000014,0px 12px 12px -6px #00000014,0px 24px 24px -12px #00000014;--stratakit-shadow-dropdown-base:0px 1px 0px 0px #0000000a,0px 0px 0px 1px #0000001f,inset 0px 0px 0px 1px #ffffff05,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a,0px 24px 24px -12px #0000000a;--stratakit-shadow-input-base:inset 0px 1px 2px 0px #0000000a,inset 0px 2px 4px 0px #0000000a;--stratakit-shadow-table-strong:0px -1px 0px 0px #188166;--stratakit-shadow-toolbar-base:0px 1px 0px 0px #00000014,0px 0px 0px 1px #0000003d,inset 0px 0px 0px 1px #fffc,0px 1px 1px -.5px #00000014,0px 3px 3px -1.5px #00000014,0px 6px 6px -3px #00000014,0px 12px 12px -6px #00000014,0px 24px 24px -12px #00000014;--stratakit-shadow-tooltip-base:inset 0px 0px 0px 1px #000000f5,0px 1px 1px -.5px #0000000a,0px 3px 3px -1.5px #0000000a,0px 6px 6px -3px #0000000a,0px 12px 12px -6px #0000000a}}:is(html:where([data-color-scheme=dark]),:host([data-color-scheme=dark]),.🥝-root:where([data-kiwi-theme=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:oklch(54% .1 170.26);--stratakit-color-bg-accent-muted:oklch(33.76% .059 170.74);--stratakit-color-bg-accent-faded:oklch(67.95% .077 175.72);--stratakit-color-bg-accent-transparent:oklch(54% .1 170.26/.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-page-zebra:oklch(0% none none/.08);--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(54% .1 170.26/.12);--stratakit-color-bg-glow-on-surface-accent-pressed:oklch(54% .1 170.26/.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-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-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-hover: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:oklch(67.95% .077 175.72);--stratakit-color-icon-accent-strong:oklch(87.59% .175 168.9);--stratakit-color-icon-accent-faded: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:oklch(60.98% .092 173.18);--stratakit-color-border-accent-faded:oklch(82.26% .045 176.56);--stratakit-color-border-accent-muted:oklch(40.38% .071 171.73);--stratakit-color-border-accent-strong: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-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:oklch(67.95% .077 175.72);--stratakit-color-text-accent-faded:oklch(75.2% .062 176.03);--stratakit-color-text-accent-strong: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-static-black:oklch(0% none none);--stratakit-color-static-white:oklch(100% none none);--stratakit-color-static-accent:oklch(54% .1 170.26);--stratakit-color-glow-hue:oklch(100% none none);--stratakit-color-brand-logo:oklch(94.86% .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-button-base-drop:0px 1px 1px -.5px oklch(0% none none/.16),0px 3px 3px -1.5px oklch(0% none none/.16);--stratakit-shadow-button-base-inset:inset 0px -1px 0px 0px oklch(0% none none/.08);--stratakit-shadow-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-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-input-base:inset 0px 1px 2px 0px oklch(0% none none/.16),inset 0px 2px 4px 0px oklch(0% none none/.16);--stratakit-shadow-table-strong:0px -1px 0px 0px oklch(87.59% .175 168.9);--stratakit-shadow-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-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)}html:where([data-color-scheme=dark]),:host([data-color-scheme=dark]),.🥝-root:where([data-kiwi-theme=dark]){color-scheme:dark;--stratakit-color-border-shadow-base:oklch(100% none none/.08);--stratakit-color-border-shadow-strong:oklch(100% none none/.16)}@supports not (color:oklch(0% 0 0)){:is(html:where([data-color-scheme=dark]),:host([data-color-scheme=dark]),.🥝-root:where([data-kiwi-theme=dark])){--stratakit-color-bg-mono-base:#6b737d;--stratakit-color-bg-mono-muted:#36393f;--stratakit-color-bg-mono-faded:#969ca4;--stratakit-color-bg-mono-transparent:#6b737d29;--stratakit-color-bg-accent-base:#188166;--stratakit-color-bg-accent-muted:#0d4133;--stratakit-color-bg-accent-faded:#61a896;--stratakit-color-bg-accent-transparent:#18816629;--stratakit-color-bg-info-base:#0470dd;--stratakit-color-bg-info-muted:#033970;--stratakit-color-bg-info-faded:#589fe9;--stratakit-color-bg-info-transparent:#0470dd29;--stratakit-color-bg-positive-base:#228404;--stratakit-color-bg-positive-muted:#114302;--stratakit-color-bg-positive-faded:#68ab53;--stratakit-color-bg-positive-transparent:#22840429;--stratakit-color-bg-attention-base:#9a6804;--stratakit-color-bg-attention-muted:#4e3402;--stratakit-color-bg-attention-faded:#c6922c;--stratakit-color-bg-attention-transparent:#c7480129;--stratakit-color-bg-critical-base:#df1c41;--stratakit-color-bg-critical-muted:#730e22;--stratakit-color-bg-critical-faded:#ec768d;--stratakit-color-bg-critical-transparent:#df1c4129;--stratakit-color-bg-page-depth:#1b1c1e;--stratakit-color-bg-page-base:#1f2023;--stratakit-color-bg-page-zebra:#00000014;--stratakit-color-bg-elevation-base:#24262a;--stratakit-color-bg-elevation-emphasis:#090a0b;--stratakit-color-bg-elevation-level-1:#2b2d33;--stratakit-color-bg-elevation-overlay:#111213;--stratakit-color-bg-elevation-level-2:#31343c;--stratakit-color-bg-neutral-base:#36393f;--stratakit-color-bg-neutral-muted:#31343c;--stratakit-color-bg-neutral-faded:#585f68;--stratakit-color-bg-neutral-inverse:#fbfcfd;--stratakit-color-bg-glow-base-hover-\%:4.0%;--stratakit-color-bg-glow-base-pressed-\%:8.0%;--stratakit-color-bg-glow-on-surface-accent-hover:#1881661f;--stratakit-color-bg-glow-on-surface-accent-pressed:#18816629;--stratakit-color-bg-glow-on-surface-neutral-hover:#ffffff0a;--stratakit-color-bg-glow-on-surface-neutral-pressed:#ffffff14;--stratakit-color-bg-glow-on-surface-critical-pressed:#df1c4129;--stratakit-color-bg-glow-on-surface-critical-hover:#df1c411f;--stratakit-color-bg-glow-on-surface-disabled:#ffffff0a;--stratakit-color-bg-glow-strong-pressed-\%:16.0%;--stratakit-color-bg-glow-strong-hover-\%:8.0%;--stratakit-color-bg-control-textbox:#1f2023;--stratakit-color-bg-control-scrollbar-surface:#fff6;--stratakit-color-bg-control-scrollbar-canvas:#0000007a;--stratakit-color-bg-control-switch:#1b1c1e;--stratakit-color-bg-control-slider-track:#36393f;--stratakit-color-bg-control-select:#1f2023;--stratakit-color-icon-neutral-hover:#fbfcfd;--stratakit-color-icon-neutral-base:#acb1b7;--stratakit-color-icon-neutral-secondary:#808791;--stratakit-color-icon-neutral-tertiary:#6b737d;--stratakit-color-icon-neutral-disabled:#585f68;--stratakit-color-icon-neutral-emphasis:#fff;--stratakit-color-icon-neutral-muted:#585f68;--stratakit-color-icon-accent-base:#61a896;--stratakit-color-icon-accent-strong:#06fac2;--stratakit-color-icon-accent-faded:#84bcad;--stratakit-color-icon-info-base:#589fe9;--stratakit-color-icon-info-faded:#7eb5ee;--stratakit-color-icon-positive-base:#68ab53;--stratakit-color-icon-positive-faded:#8abe7a;--stratakit-color-icon-attention-base:#c6922c;--stratakit-color-icon-attention-faded:#d3ab5b;--stratakit-color-icon-critical-base:#ec768d;--stratakit-color-icon-critical-faded:#f097a9;--stratakit-color-icon-mono-base:#969ca4;--stratakit-color-icon-mono-faded:#acb1b7;--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:#808791;--stratakit-color-border-mono-faded:#b8bdc1;--stratakit-color-border-mono-muted:#474c53;--stratakit-color-border-accent-base:#3d957e;--stratakit-color-border-accent-faded:#a7cfc4;--stratakit-color-border-accent-muted:#125544;--stratakit-color-border-accent-strong:#06fac2;--stratakit-color-border-info-base:#3088e4;--stratakit-color-border-info-faded:#a3caf3;--stratakit-color-border-info-muted:#024a93;--stratakit-color-border-positive-base:#46982c;--stratakit-color-border-positive-muted:#175801;--stratakit-color-border-positive-faded:#acd1a0;--stratakit-color-border-attention-base:#b67a02;--stratakit-color-border-attention-muted:#664502;--stratakit-color-border-attention-faded:#dfc38a;--stratakit-color-border-critical-base:#e7516e;--stratakit-color-border-critical-muted:#96122c;--stratakit-color-border-critical-faded:#f5b6c2;--stratakit-color-border-glow-base-hover-\%:8.0%;--stratakit-color-border-glow-base-pressed-\%:12.0%;--stratakit-color-border-glow-base-default:#ffffff14;--stratakit-color-border-glow-on-surface-faded:#ffffff0a;--stratakit-color-border-glow-on-surface-disabled:#ffffff14;--stratakit-color-border-glow-strong-hover-\%:16.0%;--stratakit-color-border-glow-strong-pressed-\%:24.0%;--stratakit-color-border-glow-strong-default:#ffffff29;--stratakit-color-border-neutral-base:#474c53;--stratakit-color-border-neutral-muted:#31343c;--stratakit-color-border-neutral-faded:#808791;--stratakit-color-border-neutral-inverse:#fbfcfd;--stratakit-color-border-neutral-disabled:#585f68;--stratakit-color-border-elevation-base:#000000a3;--stratakit-color-border-page-base:#ffffff14;--stratakit-color-border-page-depth:#ffffff14;--stratakit-color-border-control-scrollbar-canvas:#ffffff3d;--stratakit-color-border-control-switch:#474c53;--stratakit-color-border-control-checkbox:#585f68;--stratakit-color-border-control-radio:#585f68;--stratakit-color-border-control-textbox:#585f68;--stratakit-color-border-control-select:#585f68;--stratakit-color-text-mono-base:#969ca4;--stratakit-color-text-mono-faded:#acb1b7;--stratakit-color-text-accent-base:#61a896;--stratakit-color-text-accent-faded:#84bcad;--stratakit-color-text-accent-strong:#06fac2;--stratakit-color-text-info-base:#589fe9;--stratakit-color-text-info-faded:#7eb5ee;--stratakit-color-text-positive-base:#68ab53;--stratakit-color-text-positive-faded:#8abe7a;--stratakit-color-text-attention-base:#c6922c;--stratakit-color-text-attention-faded:#d3ab5b;--stratakit-color-text-critical-base:#ec768d;--stratakit-color-text-critical-faded:#f097a9;--stratakit-color-text-neutral-emphasis:#fff;--stratakit-color-text-neutral-primary:#fbfcfd;--stratakit-color-text-neutral-secondary:#b8bdc1;--stratakit-color-text-neutral-tertiary:#969ca4;--stratakit-color-text-neutral-disabled:#585f68;--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-static-black:#000;--stratakit-color-static-white:#fff;--stratakit-color-static-accent:#188166;--stratakit-color-glow-hue:#fff;--stratakit-color-brand-logo:#edeeef;--stratakit-shadow-surface-xs:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029;--stratakit-shadow-surface-sm:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029;--stratakit-shadow-surface-md:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029;--stratakit-shadow-surface-lg:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029;--stratakit-shadow-surface-xl:0px 1px 0px 0px #00000014,0px 0px 0px 1px #00000029,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029,0px 24px 24px -12px #00000029;--stratakit-shadow-button-base-drop:0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029;--stratakit-shadow-button-base-inset:inset 0px -1px 0px 0px #00000014;--stratakit-shadow-dialog-base:0px 1px 0px 0px #00000014,0px 0px 0px 1px #000c,inset 0px 0px 0px 1px #ffffff1f,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029,0px 24px 24px -12px #00000029;--stratakit-shadow-dropdown-base:0px 1px 0px 0px #00000014,0px 0px 0px 1px #0000007a,inset 0px 0px 0px 1px #ffffff1f,0px 1px 1px -.5px #0000001f,0px 3px 3px -1.5px #0000001f,0px 6px 6px -3px #0000001f,0px 12px 12px -6px #0000001f,0px 24px 24px -12px #0000001f;--stratakit-shadow-input-base:inset 0px 1px 2px 0px #00000029,inset 0px 2px 4px 0px #00000029;--stratakit-shadow-table-strong:0px -1px 0px 0px #06fac2;--stratakit-shadow-toolbar-base:0px 1px 0px 0px #00000014,0px 0px 0px 1px #000c,inset 0px 0px 0px 1px #ffffff14,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029,0px 24px 24px -12px #00000029;--stratakit-shadow-tooltip-base:inset 0px 0px 0px 1px #000c,0px 1px 1px -.5px #00000029,0px 3px 3px -1.5px #00000029,0px 6px 6px -3px #00000029,0px 12px 12px -6px #00000029}}: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-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}.🥝-root:where([data-kiwi-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)}:focus-visible{outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset)}}@layer itwinui.components.base,itwinui.components.modifiers,itwinui.components.states;@layer itwinui.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-kiwi-size=regular]){--🥝icon-size:1rem}.🥝-icon:where([data-kiwi-size=large]){--🥝icon-size:1.5rem}}@layer base{.🥝-disclosure-arrow{rotate:var(--🥝disclosure-arrow-rotate);margin-inline-end:calc(var(--stratakit-space-x2)*-1)}@media (prefers-reduced-motion:no-preference){.🥝-disclosure-arrow{transition:rotate .15s ease-in-out}}}@layer base{.🥝-chevron-down{rotate:var(--🥝chevron-down-rotate)}@media (prefers-reduced-motion:no-preference){.🥝-chevron-down{transition:rotate .15s ease-in-out}}}@media (forced-colors:active){.🥝-icon{--🥝icon-color:currentColor}}}`;

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