@jongh/ui 1.6.5 → 2.20260905.1

package/dist/recipes/tabs-recipe.css

@@ -0,0 +1,76 @@
+@layer recipes.slots {
+  @layer _base {
+    .tabs__list {
+      background: var(--colors-bg-layer);
+      border-color: var(--colors-stroke-neutral-muted);
+      position: relative;
+      display: flex;
+      align-items: center;
+      scrollbar-width: none;
+      min-height: 2.5rem;
+      overflow-x: auto;
+      border-bottom-width: 1px;
+}
+
+    .tabs__list::-webkit-scrollbar {
+      display: none;
+}
+
+    .tabs__trigger {
+      padding-inline: var(--spacing-2\.5);
+      padding-block: var(--spacing-2\.5);
+      outline: 2px solid transparent;
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      white-space: nowrap;
+      color: var(--colors-fg-neutral-subtle);
+      font-size: var(--font-sizes-t4);
+      line-height: var(--line-heights-t4);
+      font-weight: var(--font-weights-bold);
+      outline-offset: -2px;
+      --transition-prop: outline-color;
+      transition-property: outline-color;
+      --transition-duration: var(--durations-d3);
+      transition-duration: var(--durations-d3);
+      --transition-easing: var(--easings-easing);
+      transition-timing-function: var(--easings-easing);
+      cursor: pointer;
+      min-height: 2.5rem;
+}
+
+    .tabs__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+      pointer-events: none;
+      color: var(--colors-fg-disabled);
+}
+
+    .tabs__trigger:is([data-state=active]) {
+      color: var(--colors-fg-neutral);
+}
+
+    .tabs__trigger:is(:focus-visible, [data-focus-visible]) {
+      outline-color: var(--colors-stroke-focus-ring);
+}
+
+    .tabs__indicator {
+      background: var(--colors-fg-neutral);
+      position: absolute;
+      pointer-events: none;
+      --transition-prop: left,width;
+      transition-property: left,width;
+      --transition-duration: var(--durations-d4);
+      transition-duration: var(--durations-d4);
+      --transition-easing: var(--easings-easing);
+      transition-timing-function: var(--easings-easing);
+      bottom: 0;
+      left: var(--tabs-indicator-left);
+      width: var(--tabs-indicator-width);
+      height: 2px;
+}
+
+    .tabs__content {
+      margin-top: var(--spacing-2);
+}
+    }
+}

package/dist/recipes/textfield-recipe.css

@@ -0,0 +1,95 @@
+@layer recipes.slots {
+  @layer _base {
+    .textfield__root {
+      gap: var(--spacing-1\.5);
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+}
+
+    .textfield__heading {
+      font-size: var(--font-sizes-t4);
+      line-height: var(--line-heights-t4);
+      font-weight: var(--font-weights-bold);
+}
+
+    .textfield__heading::after {
+      color: var(--colors-fg-critical);
+      content: '*';
+      font-size: var(--font-sizes-t4);
+      margin-left: var(--spacing-0\.5);
+}
+
+    .textfield__container {
+      padding: var(--spacing-3);
+      border-width: 1px;
+      border-style: solid;
+      border-color: var(--colors-stroke-neutral-weak);
+      border-radius: var(--radii-r1_5);
+      outline: 2px solid transparent;
+      gap: var(--spacing-1\.5);
+      align-items: center;
+      outline-offset: -2px;
+      box-shadow: var(--shadows-s1);
+      display: flex;
+      min-height: 3rem;
+      width: 100%;
+}
+
+    .textfield__container:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+      cursor: not-allowed;
+      pointer-events: none;
+}
+
+    .textfield__container:focus-within,.textfield__container:is(:active, [data-active]) {
+      outline-color: var(--colors-stroke-neutral-contrast);
+}
+
+    @media (hover: hover) and (pointer: fine) {
+      .textfield__container:is(:hover, [data-hover]) {
+        border-color: var(--colors-stroke-neutral-solid);
+}
+}
+
+    .textfield__input {
+      border: none;
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+      flex: 1 1 0%;
+}
+
+    .textfield__input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+      cursor: not-allowed;
+}
+
+    .textfield__trailingButton {
+      display: flex;
+      align-items: center;
+      white-space: nowrap;
+      max-height: 0.5rem;
+}
+
+    .textfield__helper {
+      align-self: stretch;
+      color: var(--colors-fg-neutral-muted);
+      font-size: var(--font-sizes-t1);
+      line-height: var(--line-heights-t1);
+      font-weight: var(--font-weights-bold);
+}
+}
+
+  .textfield__container--status_negative {
+    border-color: var(--colors-stroke-critical-solid);
+    outline-color: var(--colors-stroke-critical-solid);
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .textfield__container--status_negative:is(:hover, [data-hover]) {
+      border-color: var(--colors-stroke-critical-solid);
+}
+}
+
+  .textfield__helper--status_negative {
+    color: var(--colors-fg-critical);
+}
+}

package/dist/style.css

@@ -0,0 +1 @@
+@layer reset{html,:host{--font-fallback:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}::file-selector-button{border-style:solid;border-width:0;border-color:var(--global-color-border,currentcolor);box-sizing:border-box;margin:0;padding:0}hr{color:inherit;border-top-width:1px;height:0}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::placeholder{--placeholder-fallback:#00000080;opacity:1;color:var(--global-color-placeholder,var(--placeholder-fallback))}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{--placeholder-fallback:color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection,#0073ff4d)}textarea{resize:vertical}table{border-color:inherit;text-indent:0;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono,var(--font-mono-fallback));font-feature-settings:normal;font-variation-settings:normal;font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda:"🐼";--breakpoint-active:base}@media screen and (width>=480px){:root{--breakpoint-active:sm}}@media screen and (width>=768px){:root{--breakpoint-active:md}}@media screen and (width>=1280px){:root{--breakpoint-active:lg}}@media screen and (width>=1440px){:root{--breakpoint-active:xl}}@media (prefers-reduced-motion:reduce){*,:before,:after{--transition-duration:.01ms;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--rotate-x:0;--rotate-y:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}}@layer tokens{:where(:root,:host){--colors-palette-light-gray-100:#f7f8f9;--colors-palette-light-gray-200:#f3f4f5;--colors-palette-light-gray-300:#eeeff1;--colors-palette-light-gray-400:#dcdee3;--colors-palette-light-gray-500:#d1d3d8;--colors-palette-light-gray-600:#b0b3ba;--colors-palette-light-gray-700:#868b94;--colors-palette-light-gray-800:#555d6d;--colors-palette-light-gray-900:#2a3038;--colors-palette-light-gray-1000:#1a1c20;--colors-palette-light-gray-00:#fff;--colors-palette-light-carrot-100:#fff2ec;--colors-palette-light-carrot-200:#ffe8db;--colors-palette-light-carrot-300:#ffd5c0;--colors-palette-light-carrot-400:#ffb999;--colors-palette-light-carrot-500:#ff9364;--colors-palette-light-carrot-600:#f60;--colors-palette-light-carrot-700:#e14d00;--colors-palette-light-carrot-800:#b93901;--colors-palette-light-carrot-900:#862b00;--colors-palette-light-carrot-1000:#471601;--colors-palette-light-blue-100:#eff6ff;--colors-palette-light-blue-200:#e2edfc;--colors-palette-light-blue-300:#cbdffa;--colors-palette-light-blue-400:#aacefd;--colors-palette-light-blue-500:#85b8fd;--colors-palette-light-blue-600:#5e98fe;--colors-palette-light-blue-700:#217cf9;--colors-palette-light-blue-800:#135fcd;--colors-palette-light-blue-900:#0b4596;--colors-palette-light-blue-1000:#032451;--colors-palette-light-red-100:#fdf0f0;--colors-palette-light-red-200:#fde7e7;--colors-palette-light-red-300:#fed4d2;--colors-palette-light-red-400:#feb7b3;--colors-palette-light-red-500:#fe928d;--colors-palette-light-red-600:#fc6a66;--colors-palette-light-red-700:#fa342c;--colors-palette-light-red-800:#ca1d13;--colors-palette-light-red-900:#921708;--colors-palette-light-red-1000:#4a1209;--colors-palette-light-green-100:#edfaf6;--colors-palette-light-green-200:#d9f6e9;--colors-palette-light-green-300:#b9e9d2;--colors-palette-light-green-400:#7ddcb3;--colors-palette-light-green-500:#42c593;--colors-palette-light-green-600:#10ab7d;--colors-palette-light-green-700:#079171;--colors-palette-light-green-800:#00745f;--colors-palette-light-green-900:#075445;--colors-palette-light-green-1000:#0a2b24;--colors-palette-light-yellow-100:#fff7de;--colors-palette-light-yellow-200:#fdefb9;--colors-palette-light-yellow-300:#fbdc65;--colors-palette-light-yellow-400:#e9c647;--colors-palette-light-yellow-500:#d4ab28;--colors-palette-light-yellow-600:#c49725;--colors-palette-light-yellow-700:#9b7821;--colors-palette-light-yellow-800:#755b22;--colors-palette-light-yellow-900:#4f3e1f;--colors-palette-light-yellow-1000:#2c2512;--colors-palette-light-purple-100:#f5f3fe;--colors-palette-light-purple-200:#efeafe;--colors-palette-light-purple-300:#e1d8ff;--colors-palette-light-purple-400:#d0c0ff;--colors-palette-light-purple-500:#b8a1ff;--colors-palette-light-purple-600:#9f84fb;--colors-palette-light-purple-700:#8969ea;--colors-palette-light-purple-800:#6d50cb;--colors-palette-light-purple-900:#50379b;--colors-palette-light-purple-1000:#29175d;--colors-palette-dark-gray-100:#16171b;--colors-palette-dark-gray-200:#1d2025;--colors-palette-dark-gray-300:#2b2e35;--colors-palette-dark-gray-400:#393d46;--colors-palette-dark-gray-500:#5b606a;--colors-palette-dark-gray-600:#868b94;--colors-palette-dark-gray-700:#b0b3ba;--colors-palette-dark-gray-800:#dcdee3;--colors-palette-dark-gray-900:#e9eaec;--colors-palette-dark-gray-1000:#f3f4f5;--colors-palette-dark-gray-00:#000;--colors-palette-dark-carrot-100:#31241f;--colors-palette-dark-carrot-200:#4b291c;--colors-palette-dark-carrot-300:#6b311c;--colors-palette-dark-carrot-400:#923600;--colors-palette-dark-carrot-500:#bd4201;--colors-palette-dark-carrot-600:#e65200;--colors-palette-dark-carrot-700:#f60;--colors-palette-dark-carrot-800:#ff9e65;--colors-palette-dark-carrot-900:#eecebc;--colors-palette-dark-carrot-1000:#f4eeea;--colors-palette-dark-blue-100:#202742;--colors-palette-dark-blue-200:#1e3352;--colors-palette-dark-blue-300:#1a4275;--colors-palette-dark-blue-400:#0f559e;--colors-palette-dark-blue-500:#1964d8;--colors-palette-dark-blue-600:#1e82eb;--colors-palette-dark-blue-700:#41a2f9;--colors-palette-dark-blue-800:#83bcf9;--colors-palette-dark-blue-900:#b9d7fb;--colors-palette-dark-blue-1000:#e5f0fe;--colors-palette-dark-red-100:#322323;--colors-palette-dark-red-200:#4f2624;--colors-palette-dark-red-300:#742826;--colors-palette-dark-red-400:#a12621;--colors-palette-dark-red-500:#ca2319;--colors-palette-dark-red-600:#f73526;--colors-palette-dark-red-700:#ff6e60;--colors-palette-dark-red-800:#ffa299;--colors-palette-dark-red-900:#f8c5c3;--colors-palette-dark-red-1000:#fdf2f2;--colors-palette-dark-green-100:#202926;--colors-palette-dark-green-200:#20362e;--colors-palette-dark-green-300:#20493b;--colors-palette-dark-green-400:#19604c;--colors-palette-dark-green-500:#117956;--colors-palette-dark-green-600:#1b946d;--colors-palette-dark-green-700:#22b27f;--colors-palette-dark-green-800:#35ce9a;--colors-palette-dark-green-900:#93e5c0;--colors-palette-dark-green-1000:#d4f6ef;--colors-palette-dark-yellow-100:#302819;--colors-palette-dark-yellow-200:#413218;--colors-palette-dark-yellow-300:#543e15;--colors-palette-dark-yellow-400:#714e15;--colors-palette-dark-yellow-500:#91601b;--colors-palette-dark-yellow-600:#b6720d;--colors-palette-dark-yellow-700:#ca901c;--colors-palette-dark-yellow-800:#dab156;--colors-palette-dark-yellow-900:#e5d49b;--colors-palette-dark-yellow-1000:#f7f0cd;--colors-palette-dark-purple-100:#28213b;--colors-palette-dark-purple-200:#3b2873;--colors-palette-dark-purple-300:#443081;--colors-palette-dark-purple-400:#5a3bb1;--colors-palette-dark-purple-500:#764fd9;--colors-palette-dark-purple-600:#8e6bee;--colors-palette-dark-purple-700:#a78df0;--colors-palette-dark-purple-800:#beadf2;--colors-palette-dark-purple-900:#d9cefa;--colors-palette-dark-purple-1000:#f0edfc;--colors-palette-static-black:#000;--colors-palette-static-black-alpha-100:#00000007;--colors-palette-static-black-alpha-200:#0000000c;--colors-palette-static-black-alpha-300:#00000010;--colors-palette-static-black-alpha-400:#00000021;--colors-palette-static-black-alpha-500:#0000002c;--colors-palette-static-black-alpha-600:#0000004c;--colors-palette-static-black-alpha-700:#00000074;--colors-palette-static-black-alpha-800:#000000a2;--colors-palette-static-black-alpha-900:#000000d0;--colors-palette-static-black-alpha-1000:#000000e3;--colors-palette-static-white:#fff;--colors-palette-static-white-alpha-50:#ffffff0d;--colors-palette-static-white-alpha-100:#ffffff17;--colors-palette-static-white-alpha-200:#ffffff20;--colors-palette-static-white-alpha-300:#ffffff2e;--colors-palette-static-white-alpha-400:#ffffff3d;--colors-palette-static-white-alpha-500:#ffffff60;--colors-palette-static-white-alpha-600:#ffffff8b;--colors-palette-static-white-alpha-700:#ffffffb3;--colors-palette-static-white-alpha-800:#ffffffde;--colors-palette-static-white-alpha-900:#ffffffea;--colors-palette-static-white-alpha-1000:#fffffff4;--colors-palette-static-transparent:#0000;--durations-d1:50ms;--durations-d2:.1s;--durations-d3:.15s;--durations-d4:.2s;--durations-d5:.25s;--durations-d6:.3s;--durations-color-transition:var(--durations-d3);--durations-pressed-scale:var(--durations-d3);--easings-linear:cubic-bezier(0, 0, 1, 1);--easings-easing:cubic-bezier(.35, 0, .35, 1);--easings-enter:cubic-bezier(0, 0, .15, 1);--easings-enter-expressive:cubic-bezier(.03, .4, .1, 1);--easings-exit:cubic-bezier(.35, 0, 1, 1);--easings-exit-expressive:cubic-bezier(.35, 0, .95, .55);--easings-pressed-scale:cubic-bezier(0, 0, .15, 1);--font-sizes-t1:.6875rem;--font-sizes-t1-static:11px;--font-sizes-t2:.75rem;--font-sizes-t2-static:12px;--font-sizes-t3:.8125rem;--font-sizes-t3-static:13px;--font-sizes-t4:.875rem;--font-sizes-t4-static:14px;--font-sizes-t5:1rem;--font-sizes-t5-static:16px;--font-sizes-t6:1.125rem;--font-sizes-t6-static:18px;--font-sizes-t7:1.25rem;--font-sizes-t7-static:20px;--font-sizes-t8:1.375rem;--font-sizes-t8-static:22px;--font-sizes-t9:1.5rem;--font-sizes-t9-static:24px;--font-sizes-t10:1.625rem;--font-sizes-t10-static:26px;--font-sizes-t11:1.75rem;--font-sizes-t11-static:28px;--font-sizes-t12:2rem;--font-sizes-t12-static:32px;--font-sizes-t13:2.5rem;--font-sizes-t13-static:40px;--font-sizes-t14:3rem;--font-sizes-t14-static:48px;--font-weights-regular:400;--font-weights-medium:500;--font-weights-bold:700;--line-heights-t1:.9375rem;--line-heights-t1-static:15px;--line-heights-t2:1rem;--line-heights-t2-static:16px;--line-heights-t3:1.125rem;--line-heights-t3-static:18px;--line-heights-t4:1.1875rem;--line-heights-t4-static:19px;--line-heights-t5:1.375rem;--line-heights-t5-static:22px;--line-heights-t6:1.5rem;--line-heights-t6-static:24px;--line-heights-t7:1.6875rem;--line-heights-t7-static:27px;--line-heights-t8:1.875rem;--line-heights-t8-static:30px;--line-heights-t9:2rem;--line-heights-t9-static:32px;--line-heights-t10:2.1875rem;--line-heights-t10-static:35px;--line-heights-t11:2.375rem;--line-heights-t11-static:38px;--line-heights-t12:2.625rem;--line-heights-t12-static:42px;--line-heights-t13:3.25rem;--line-heights-t13-static:52px;--line-heights-t14:3.75rem;--line-heights-t14-static:60px;--radii-r0_5:2px;--radii-r1:4px;--radii-r1_5:6px;--radii-r2:8px;--radii-r2_5:10px;--radii-r3:12px;--radii-r3_5:14px;--radii-r4:16px;--radii-r5:20px;--radii-r6:24px;--radii-full:9999px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-12:48px;--spacing-13:52px;--spacing-14:56px;--spacing-16:64px;--spacing-0\.5:2px;--spacing-1\.5:6px;--spacing-2\.5:10px;--spacing-3\.5:14px;--spacing-4\.5:18px;--colors-gray-100:var(--colors-palette-light-gray-100);--colors-gray-200:var(--colors-palette-light-gray-200);--colors-gray-300:var(--colors-palette-light-gray-300);--colors-gray-400:var(--colors-palette-light-gray-400);--colors-gray-500:var(--colors-palette-light-gray-500);--colors-gray-600:var(--colors-palette-light-gray-600);--colors-gray-700:var(--colors-palette-light-gray-700);--colors-gray-800:var(--colors-palette-light-gray-800);--colors-gray-900:var(--colors-palette-light-gray-900);--colors-gray-1000:var(--colors-palette-light-gray-1000);--colors-gray-00:var(--colors-palette-light-gray-00);--colors-carrot-100:var(--colors-palette-light-carrot-100);--colors-carrot-200:var(--colors-palette-light-carrot-200);--colors-carrot-300:var(--colors-palette-light-carrot-300);--colors-carrot-400:var(--colors-palette-light-carrot-400);--colors-carrot-500:var(--colors-palette-light-carrot-500);--colors-carrot-600:var(--colors-palette-light-carrot-600);--colors-carrot-700:var(--colors-palette-light-carrot-700);--colors-carrot-800:var(--colors-palette-light-carrot-800);--colors-carrot-900:var(--colors-palette-light-carrot-900);--colors-carrot-1000:var(--colors-palette-light-carrot-1000);--colors-blue-100:var(--colors-palette-light-blue-100);--colors-blue-200:var(--colors-palette-light-blue-200);--colors-blue-300:var(--colors-palette-light-blue-300);--colors-blue-400:var(--colors-palette-light-blue-400);--colors-blue-500:var(--colors-palette-light-blue-500);--colors-blue-600:var(--colors-palette-light-blue-600);--colors-blue-700:var(--colors-palette-light-blue-700);--colors-blue-800:var(--colors-palette-light-blue-800);--colors-blue-900:var(--colors-palette-light-blue-900);--colors-blue-1000:var(--colors-palette-light-blue-1000);--colors-red-100:var(--colors-palette-light-red-100);--colors-red-200:var(--colors-palette-light-red-200);--colors-red-300:var(--colors-palette-light-red-300);--colors-red-400:var(--colors-palette-light-red-400);--colors-red-500:var(--colors-palette-light-red-500);--colors-red-600:var(--colors-palette-light-red-600);--colors-red-700:var(--colors-palette-light-red-700);--colors-red-800:var(--colors-palette-light-red-800);--colors-red-900:var(--colors-palette-light-red-900);--colors-red-1000:var(--colors-palette-light-red-1000);--colors-green-100:var(--colors-palette-light-green-100);--colors-green-200:var(--colors-palette-light-green-200);--colors-green-300:var(--colors-palette-light-green-300);--colors-green-400:var(--colors-palette-light-green-400);--colors-green-500:var(--colors-palette-light-green-500);--colors-green-600:var(--colors-palette-light-green-600);--colors-green-700:var(--colors-palette-light-green-700);--colors-green-800:var(--colors-palette-light-green-800);--colors-green-900:var(--colors-palette-light-green-900);--colors-green-1000:var(--colors-palette-light-green-1000);--colors-yellow-100:var(--colors-palette-light-yellow-100);--colors-yellow-200:var(--colors-palette-light-yellow-200);--colors-yellow-300:var(--colors-palette-light-yellow-300);--colors-yellow-400:var(--colors-palette-light-yellow-400);--colors-yellow-500:var(--colors-palette-light-yellow-500);--colors-yellow-600:var(--colors-palette-light-yellow-600);--colors-yellow-700:var(--colors-palette-light-yellow-700);--colors-yellow-800:var(--colors-palette-light-yellow-800);--colors-yellow-900:var(--colors-palette-light-yellow-900);--colors-yellow-1000:var(--colors-palette-light-yellow-1000);--colors-purple-100:var(--colors-palette-light-purple-100);--colors-purple-200:var(--colors-palette-light-purple-200);--colors-purple-300:var(--colors-palette-light-purple-300);--colors-purple-400:var(--colors-palette-light-purple-400);--colors-purple-500:var(--colors-palette-light-purple-500);--colors-purple-600:var(--colors-palette-light-purple-600);--colors-purple-700:var(--colors-palette-light-purple-700);--colors-purple-800:var(--colors-palette-light-purple-800);--colors-purple-900:var(--colors-palette-light-purple-900);--colors-purple-1000:var(--colors-palette-light-purple-1000);--colors-fg-brand:var(--colors-palette-light-carrot-600);--colors-fg-brand-contrast:var(--colors-palette-light-carrot-700);--colors-fg-critical:var(--colors-palette-light-red-700);--colors-fg-critical-contrast:var(--colors-palette-light-red-900);--colors-fg-disabled:var(--colors-palette-light-gray-500);--colors-fg-informative:var(--colors-palette-light-blue-700);--colors-fg-informative-contrast:var(--colors-palette-light-blue-900);--colors-fg-neutral:var(--colors-palette-light-gray-1000);--colors-fg-neutral-inverted:var(--colors-palette-light-gray-00);--colors-fg-neutral-muted:var(--colors-palette-light-gray-800);--colors-fg-neutral-subtle:var(--colors-palette-light-gray-700);--colors-fg-placeholder:var(--colors-palette-light-gray-600);--colors-fg-positive:var(--colors-palette-light-green-700);--colors-fg-positive-contrast:var(--colors-palette-light-green-900);--colors-fg-warning:var(--colors-palette-light-yellow-700);--colors-fg-warning-contrast:var(--colors-palette-light-yellow-900);--colors-bg-brand-solid:var(--colors-palette-light-carrot-600);--colors-bg-brand-solid-pressed:var(--colors-palette-light-carrot-700);--colors-bg-brand-weak:var(--colors-palette-light-carrot-100);--colors-bg-brand-weak-pressed:var(--colors-palette-light-carrot-200);--colors-bg-critical-solid:var(--colors-palette-light-red-700);--colors-bg-critical-solid-pressed:var(--colors-palette-light-red-800);--colors-bg-critical-weak:var(--colors-palette-light-red-100);--colors-bg-critical-weak-pressed:var(--colors-palette-light-red-200);--colors-bg-disabled:var(--colors-palette-light-gray-200);--colors-bg-informative-solid:var(--colors-palette-light-blue-700);--colors-bg-informative-solid-pressed:var(--colors-palette-light-blue-800);--colors-bg-informative-weak:var(--colors-palette-light-blue-100);--colors-bg-informative-weak-pressed:var(--colors-palette-light-blue-200);--colors-bg-layer:var(--colors-palette-light-gray-00);--colors-bg-layer-basement:var(--colors-palette-light-gray-200);--colors-bg-layer-pressed:var(--colors-palette-light-gray-100);--colors-bg-layer-floating:var(--colors-palette-light-gray-00);--colors-bg-layer-floating-pressed:var(--colors-palette-light-gray-100);--colors-bg-magic-weak:#f9f2ee;--colors-bg-neutral-inverted:var(--colors-palette-light-gray-900);--colors-bg-neutral-inverted-pressed:var(--colors-palette-light-gray-800);--colors-bg-neutral-solid:var(--colors-palette-light-gray-1000);--colors-bg-neutral-solid-muted:var(--colors-palette-light-gray-800);--colors-bg-neutral-solid-muted-pressed:var(--colors-palette-light-gray-900);--colors-bg-neutral-weak:var(--colors-palette-light-gray-200);--colors-bg-neutral-weak-alpha:var(--colors-palette-static-black-alpha-200);--colors-bg-neutral-weak-alpha-pressed:var(--colors-palette-static-black-alpha-300);--colors-bg-neutral-weak-pressed:var(--colors-palette-light-gray-300);--colors-bg-overlay:var(--colors-palette-static-black-alpha-700);--colors-bg-overlay-muted:var(--colors-palette-static-black-alpha-500);--colors-bg-positive-solid:var(--colors-palette-light-green-700);--colors-bg-positive-solid-pressed:var(--colors-palette-light-green-800);--colors-bg-positive-weak:var(--colors-palette-light-green-100);--colors-bg-positive-weak-pressed:var(--colors-palette-light-green-200);--colors-bg-transparent:#0000;--colors-bg-transparent-pressed:var(--colors-palette-static-black-alpha-100);--colors-bg-transparent-selected:var(--colors-palette-static-black-alpha-200);--colors-bg-transparent-selected-pressed:var(--colors-palette-static-black-alpha-300);--colors-bg-warning-solid:var(--colors-palette-light-yellow-300);--colors-bg-warning-solid-pressed:var(--colors-palette-light-yellow-400);--colors-bg-warning-weak:var(--colors-palette-light-yellow-100);--colors-bg-warning-weak-pressed:var(--colors-palette-light-yellow-200);--colors-stroke-brand-solid:var(--colors-palette-light-carrot-700);--colors-stroke-brand-weak:var(--colors-palette-light-carrot-300);--colors-stroke-critical-solid:var(--colors-palette-light-red-700);--colors-stroke-critical-weak:var(--colors-palette-light-red-300);--colors-stroke-focus-ring:var(--colors-palette-light-blue-600);--colors-stroke-informative-solid:var(--colors-palette-light-blue-700);--colors-stroke-informative-weak:var(--colors-palette-light-blue-300);--colors-stroke-neutral-contrast:var(--colors-palette-light-gray-1000);--colors-stroke-neutral-muted:var(--colors-palette-static-black-alpha-300);--colors-stroke-neutral-solid:var(--colors-palette-light-gray-800);--colors-stroke-neutral-subtle:var(--colors-palette-static-black-alpha-200);--colors-stroke-neutral-weak:var(--colors-palette-light-gray-400);--colors-stroke-positive-solid:var(--colors-palette-light-green-700);--colors-stroke-positive-weak:var(--colors-palette-light-green-300);--colors-stroke-warning-solid:var(--colors-palette-light-yellow-700);--colors-stroke-warning-weak:var(--colors-palette-light-yellow-300);--gradients-glow-magic:linear-gradient(88deg, #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%);--gradients-glow-magic-pressed:linear-gradient(88deg, #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%);--gradients-highlight-magic:linear-gradient(90deg, #f60 20%, #d25aca 100%);--gradients-highlight-magic-pressed:linear-gradient(90deg, #e14f00 20%, #ae58bf 100%);--gradients-shimmer-magic:linear-gradient(90deg, #fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%);--gradients-shimmer-neutral:linear-gradient(90deg, #fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%);--shadows-s1:0px 1px 4px 0px #00000014;--shadows-s2:0px 2px 10px 0px #0000001a;--shadows-s3:0px 4px 16px 0px #0000001f}.dark{--colors-gray-100:var(--colors-palette-dark-gray-100);--colors-gray-200:var(--colors-palette-dark-gray-200);--colors-gray-300:var(--colors-palette-dark-gray-300);--colors-gray-400:var(--colors-palette-dark-gray-400);--colors-gray-500:var(--colors-palette-dark-gray-500);--colors-gray-600:var(--colors-palette-dark-gray-600);--colors-gray-700:var(--colors-palette-dark-gray-700);--colors-gray-800:var(--colors-palette-dark-gray-800);--colors-gray-900:var(--colors-palette-dark-gray-900);--colors-gray-1000:var(--colors-palette-dark-gray-1000);--colors-gray-00:var(--colors-palette-dark-gray-00);--colors-carrot-100:var(--colors-palette-dark-carrot-100);--colors-carrot-200:var(--colors-palette-dark-carrot-200);--colors-carrot-300:var(--colors-palette-dark-carrot-300);--colors-carrot-400:var(--colors-palette-dark-carrot-400);--colors-carrot-500:var(--colors-palette-dark-carrot-500);--colors-carrot-600:var(--colors-palette-dark-carrot-600);--colors-carrot-700:var(--colors-palette-dark-carrot-700);--colors-carrot-800:var(--colors-palette-dark-carrot-800);--colors-carrot-900:var(--colors-palette-dark-carrot-900);--colors-carrot-1000:var(--colors-palette-dark-carrot-1000);--colors-blue-100:var(--colors-palette-dark-blue-100);--colors-blue-200:var(--colors-palette-dark-blue-200);--colors-blue-300:var(--colors-palette-dark-blue-300);--colors-blue-400:var(--colors-palette-dark-blue-400);--colors-blue-500:var(--colors-palette-dark-blue-500);--colors-blue-600:var(--colors-palette-dark-blue-600);--colors-blue-700:var(--colors-palette-dark-blue-700);--colors-blue-800:var(--colors-palette-dark-blue-800);--colors-blue-900:var(--colors-palette-dark-blue-900);--colors-blue-1000:var(--colors-palette-dark-blue-1000);--colors-red-100:var(--colors-palette-dark-red-100);--colors-red-200:var(--colors-palette-dark-red-200);--colors-red-300:var(--colors-palette-dark-red-300);--colors-red-400:var(--colors-palette-dark-red-400);--colors-red-500:var(--colors-palette-dark-red-500);--colors-red-600:var(--colors-palette-dark-red-600);--colors-red-700:var(--colors-palette-dark-red-700);--colors-red-800:var(--colors-palette-dark-red-800);--colors-red-900:var(--colors-palette-dark-red-900);--colors-red-1000:var(--colors-palette-dark-red-1000);--colors-green-100:var(--colors-palette-dark-green-100);--colors-green-200:var(--colors-palette-dark-green-200);--colors-green-300:var(--colors-palette-dark-green-300);--colors-green-400:var(--colors-palette-dark-green-400);--colors-green-500:var(--colors-palette-dark-green-500);--colors-green-600:var(--colors-palette-dark-green-600);--colors-green-700:var(--colors-palette-dark-green-700);--colors-green-800:var(--colors-palette-dark-green-800);--colors-green-900:var(--colors-palette-dark-green-900);--colors-green-1000:var(--colors-palette-dark-green-1000);--colors-yellow-100:var(--colors-palette-dark-yellow-100);--colors-yellow-200:var(--colors-palette-dark-yellow-200);--colors-yellow-300:var(--colors-palette-dark-yellow-300);--colors-yellow-400:var(--colors-palette-dark-yellow-400);--colors-yellow-500:var(--colors-palette-dark-yellow-500);--colors-yellow-600:var(--colors-palette-dark-yellow-600);--colors-yellow-700:var(--colors-palette-dark-yellow-700);--colors-yellow-800:var(--colors-palette-dark-yellow-800);--colors-yellow-900:var(--colors-palette-dark-yellow-900);--colors-yellow-1000:var(--colors-palette-dark-yellow-1000);--colors-purple-100:var(--colors-palette-dark-purple-100);--colors-purple-200:var(--colors-palette-dark-purple-200);--colors-purple-300:var(--colors-palette-dark-purple-300);--colors-purple-400:var(--colors-palette-dark-purple-400);--colors-purple-500:var(--colors-palette-dark-purple-500);--colors-purple-600:var(--colors-palette-dark-purple-600);--colors-purple-700:var(--colors-palette-dark-purple-700);--colors-purple-800:var(--colors-palette-dark-purple-800);--colors-purple-900:var(--colors-palette-dark-purple-900);--colors-purple-1000:var(--colors-palette-dark-purple-1000);--colors-fg-brand:var(--colors-palette-dark-carrot-700);--colors-fg-brand-contrast:var(--colors-palette-dark-carrot-700);--colors-fg-critical:var(--colors-palette-dark-red-700);--colors-fg-critical-contrast:var(--colors-palette-dark-red-900);--colors-fg-disabled:var(--colors-palette-dark-gray-500);--colors-fg-informative:var(--colors-palette-dark-blue-700);--colors-fg-informative-contrast:var(--colors-palette-dark-blue-900);--colors-fg-neutral:var(--colors-palette-dark-gray-1000);--colors-fg-neutral-inverted:var(--colors-palette-dark-gray-100);--colors-fg-neutral-muted:var(--colors-palette-dark-gray-800);--colors-fg-neutral-subtle:var(--colors-palette-dark-gray-700);--colors-fg-placeholder:var(--colors-palette-dark-gray-600);--colors-fg-positive:var(--colors-palette-dark-green-700);--colors-fg-positive-contrast:var(--colors-palette-dark-green-900);--colors-fg-warning:var(--colors-palette-dark-yellow-700);--colors-fg-warning-contrast:var(--colors-palette-dark-yellow-900);--colors-bg-brand-solid:var(--colors-palette-dark-carrot-700);--colors-bg-brand-solid-pressed:var(--colors-palette-dark-carrot-800);--colors-bg-brand-weak:var(--colors-palette-dark-carrot-100);--colors-bg-brand-weak-pressed:var(--colors-palette-dark-carrot-200);--colors-bg-critical-solid:var(--colors-palette-dark-red-600);--colors-bg-critical-solid-pressed:var(--colors-palette-dark-red-700);--colors-bg-critical-weak:var(--colors-palette-dark-red-100);--colors-bg-critical-weak-pressed:var(--colors-palette-dark-red-200);--colors-bg-disabled:var(--colors-palette-dark-gray-300);--colors-bg-informative-solid:var(--colors-palette-dark-blue-600);--colors-bg-informative-solid-pressed:var(--colors-palette-dark-blue-700);--colors-bg-informative-weak:var(--colors-palette-dark-blue-100);--colors-bg-informative-weak-pressed:var(--colors-palette-dark-blue-200);--colors-bg-layer:var(--colors-palette-dark-gray-100);--colors-bg-layer-basement:var(--colors-palette-dark-gray-00);--colors-bg-layer-pressed:var(--colors-palette-dark-gray-300);--colors-bg-layer-floating:var(--colors-palette-dark-gray-200);--colors-bg-layer-floating-pressed:var(--colors-palette-dark-gray-300);--colors-bg-magic-weak:#201f1f;--colors-bg-neutral-inverted:var(--colors-palette-dark-gray-1000);--colors-bg-neutral-inverted-pressed:var(--colors-palette-dark-gray-800);--colors-bg-neutral-solid:var(--colors-palette-dark-gray-300);--colors-bg-neutral-solid-muted:var(--colors-palette-dark-gray-400);--colors-bg-neutral-solid-muted-pressed:var(--colors-palette-dark-gray-500);--colors-bg-neutral-weak:var(--colors-palette-dark-gray-300);--colors-bg-neutral-weak-alpha:var(--colors-palette-static-white-alpha-200);--colors-bg-neutral-weak-alpha-pressed:var(--colors-palette-static-white-alpha-300);--colors-bg-neutral-weak-pressed:var(--colors-palette-dark-gray-400);--colors-bg-overlay:var(--colors-palette-static-black-alpha-700);--colors-bg-overlay-muted:var(--colors-palette-static-black-alpha-500);--colors-bg-positive-solid:var(--colors-palette-dark-green-500);--colors-bg-positive-solid-pressed:var(--colors-palette-dark-green-600);--colors-bg-positive-weak:var(--colors-palette-dark-green-100);--colors-bg-positive-weak-pressed:var(--colors-palette-dark-green-200);--colors-bg-transparent:#fff0;--colors-bg-transparent-pressed:var(--colors-palette-static-white-alpha-50);--colors-bg-transparent-selected:var(--colors-palette-static-white-alpha-100);--colors-bg-transparent-selected-pressed:var(--colors-palette-static-white-alpha-200);--colors-bg-warning-solid:var(--colors-palette-dark-yellow-800);--colors-bg-warning-solid-pressed:var(--colors-palette-dark-yellow-900);--colors-bg-warning-weak:var(--colors-palette-dark-yellow-100);--colors-bg-warning-weak-pressed:var(--colors-palette-dark-yellow-200);--colors-stroke-brand-solid:var(--colors-palette-dark-carrot-700);--colors-stroke-brand-weak:var(--colors-palette-dark-carrot-300);--colors-stroke-critical-solid:var(--colors-palette-dark-red-700);--colors-stroke-critical-weak:var(--colors-palette-dark-red-300);--colors-stroke-focus-ring:var(--colors-palette-dark-blue-600);--colors-stroke-informative-solid:var(--colors-palette-dark-blue-700);--colors-stroke-informative-weak:var(--colors-palette-dark-blue-300);--colors-stroke-neutral-contrast:var(--colors-palette-dark-gray-1000);--colors-stroke-neutral-muted:var(--colors-palette-static-white-alpha-100);--colors-stroke-neutral-solid:var(--colors-palette-dark-gray-800);--colors-stroke-neutral-subtle:var(--colors-palette-static-white-alpha-50);--colors-stroke-neutral-weak:var(--colors-palette-dark-gray-400);--colors-stroke-positive-solid:var(--colors-palette-dark-green-700);--colors-stroke-positive-weak:var(--colors-palette-dark-green-300);--colors-stroke-warning-solid:var(--colors-palette-dark-yellow-700);--colors-stroke-warning-weak:var(--colors-palette-dark-yellow-300);--gradients-glow-magic:linear-gradient(88deg, #2d252d 0%, #3a312b 80%, #333232 100%);--gradients-glow-magic-pressed:linear-gradient(88deg, #3e333e 0%, #51453e 80%, #434242 100%);--gradients-highlight-magic:linear-gradient(90deg, #f60 20%, #d25aca 100%);--gradients-highlight-magic-pressed:linear-gradient(90deg, #ff9e65 20%, #e89bee 100%);--gradients-shimmer-magic:linear-gradient(90deg, #fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%);--gradients-shimmer-neutral:linear-gradient(90deg, #fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%);--shadows-s1:0px 1px 4px 0px #00000080;--shadows-s2:0px 2px 10px 0px #000000ad;--shadows-s3:0px 4px 16px 0px #000c}@keyframes accordion-down_radix{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up_radix{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes contentHide{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes selectContentShow{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes selectContentHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translateZ(0)}}}@layer recipes{@layer _base{.button{gap:var(--spacing-1);border-radius:var(--radii-r1_5);cursor:pointer;font-size:var(--font-sizes-t6);line-height:var(--line-heights-t6);font-weight:var(--font-weights-medium);--transition-duration:var(--durations-pressed-scale);transition-duration:var(--durations-pressed-scale);--transition-prop:color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;--transition-easing:var(--easings-pressed-scale);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--easings-pressed-scale);white-space:nowrap;justify-content:center;align-items:center;min-height:2.25rem;display:inline-flex}.button,.button svg{flex-shrink:0}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.5}.button:enabled:is(:active,[data-active]){transform:scale(.97)}.layout{--layout-color-base:initial;--layout-color-sm:var(--layout-color-base,initial);--layout-color-md:var(--layout-color-sm,initial);--layout-color-lg:var(--layout-color-md,initial);--layout-color-xl:var(--layout-color-lg,initial);--layout-display-base:initial;--layout-display-sm:var(--layout-display-base,initial);--layout-display-md:var(--layout-display-sm,initial);--layout-display-lg:var(--layout-display-md,initial);--layout-display-xl:var(--layout-display-lg,initial);--layout-flex-direction-base:initial;--layout-flex-direction-sm:var(--layout-flex-direction-base,initial);--layout-flex-direction-md:var(--layout-flex-direction-sm,initial);--layout-flex-direction-lg:var(--layout-flex-direction-md,initial);--layout-flex-direction-xl:var(--layout-flex-direction-lg,initial);--layout-gap-base:initial;--layout-gap-sm:var(--layout-gap-base,initial);--layout-gap-md:var(--layout-gap-sm,initial);--layout-gap-lg:var(--layout-gap-md,initial);--layout-gap-xl:var(--layout-gap-lg,initial);--layout-row-gap-base:initial;--layout-row-gap-sm:var(--layout-row-gap-base,initial);--layout-row-gap-md:var(--layout-row-gap-sm,initial);--layout-row-gap-lg:var(--layout-row-gap-md,initial);--layout-row-gap-xl:var(--layout-row-gap-lg,initial);--layout-column-gap-base:initial;--layout-column-gap-sm:var(--layout-column-gap-base,initial);--layout-column-gap-md:var(--layout-column-gap-sm,initial);--layout-column-gap-lg:var(--layout-column-gap-md,initial);--layout-column-gap-xl:var(--layout-column-gap-lg,initial);--layout-align-items-base:initial;--layout-align-items-sm:var(--layout-align-items-base,initial);--layout-align-items-md:var(--layout-align-items-sm,initial);--layout-align-items-lg:var(--layout-align-items-md,initial);--layout-align-items-xl:var(--layout-align-items-lg,initial);--layout-justify-content-base:initial;--layout-justify-content-sm:var(--layout-justify-content-base,initial);--layout-justify-content-md:var(--layout-justify-content-sm,initial);--layout-justify-content-lg:var(--layout-justify-content-md,initial);--layout-justify-content-xl:var(--layout-justify-content-lg,initial);--layout-justify-items-base:initial;--layout-justify-items-sm:var(--layout-justify-items-base,initial);--layout-justify-items-md:var(--layout-justify-items-sm,initial);--layout-justify-items-lg:var(--layout-justify-items-md,initial);--layout-justify-items-xl:var(--layout-justify-items-lg,initial);--layout-flex-wrap-base:initial;--layout-flex-wrap-sm:var(--layout-flex-wrap-base,initial);--layout-flex-wrap-md:var(--layout-flex-wrap-sm,initial);--layout-flex-wrap-lg:var(--layout-flex-wrap-md,initial);--layout-flex-wrap-xl:var(--layout-flex-wrap-lg,initial);--layout-flex-grow-base:initial;--layout-flex-grow-sm:var(--layout-flex-grow-base,initial);--layout-flex-grow-md:var(--layout-flex-grow-sm,initial);--layout-flex-grow-lg:var(--layout-flex-grow-md,initial);--layout-flex-grow-xl:var(--layout-flex-grow-lg,initial);--layout-flex-shrink-base:initial;--layout-flex-shrink-sm:var(--layout-flex-shrink-base,initial);--layout-flex-shrink-md:var(--layout-flex-shrink-sm,initial);--layout-flex-shrink-lg:var(--layout-flex-shrink-md,initial);--layout-flex-shrink-xl:var(--layout-flex-shrink-lg,initial);--layout-width-base:initial;--layout-width-sm:var(--layout-width-base,initial);--layout-width-md:var(--layout-width-sm,initial);--layout-width-lg:var(--layout-width-md,initial);--layout-width-xl:var(--layout-width-lg,initial);--layout-min-width-base:initial;--layout-min-width-sm:var(--layout-min-width-base,initial);--layout-min-width-md:var(--layout-min-width-sm,initial);--layout-min-width-lg:var(--layout-min-width-md,initial);--layout-min-width-xl:var(--layout-min-width-lg,initial);--layout-max-width-base:initial;--layout-max-width-sm:var(--layout-max-width-base,initial);--layout-max-width-md:var(--layout-max-width-sm,initial);--layout-max-width-lg:var(--layout-max-width-md,initial);--layout-max-width-xl:var(--layout-max-width-lg,initial);--layout-height-base:initial;--layout-height-sm:var(--layout-height-base,initial);--layout-height-md:var(--layout-height-sm,initial);--layout-height-lg:var(--layout-height-md,initial);--layout-height-xl:var(--layout-height-lg,initial);--layout-min-height-base:initial;--layout-min-height-sm:var(--layout-min-height-base,initial);--layout-min-height-md:var(--layout-min-height-sm,initial);--layout-min-height-lg:var(--layout-min-height-md,initial);--layout-min-height-xl:var(--layout-min-height-lg,initial);--layout-max-height-base:initial;--layout-max-height-sm:var(--layout-max-height-base,initial);--layout-max-height-md:var(--layout-max-height-sm,initial);--layout-max-height-lg:var(--layout-max-height-md,initial);--layout-max-height-xl:var(--layout-max-height-lg,initial);--layout-padding-base:initial;--layout-padding-sm:var(--layout-padding-base,initial);--layout-padding-md:var(--layout-padding-sm,initial);--layout-padding-lg:var(--layout-padding-md,initial);--layout-padding-xl:var(--layout-padding-lg,initial);--layout-padding-x-base:initial;--layout-padding-x-sm:var(--layout-padding-x-base,initial);--layout-padding-x-md:var(--layout-padding-x-sm,initial);--layout-padding-x-lg:var(--layout-padding-x-md,initial);--layout-padding-x-xl:var(--layout-padding-x-lg,initial);--layout-padding-y-base:initial;--layout-padding-y-sm:var(--layout-padding-y-base,initial);--layout-padding-y-md:var(--layout-padding-y-sm,initial);--layout-padding-y-lg:var(--layout-padding-y-md,initial);--layout-padding-y-xl:var(--layout-padding-y-lg,initial);--layout-padding-top-base:initial;--layout-padding-top-sm:var(--layout-padding-top-base,initial);--layout-padding-top-md:var(--layout-padding-top-sm,initial);--layout-padding-top-lg:var(--layout-padding-top-md,initial);--layout-padding-top-xl:var(--layout-padding-top-lg,initial);--layout-padding-right-base:initial;--layout-padding-right-sm:var(--layout-padding-right-base,initial);--layout-padding-right-md:var(--layout-padding-right-sm,initial);--layout-padding-right-lg:var(--layout-padding-right-md,initial);--layout-padding-right-xl:var(--layout-padding-right-lg,initial);--layout-padding-bottom-base:initial;--layout-padding-bottom-sm:var(--layout-padding-bottom-base,initial);--layout-padding-bottom-md:var(--layout-padding-bottom-sm,initial);--layout-padding-bottom-lg:var(--layout-padding-bottom-md,initial);--layout-padding-bottom-xl:var(--layout-padding-bottom-lg,initial);--layout-padding-left-base:initial;--layout-padding-left-sm:var(--layout-padding-left-base,initial);--layout-padding-left-md:var(--layout-padding-left-sm,initial);--layout-padding-left-lg:var(--layout-padding-left-md,initial);--layout-padding-left-xl:var(--layout-padding-left-lg,initial);--layout-margin-base:initial;--layout-margin-sm:var(--layout-margin-base,initial);--layout-margin-md:var(--layout-margin-sm,initial);--layout-margin-lg:var(--layout-margin-md,initial);--layout-margin-xl:var(--layout-margin-lg,initial);--layout-margin-x-base:initial;--layout-margin-x-sm:var(--layout-margin-x-base,initial);--layout-margin-x-md:var(--layout-margin-x-sm,initial);--layout-margin-x-lg:var(--layout-margin-x-md,initial);--layout-margin-x-xl:var(--layout-margin-x-lg,initial);--layout-margin-y-base:initial;--layout-margin-y-sm:var(--layout-margin-y-base,initial);--layout-margin-y-md:var(--layout-margin-y-sm,initial);--layout-margin-y-lg:var(--layout-margin-y-md,initial);--layout-margin-y-xl:var(--layout-margin-y-lg,initial);--layout-margin-top-base:initial;--layout-margin-top-sm:var(--layout-margin-top-base,initial);--layout-margin-top-md:var(--layout-margin-top-sm,initial);--layout-margin-top-lg:var(--layout-margin-top-md,initial);--layout-margin-top-xl:var(--layout-margin-top-lg,initial);--layout-margin-right-base:initial;--layout-margin-right-sm:var(--layout-margin-right-base,initial);--layout-margin-right-md:var(--layout-margin-right-sm,initial);--layout-margin-right-lg:var(--layout-margin-right-md,initial);--layout-margin-right-xl:var(--layout-margin-right-lg,initial);--layout-margin-bottom-base:initial;--layout-margin-bottom-sm:var(--layout-margin-bottom-base,initial);--layout-margin-bottom-md:var(--layout-margin-bottom-sm,initial);--layout-margin-bottom-lg:var(--layout-margin-bottom-md,initial);--layout-margin-bottom-xl:var(--layout-margin-bottom-lg,initial);--layout-margin-left-base:initial;--layout-margin-left-sm:var(--layout-margin-left-base,initial);--layout-margin-left-md:var(--layout-margin-left-sm,initial);--layout-margin-left-lg:var(--layout-margin-left-md,initial);--layout-margin-left-xl:var(--layout-margin-left-lg,initial);--layout-grid-template-columns-base:initial;--layout-grid-template-columns-sm:var(--layout-grid-template-columns-base,initial);--layout-grid-template-columns-md:var(--layout-grid-template-columns-sm,initial);--layout-grid-template-columns-lg:var(--layout-grid-template-columns-md,initial);--layout-grid-template-columns-xl:var(--layout-grid-template-columns-lg,initial);--layout-grid-template-rows-base:initial;--layout-grid-template-rows-sm:var(--layout-grid-template-rows-base,initial);--layout-grid-template-rows-md:var(--layout-grid-template-rows-sm,initial);--layout-grid-template-rows-lg:var(--layout-grid-template-rows-md,initial);--layout-grid-template-rows-xl:var(--layout-grid-template-rows-lg,initial);--layout-grid-auto-flow-base:initial;--layout-grid-auto-flow-sm:var(--layout-grid-auto-flow-base,initial);--layout-grid-auto-flow-md:var(--layout-grid-auto-flow-sm,initial);--layout-grid-auto-flow-lg:var(--layout-grid-auto-flow-md,initial);--layout-grid-auto-flow-xl:var(--layout-grid-auto-flow-lg,initial);--layout-grid-auto-columns-base:initial;--layout-grid-auto-columns-sm:var(--layout-grid-auto-columns-base,initial);--layout-grid-auto-columns-md:var(--layout-grid-auto-columns-sm,initial);--layout-grid-auto-columns-lg:var(--layout-grid-auto-columns-md,initial);--layout-grid-auto-columns-xl:var(--layout-grid-auto-columns-lg,initial);--layout-grid-auto-rows-base:initial;--layout-grid-auto-rows-sm:var(--layout-grid-auto-rows-base,initial);--layout-grid-auto-rows-md:var(--layout-grid-auto-rows-sm,initial);--layout-grid-auto-rows-lg:var(--layout-grid-auto-rows-md,initial);--layout-grid-auto-rows-xl:var(--layout-grid-auto-rows-lg,initial);--layout-color:var(--layout-color-base,initial);--layout-display:var(--layout-display-base,initial);--layout-flex-direction:var(--layout-flex-direction-base,initial);--layout-gap:var(--layout-gap-base,initial);--layout-row-gap:var(--layout-row-gap-base,initial);--layout-column-gap:var(--layout-column-gap-base,initial);--layout-align-items:var(--layout-align-items-base,initial);--layout-justify-content:var(--layout-justify-content-base,initial);--layout-justify-items:var(--layout-justify-items-base,initial);--layout-flex-wrap:var(--layout-flex-wrap-base,initial);--layout-flex-grow:var(--layout-flex-grow-base,initial);--layout-flex-shrink:var(--layout-flex-shrink-base,initial);--layout-width:var(--layout-width-base,initial);--layout-min-width:var(--layout-min-width-base,initial);--layout-max-width:var(--layout-max-width-base,initial);--layout-height:var(--layout-height-base,initial);--layout-min-height:var(--layout-min-height-base,initial);--layout-max-height:var(--layout-max-height-base,initial);--layout-padding:var(--layout-padding-base,initial);--layout-padding-x:var(--layout-padding-x-base,initial);--layout-padding-y:var(--layout-padding-y-base,initial);--layout-padding-top:var(--layout-padding-top-base,initial);--layout-padding-right:var(--layout-padding-right-base,initial);--layout-padding-bottom:var(--layout-padding-bottom-base,initial);--layout-padding-left:var(--layout-padding-left-base,initial);--layout-margin:var(--layout-margin-base,initial);--layout-margin-x:var(--layout-margin-x-base,initial);--layout-margin-y:var(--layout-margin-y-base,initial);--layout-margin-top:var(--layout-margin-top-base,initial);--layout-margin-right:var(--layout-margin-right-base,initial);--layout-margin-bottom:var(--layout-margin-bottom-base,initial);--layout-margin-left:var(--layout-margin-left-base,initial);--layout-grid-template-columns:var(--layout-grid-template-columns-base,initial);--layout-grid-template-rows:var(--layout-grid-template-rows-base,initial);--layout-grid-auto-flow:var(--layout-grid-auto-flow-base,initial);--layout-grid-auto-columns:var(--layout-grid-auto-columns-base,initial);--layout-grid-auto-rows:var(--layout-grid-auto-rows-base,initial);gap:var(--layout-gap);color:var(--layout-color);display:var(--layout-display);flex-direction:var(--layout-flex-direction);row-gap:var(--layout-row-gap,var(--layout-gap));column-gap:var(--layout-column-gap,var(--layout-gap));align-items:var(--layout-align-items);justify-content:var(--layout-justify-content);justify-items:var(--layout-justify-items);flex-wrap:var(--layout-flex-wrap);flex-grow:var(--layout-flex-grow);flex-shrink:var(--layout-flex-shrink);grid-template-columns:var(--layout-grid-template-columns);grid-template-rows:var(--layout-grid-template-rows);grid-auto-flow:var(--layout-grid-auto-flow);grid-auto-columns:var(--layout-grid-auto-columns);grid-auto-rows:var(--layout-grid-auto-rows);width:var(--layout-width);min-width:var(--layout-min-width);max-width:var(--layout-max-width);height:var(--layout-height);min-height:var(--layout-min-height);max-height:var(--layout-max-height);padding-top:var(--layout-padding-top,var(--layout-padding-y,var(--layout-padding)));padding-right:var(--layout-padding-right,var(--layout-padding-x,var(--layout-padding)));padding-bottom:var(--layout-padding-bottom,var(--layout-padding-y,var(--layout-padding)));padding-left:var(--layout-padding-left,var(--layout-padding-x,var(--layout-padding)));margin-top:var(--layout-margin-top,var(--layout-margin-y,var(--layout-margin)));margin-right:var(--layout-margin-right,var(--layout-margin-x,var(--layout-margin)));margin-bottom:var(--layout-margin-bottom,var(--layout-margin-y,var(--layout-margin)));margin-left:var(--layout-margin-left,var(--layout-margin-x,var(--layout-margin)))}@container style(--breakpoint-active:lg){.layout{--layout-color:var(--layout-color-lg,initial);--layout-display:var(--layout-display-lg,initial);--layout-flex-direction:var(--layout-flex-direction-lg,initial);--layout-gap:var(--layout-gap-lg,initial);--layout-row-gap:var(--layout-row-gap-lg,initial);--layout-column-gap:var(--layout-column-gap-lg,initial);--layout-align-items:var(--layout-align-items-lg,initial);--layout-justify-content:var(--layout-justify-content-lg,initial);--layout-justify-items:var(--layout-justify-items-lg,initial);--layout-flex-wrap:var(--layout-flex-wrap-lg,initial);--layout-flex-grow:var(--layout-flex-grow-lg,initial);--layout-flex-shrink:var(--layout-flex-shrink-lg,initial);--layout-width:var(--layout-width-lg,initial);--layout-min-width:var(--layout-min-width-lg,initial);--layout-max-width:var(--layout-max-width-lg,initial);--layout-height:var(--layout-height-lg,initial);--layout-min-height:var(--layout-min-height-lg,initial);--layout-max-height:var(--layout-max-height-lg,initial);--layout-padding:var(--layout-padding-lg,initial);--layout-padding-x:var(--layout-padding-x-lg,initial);--layout-padding-y:var(--layout-padding-y-lg,initial);--layout-padding-top:var(--layout-padding-top-lg,initial);--layout-padding-right:var(--layout-padding-right-lg,initial);--layout-padding-bottom:var(--layout-padding-bottom-lg,initial);--layout-padding-left:var(--layout-padding-left-lg,initial);--layout-margin:var(--layout-margin-lg,initial);--layout-margin-x:var(--layout-margin-x-lg,initial);--layout-margin-y:var(--layout-margin-y-lg,initial);--layout-margin-top:var(--layout-margin-top-lg,initial);--layout-margin-right:var(--layout-margin-right-lg,initial);--layout-margin-bottom:var(--layout-margin-bottom-lg,initial);--layout-margin-left:var(--layout-margin-left-lg,initial);--layout-grid-template-columns:var(--layout-grid-template-columns-lg,initial);--layout-grid-template-rows:var(--layout-grid-template-rows-lg,initial);--layout-grid-auto-flow:var(--layout-grid-auto-flow-lg,initial);--layout-grid-auto-columns:var(--layout-grid-auto-columns-lg,initial);--layout-grid-auto-rows:var(--layout-grid-auto-rows-lg,initial)}}@container style(--breakpoint-active:md){.layout{--layout-color:var(--layout-color-md,initial);--layout-display:var(--layout-display-md,initial);--layout-flex-direction:var(--layout-flex-direction-md,initial);--layout-gap:var(--layout-gap-md,initial);--layout-row-gap:var(--layout-row-gap-md,initial);--layout-column-gap:var(--layout-column-gap-md,initial);--layout-align-items:var(--layout-align-items-md,initial);--layout-justify-content:var(--layout-justify-content-md,initial);--layout-justify-items:var(--layout-justify-items-md,initial);--layout-flex-wrap:var(--layout-flex-wrap-md,initial);--layout-flex-grow:var(--layout-flex-grow-md,initial);--layout-flex-shrink:var(--layout-flex-shrink-md,initial);--layout-width:var(--layout-width-md,initial);--layout-min-width:var(--layout-min-width-md,initial);--layout-max-width:var(--layout-max-width-md,initial);--layout-height:var(--layout-height-md,initial);--layout-min-height:var(--layout-min-height-md,initial);--layout-max-height:var(--layout-max-height-md,initial);--layout-padding:var(--layout-padding-md,initial);--layout-padding-x:var(--layout-padding-x-md,initial);--layout-padding-y:var(--layout-padding-y-md,initial);--layout-padding-top:var(--layout-padding-top-md,initial);--layout-padding-right:var(--layout-padding-right-md,initial);--layout-padding-bottom:var(--layout-padding-bottom-md,initial);--layout-padding-left:var(--layout-padding-left-md,initial);--layout-margin:var(--layout-margin-md,initial);--layout-margin-x:var(--layout-margin-x-md,initial);--layout-margin-y:var(--layout-margin-y-md,initial);--layout-margin-top:var(--layout-margin-top-md,initial);--layout-margin-right:var(--layout-margin-right-md,initial);--layout-margin-bottom:var(--layout-margin-bottom-md,initial);--layout-margin-left:var(--layout-margin-left-md,initial);--layout-grid-template-columns:var(--layout-grid-template-columns-md,initial);--layout-grid-template-rows:var(--layout-grid-template-rows-md,initial);--layout-grid-auto-flow:var(--layout-grid-auto-flow-md,initial);--layout-grid-auto-columns:var(--layout-grid-auto-columns-md,initial);--layout-grid-auto-rows:var(--layout-grid-auto-rows-md,initial)}}@container style(--breakpoint-active:sm){.layout{--layout-color:var(--layout-color-sm,initial);--layout-display:var(--layout-display-sm,initial);--layout-flex-direction:var(--layout-flex-direction-sm,initial);--layout-gap:var(--layout-gap-sm,initial);--layout-row-gap:var(--layout-row-gap-sm,initial);--layout-column-gap:var(--layout-column-gap-sm,initial);--layout-align-items:var(--layout-align-items-sm,initial);--layout-justify-content:var(--layout-justify-content-sm,initial);--layout-justify-items:var(--layout-justify-items-sm,initial);--layout-flex-wrap:var(--layout-flex-wrap-sm,initial);--layout-flex-grow:var(--layout-flex-grow-sm,initial);--layout-flex-shrink:var(--layout-flex-shrink-sm,initial);--layout-width:var(--layout-width-sm,initial);--layout-min-width:var(--layout-min-width-sm,initial);--layout-max-width:var(--layout-max-width-sm,initial);--layout-height:var(--layout-height-sm,initial);--layout-min-height:var(--layout-min-height-sm,initial);--layout-max-height:var(--layout-max-height-sm,initial);--layout-padding:var(--layout-padding-sm,initial);--layout-padding-x:var(--layout-padding-x-sm,initial);--layout-padding-y:var(--layout-padding-y-sm,initial);--layout-padding-top:var(--layout-padding-top-sm,initial);--layout-padding-right:var(--layout-padding-right-sm,initial);--layout-padding-bottom:var(--layout-padding-bottom-sm,initial);--layout-padding-left:var(--layout-padding-left-sm,initial);--layout-margin:var(--layout-margin-sm,initial);--layout-margin-x:var(--layout-margin-x-sm,initial);--layout-margin-y:var(--layout-margin-y-sm,initial);--layout-margin-top:var(--layout-margin-top-sm,initial);--layout-margin-right:var(--layout-margin-right-sm,initial);--layout-margin-bottom:var(--layout-margin-bottom-sm,initial);--layout-margin-left:var(--layout-margin-left-sm,initial);--layout-grid-template-columns:var(--layout-grid-template-columns-sm,initial);--layout-grid-template-rows:var(--layout-grid-template-rows-sm,initial);--layout-grid-auto-flow:var(--layout-grid-auto-flow-sm,initial);--layout-grid-auto-columns:var(--layout-grid-auto-columns-sm,initial);--layout-grid-auto-rows:var(--layout-grid-auto-rows-sm,initial)}}@container style(--breakpoint-active:xl){.layout{--layout-color:var(--layout-color-xl,initial);--layout-display:var(--layout-display-xl,initial);--layout-flex-direction:var(--layout-flex-direction-xl,initial);--layout-gap:var(--layout-gap-xl,initial);--layout-row-gap:var(--layout-row-gap-xl,initial);--layout-column-gap:var(--layout-column-gap-xl,initial);--layout-align-items:var(--layout-align-items-xl,initial);--layout-justify-content:var(--layout-justify-content-xl,initial);--layout-justify-items:var(--layout-justify-items-xl,initial);--layout-flex-wrap:var(--layout-flex-wrap-xl,initial);--layout-flex-grow:var(--layout-flex-grow-xl,initial);--layout-flex-shrink:var(--layout-flex-shrink-xl,initial);--layout-width:var(--layout-width-xl,initial);--layout-min-width:var(--layout-min-width-xl,initial);--layout-max-width:var(--layout-max-width-xl,initial);--layout-height:var(--layout-height-xl,initial);--layout-min-height:var(--layout-min-height-xl,initial);--layout-max-height:var(--layout-max-height-xl,initial);--layout-padding:var(--layout-padding-xl,initial);--layout-padding-x:var(--layout-padding-x-xl,initial);--layout-padding-y:var(--layout-padding-y-xl,initial);--layout-padding-top:var(--layout-padding-top-xl,initial);--layout-padding-right:var(--layout-padding-right-xl,initial);--layout-padding-bottom:var(--layout-padding-bottom-xl,initial);--layout-padding-left:var(--layout-padding-left-xl,initial);--layout-margin:var(--layout-margin-xl,initial);--layout-margin-x:var(--layout-margin-x-xl,initial);--layout-margin-y:var(--layout-margin-y-xl,initial);--layout-margin-top:var(--layout-margin-top-xl,initial);--layout-margin-right:var(--layout-margin-right-xl,initial);--layout-margin-bottom:var(--layout-margin-bottom-xl,initial);--layout-margin-left:var(--layout-margin-left-xl,initial);--layout-grid-template-columns:var(--layout-grid-template-columns-xl,initial);--layout-grid-template-rows:var(--layout-grid-template-rows-xl,initial);--layout-grid-auto-flow:var(--layout-grid-auto-flow-xl,initial);--layout-grid-auto-columns:var(--layout-grid-auto-columns-xl,initial);--layout-grid-auto-rows:var(--layout-grid-auto-rows-xl,initial)}}}.button--size_md{padding-inline:var(--spacing-4);padding-block:var(--spacing-2);height:2.5rem}.button--size_md svg{width:1rem;height:1rem}.button--variant_primary{background:var(--colors-bg-brand-solid);color:var(--colors-fg-neutral-inverted)}@media (hover:hover) and (pointer:fine){.button--variant_primary:enabled:is(:hover,[data-hover]){background:var(--colors-bg-brand-solid-pressed)}}@media not all and (hover:hover) and (pointer:fine){.button--variant_primary:enabled:is(:active,[data-active]){background:var(--colors-bg-brand-solid-pressed)}}.button--size_sm{padding-inline:var(--spacing-3);padding-block:var(--spacing-1\.5);font-size:var(--font-sizes-t2);line-height:var(--line-heights-t2);font-weight:var(--font-weights-bold);height:2.25rem}.button--size_sm svg{width:.875rem;height:.875rem}.button--size_lg{padding-inline:var(--spacing-5);padding-block:var(--spacing-2);height:2.75rem}.button--size_lg svg{width:1.25rem;height:1.25rem}.button--variant_destructive{background:var(--colors-bg-critical-solid);color:var(--colors-fg-neutral-inverted)}@media (hover:hover) and (pointer:fine){.button--variant_destructive:enabled:is(:hover,[data-hover]){background:var(--colors-bg-critical-solid-pressed)}}@media not all and (hover:hover) and (pointer:fine){.button--variant_destructive:enabled:is(:active,[data-active]){background:var(--colors-bg-critical-solid-pressed)}}.button--variant_link{color:var(--colors-fg-brand);text-underline-offset:2px}@media (hover:hover) and (pointer:fine){.button--variant_link:enabled:is(:hover,[data-hover]){text-decoration:underline}}.button--variant_outline{background:var(--colors-bg-layer);border:1px_solid;border-color:var(--colors-stroke-neutral-weak);color:var(--colors-fg-neutral)}@media (hover:hover) and (pointer:fine){.button--variant_outline:enabled:is(:hover,[data-hover]){background:var(--colors-bg-neutral-weak-pressed)}}@media not all and (hover:hover) and (pointer:fine){.button--variant_outline:enabled:is(:active,[data-active]){background:var(--colors-bg-neutral-weak-pressed)}}.button--variant_secondary{background:var(--colors-bg-neutral-solid-muted);color:var(--colors-fg-neutral-inverted)}@media (hover:hover) and (pointer:fine){.button--variant_secondary:enabled:is(:hover,[data-hover]){background:var(--colors-bg-neutral-solid-muted-pressed)}}@media not all and (hover:hover) and (pointer:fine){.button--variant_secondary:enabled:is(:active,[data-active]){background:var(--colors-bg-neutral-solid-muted-pressed)}}.center--axis_both{align-items:center}.center--axis_both,.center--axis_horizontal{justify-content:center}.center--axis_vertical{align-items:center}}@layer utilities{.anim_fadeUp{animation:fadeUp}.anim_fadeDown{animation:fadeDown}.anim_fadeLeft{animation:fadeLeft}.anim_fadeRight{animation:fadeRight}.bg_bg\.neutral\.weak{background:var(--colors-bg-neutral-weak)}.bg_bg\.brand\.weak{background:var(--colors-bg-brand-weak)}.bg_bg\.informative\.weak{background:var(--colors-bg-informative-weak)}.bg_bg\.positive\.weak{background:var(--colors-bg-positive-weak)}.bg_bg\.warning\.weak{background:var(--colors-bg-warning-weak)}.bg_bg\.critical\.weak{background:var(--colors-bg-critical-weak)}.gap_3{gap:var(--spacing-3)}.gap_2{gap:var(--spacing-2)}.gap_8px{gap:8px}.bd-c_stroke\.neutral\.muted{border-color:var(--colors-stroke-neutral-muted)}.bd-c_stroke\.brand\.weak{border-color:var(--colors-stroke-brand-weak)}.bd-c_stroke\.informative\.weak{border-color:var(--colors-stroke-informative-weak)}.bd-c_stroke\.positive\.weak{border-color:var(--colors-stroke-positive-weak)}.bd-c_stroke\.warning\.weak{border-color:var(--colors-stroke-warning-weak)}.bd-c_stroke\.critical\.weak{border-color:var(--colors-stroke-critical-weak)}.d_grid{display:grid}.ai_center{align-items:center}.d_flex{display:flex}.jc_center{justify-content:center}.jc_space-between{justify-content:space-between}.md_4{md:4px}.flex-d_column{flex-direction:column}.flex-d_row{flex-direction:row}.c_fg\.neutral\.muted{color:var(--colors-fg-neutral-muted)}.c_fg\.brand\.contrast{color:var(--colors-fg-brand-contrast)}.c_fg\.brand{color:var(--colors-fg-brand)}.c_fg\.informative\.contrast{color:var(--colors-fg-informative-contrast)}.c_fg\.informative{color:var(--colors-fg-informative)}.c_fg\.positive\.contrast{color:var(--colors-fg-positive-contrast)}.c_fg\.positive{color:var(--colors-fg-positive)}.c_fg\.warning\.contrast{color:var(--colors-fg-warning-contrast)}.c_fg\.warning{color:var(--colors-fg-warning)}.c_fg\.critical\.contrast{color:var(--colors-fg-critical-contrast)}.c_fg\.critical{color:var(--colors-fg-critical)}.sr_true{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pos_popper{position:popper}}@layer recipes.slots{@layer _base{.accordion__header,.accordion__trigger{display:flex}.accordion__trigger{padding-inline:var(--spacing-1);padding-block:var(--spacing-2);color:var(--colors-fg-neutral);cursor:pointer;font-size:var(--font-sizes-t5);line-height:var(--line-heights-t5);font-weight:var(--font-weights-bold);--transition-prop:color,background-color;--transition-duration:var(--durations-d3);transition-property:color,background-color;transition-duration:var(--durations-d3);--transition-easing:var(--easings-easing);transition-timing-function:var(--easings-easing);flex:1;justify-content:space-between;align-items:center}.accordion__trigger>svg{transition-property:var(--transition-prop,transform);transition-timing-function:var(--transition-easing,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration,.15s);color:var(--colors-fg-neutral-subtle);flex-shrink:0;width:1rem;height:1rem}.accordion__trigger:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--colors-fg-disabled);cursor:not-allowed}.accordion__trigger[data-state=open]>svg{--transition-duration:var(--durations-d4);transition-duration:var(--durations-d4);--transition-easing:var(--easings-enter);transition-timing-function:var(--easings-enter);transform:rotate(180deg)}.accordion__trigger[data-state=closed]>svg{--transition-duration:var(--durations-d3);transition-duration:var(--durations-d3);--transition-easing:var(--easings-exit);transition-timing-function:var(--easings-exit)}.accordion__trigger:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-stroke-focus-ring);outline-offset:var(--spacing-0\.5)}.accordion__content{color:var(--colors-fg-neutral-subtle);font-size:var(--font-sizes-t4);line-height:var(--line-heights-t4);font-weight:var(--font-weights-regular);overflow:hidden}.accordion__content[data-state=closed]{animation-duration:var(--durations-d3);animation-name:accordion-up_radix;animation-timing-function:var(--easings-exit)}.accordion__content[data-state=open]{animation-duration:var(--durations-d4);animation-name:accordion-down_radix;animation-timing-function:var(--easings-enter)}.accordion__contentWrapper{padding-inline:var(--spacing-1);padding-block:var(--spacing-1)}.avatar__root{border-radius:var(--radii-full);flex-shrink:0;width:3rem;height:3rem;display:flex;position:relative;overflow:hidden}.avatar__root:after{border-style:solid;border-width:1px;border-color:var(--colors-stroke-neutral-subtle);border-radius:var(--radii-full);content:"";pointer-events:none;position:absolute;inset:0}.avatar__image{aspect-ratio:square;object-fit:cover;display:block}.avatar__image,.avatar__fallback{width:100%;height:100%}.avatar__fallback{background:var(--colors-bg-neutral-weak);border-radius:var(--radii-full);color:var(--colors-fg-neutral);justify-content:center;align-items:center;display:flex}.badge__root{box-sizing:border-box;text-align:start;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:inline-flex}.badge__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar__root{background:var(--colors-bg-layer-floating);border-radius:var(--radii-r1_5);box-shadow:var(--shadows-s1);color:var(--colors-fg-neutral);flex-direction:column;width:21rem;display:flex;overflow:hidden}.calendar__header{padding:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.calendar__title{font-size:var(--font-sizes-t5);line-height:var(--line-heights-t5);font-weight:var(--font-weights-bold)}.calendar__navButton{border-radius:var(--radii-full);color:var(--colors-fg-neutral-muted);cursor:pointer;outline-offset:-2px;outline:2px solid #0000;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.calendar__navButton:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--colors-fg-disabled);cursor:not-allowed}.calendar__navButton svg{width:1rem;height:1rem}.calendar__navButton:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-stroke-focus-ring)}.calendar__navButton:is(:active,[data-active]){background:var(--colors-bg-transparent-pressed)}@media (hover:hover) and (pointer:fine){.calendar__navButton:is(:hover,[data-hover]){background:var(--colors-bg-transparent-pressed)}}.calendar__weekdayRow{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar__weekday{color:var(--colors-fg-neutral-subtle);font-size:var(--font-sizes-t4);line-height:var(--line-heights-t4);font-weight:var(--font-weights-medium);justify-content:center;align-items:center;height:3rem;display:flex}.calendar__daysGrid{border-collapse:collapse;table-layout:fixed;width:100%}.calendar__weekRow{width:100%}.calendar__dayWrapper{text-align:center;width:3rem;height:3rem;padding:0}.calendar__dayCell{border-radius:var(--radii-full);color:var(--colors-fg-neutral-muted);font-size:var(--font-sizes-t5);line-height:var(--line-heights-t5);font-weight:var(--font-weights-medium);cursor:pointer;outline-offset:-2px;outline:2px solid #0000;justify-content:center;align-items:center;width:2.625rem;height:2.625rem;display:inline-flex}.calendar__dayCell[data-today=true],.calendar__dayCell[data-in-range=true]{background:var(--colors-bg-neutral-weak)}.calendar__dayCell[data-selected=true]{background:var(--colors-bg-neutral-inverted);color:var(--colors-fg-neutral-inverted)}.calendar__dayCell[data-outside-month=true]{color:var(--colors-fg-neutral-subtle)}.calendar__dayCell:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--colors-fg-disabled);cursor:default}.calendar__dayCell:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-stroke-focus-ring)}.calendar__dayCell:is(:active,[data-active]){background:var(--colors-bg-transparent-pressed)}@media (hover:hover) and (pointer:fine){.calendar__dayCell:is(:hover,[data-hover]){background:var(--colors-bg-transparent-pressed)}}.checkbox__root{display:flex;position:relative}.checkbox__label{line-height:var(--line-heights-t4);max-width:100%;min-height:2.25rem;padding-left:var(--spacing-8);align-items:center;display:inline-flex;position:relative}.checkbox__input{cursor:pointer;border:none;width:0;height:0;margin:0;padding:0;position:absolute;top:50%;left:0}.checkbox__input:after{transition-property:var(--transition-prop,opacity);transition-timing-function:var(--easings-easing);transition-duration:var(--durations-d2);--transition-duration:var(--durations-d2);--transition-easing:var(--easings-easing)}.checkbox__input:after,.checkbox__input:before{content:"";position:absolute;transform:translateY(-50%)}.checkbox__input:before{left:0}.checkbox__input:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed}.checkbox__text{font-size:var(--font-sizes-t4);line-height:var(--line-heights-t4);font-weight:var(--font-weights-bold);cursor:pointer}.peer:is(:disabled,[disabled],[data-disabled],[aria-disabled=true])~.checkbox__text{cursor:not-allowed}.dialog__overlay{background:var(--colors-bg-overlay);position:fixed;inset:0}.dialog__overlay[data-state=open]{animation-name:fadeIn;animation-duration:var(--durations-d5);animation-timing-function:var(--easings-enter)}.dialog__overlay[data-state=closed]{animation-name:fadeOut;animation-duration:var(--durations-d3);animation-timing-function:var(--easings-exit)}.dialog__close{border-radius:var(--radii-r1);transition-property:var(--transition-prop,opacity);transition-timing-function:var(--transition-easing,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration,.15s);opacity:.7;cursor:pointer;right:var(--spacing-4);top:var(--spacing-4);position:absolute}.dialog__close:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){pointer-events:none}.dialog__close:is(:hover,[data-hover]){opacity:1}.dialog__content{background:var(--colors-bg-layer-floating);border:1px_solid;padding:var(--spacing-4);border-color:var(--colors-stroke-neutral-weak);border-radius:var(--radii-r1_5);overscroll-behavior:contain;color:var(--colors-fg-neutral);z-index:1000;width:100%;max-width:32rem;max-height:85vh;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog__content[data-state=open]{animation-name:contentShow;animation-duration:var(--durations-d5);animation-timing-function:var(--easings-enter)}.dialog__content[data-state=closed]{animation-name:contentHide;animation-duration:var(--durations-d3);animation-timing-function:var(--easings-exit)}.dialog__header{gap:var(--spacing-1\.5);color:var(--colors-fg-neutral);font-size:var(--font-sizes-t5);line-height:var(--line-heights-t5);font-weight:var(--font-weights-bold);flex-direction:column;display:flex}.dialog__footer{color:var(--colors-fg-neutral-muted);flex-direction:column-reverse;display:flex}.dialog__title{font-size:var(--font-sizes-t6);line-height:var(--line-heights-t6);font-weight:var(--font-weights-bold)}.dialog__description{font-size:var(--font-sizes-t5);line-height:var(--line-heights-t5);font-weight:var(--font-weights-regular);color:var(--colors-fg-neutral)}.select__trigger{background:var(--colors-bg-layer);padding-inline:var(--spacing-2);border-radius:var(--radii-r1_5);border-width:1px;border-color:var(--colors-stroke-neutral-weak);font-size:var(--font-sizes-t4);line-height:var(--line-heights-t4);font-weight:var(--font-weights-bold);cursor:pointer;justify-content:space-between;align-items:center;width:100%;height:2.5rem;display:flex}.select__trigger::placeholder,.select__trigger[data-placeholder]{color:var(--colors-fg-placeholder)}.select__trigger:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.5}.select__trigger:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-stroke-focus-ring);outline-offset:var(--spacing-0\.5)}.select__viewport[data-position=popper]{height:var(--radix-select-trigger-height);width:100%;min-width:var(--radix-select-trigger-width)}.select__content{background:var(--colors-bg-layer-floating);border-radius:var(--radii-r1_5);border-width:1px;border-color:var(--colors-stroke-neutral-weak);padding-block:var(--spacing-1);z-index:100;box-shadow:var(--shadows-s2);color:var(--colors-fg-neutral);transform-origin:var(--radix-select-content-transform-origin);min-width:100%;max-height:24rem;position:relative;overflow:hidden}.select__content[data-state=open]{animation-name:selectContentShow;animation-duration:var(--durations-d5);animation-timing-function:var(--easings-enter)}.select__content[data-state=closed]{animation-name:selectContentHide;animation-duration:var(--durations-d3);animation-timing-function:var(--easings-exit)}.select__content[data-position=popper][data-side=top]{--translate-y:calc(var(--spacing-1) * -1)}.select__content[data-position=popper][data-side=bottom]{--translate-y:var(--spacing-1)}.select__content[data-position=popper][data-side=left]{--translate-x:calc(var(--spacing-1) * -1)}.select__content[data-position=popper][data-side=right]{--translate-x:var(--spacing-1)}.select__scrollUpButton{z-index:1;height:1.5rem;position:absolute;top:0;left:0;right:0}.select__scrollUpButton:before{background:linear-gradient(to bottom,var(--colors-bg-layer-floating),transparent);content:"";pointer-events:none;position:absolute;inset:0}.select__scrollDownButton{z-index:1;height:1.5rem;position:absolute;bottom:0;left:0;right:0}.select__scrollDownButton:before{background:linear-gradient(to bottom,transparent,var(--colors-bg-layer-floating));content:"";pointer-events:none;position:absolute;inset:0}.select__label{font-weight:var(--font-weights-bold)}.select__label,.select__item{padding-block:var(--spacing-1\.5);font-size:var(--font-sizes-t4);line-height:var(--line-heights-t4);padding-left:var(--spacing-8);padding-right:var(--spacing-2)}.select__item{border-radius:var(--radii-r1);font-weight:var(--font-weights-regular);align-items:center;display:flex;position:relative}.select__item[data-highlighted]{background-color:var(--colors-bg-layer-floating-pressed)}.select__item[data-disabled]{pointer-events:none;opacity:.5}.select__item:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-stroke-focus-ring);outline-offset:calc(var(--spacing-0\.5) * -1)}.select__item:is(:hover,[data-hover]){background-color:var(--colors-bg-layer-floating-pressed)}.select__itemIndicator{left:var(--spacing-2);justify-content:center;align-items:center;width:.875rem;height:.875rem;display:flex;position:absolute}.select__separator{background:var(--colors-stroke-neutral-subtle);margin-inline:calc(var(--spacing-1) * -1);margin-block:var(--spacing-1);height:.25rem}.slider__root{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative}.slider__track{background:var(--colors-bg-neutral-weak);border-radius:var(--radii-full);flex-grow:1;width:100%;height:.375rem;position:relative;overflow:hidden}.slider__track:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--colors-bg-disabled)}.slider__range{background:var(--colors-bg-brand-solid);height:100%;position:absolute}.slider__range:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--colors-bg-disabled)}.slider__thumb{background:var(--colors-palette-static-white);border-radius:var(--radii-full);border-style:solid;border-width:1px;border-color:var(--colors-stroke-neutral-weak);cursor:pointer;box-shadow:var(--shadows-s1);width:1rem;height:1rem;display:block}.slider__thumb:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--colors-bg-disabled);pointer-events:none}.slider__thumb:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-stroke-focus-ring);outline-offset:var(--spacing-0\.5)}.tabs__list{background:var(--colors-bg-layer);border-color:var(--colors-stroke-neutral-muted);scrollbar-width:none;border-bottom-width:1px;align-items:center;min-height:2.5rem;display:flex;position:relative;overflow-x:auto}.tabs__list::-webkit-scrollbar{display:none}.tabs__trigger{padding-inline:var(--spacing-2\.5);padding-block:var(--spacing-2\.5);white-space:nowrap;color:var(--colors-fg-neutral-subtle);font-size:var(--font-sizes-t4);line-height:var(--line-heights-t4);font-weight:var(--font-weights-bold);outline-offset:-2px;--transition-prop:outline-color;--transition-duration:var(--durations-d3);transition-property:outline-color;transition-duration:var(--durations-d3);--transition-easing:var(--easings-easing);transition-timing-function:var(--easings-easing);cursor:pointer;outline:2px solid #0000;justify-content:center;align-items:center;min-height:2.5rem;display:inline-flex;position:relative}.tabs__trigger:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){pointer-events:none;color:var(--colors-fg-disabled)}.tabs__trigger[data-state=active]{color:var(--colors-fg-neutral)}.tabs__trigger:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-stroke-focus-ring)}.tabs__indicator{background:var(--colors-fg-neutral);pointer-events:none;--transition-prop:left,width;--transition-duration:var(--durations-d4);transition-property:left,width;transition-duration:var(--durations-d4);--transition-easing:var(--easings-easing);transition-timing-function:var(--easings-easing);bottom:0;left:var(--tabs-indicator-left);width:var(--tabs-indicator-width);height:2px;position:absolute}.tabs__content{margin-top:var(--spacing-2)}.textfield__root{gap:var(--spacing-1\.5);flex-direction:column;width:100%;display:flex}.textfield__heading{font-size:var(--font-sizes-t4);line-height:var(--line-heights-t4);font-weight:var(--font-weights-bold)}.textfield__heading:after{color:var(--colors-fg-critical);content:"*";font-size:var(--font-sizes-t4);margin-left:var(--spacing-0\.5)}.textfield__container{padding:var(--spacing-3);border-style:solid;border-width:1px;border-color:var(--colors-stroke-neutral-weak);border-radius:var(--radii-r1_5);gap:var(--spacing-1\.5);outline-offset:-2px;box-shadow:var(--shadows-s1);outline:2px solid #0000;align-items:center;width:100%;min-height:3rem;display:flex}.textfield__container:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;pointer-events:none}.textfield__container:focus-within,.textfield__container:is(:active,[data-active]){outline-color:var(--colors-stroke-neutral-contrast)}@media (hover:hover) and (pointer:fine){.textfield__container:is(:hover,[data-hover]){border-color:var(--colors-stroke-neutral-solid)}}.textfield__input{outline-offset:2px;border:none;outline:2px solid #0000;flex:1}.textfield__input:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed}.textfield__trailingButton{white-space:nowrap;align-items:center;max-height:.5rem;display:flex}.textfield__helper{color:var(--colors-fg-neutral-muted);font-size:var(--font-sizes-t1);line-height:var(--line-heights-t1);font-weight:var(--font-weights-bold);align-self:stretch}}.accordion__item--variant_outline{border-color:var(--colors-stroke-neutral-subtle);border-bottom-width:1px}.accordion__trigger--variant_outline:is(:active,[data-active]){background:var(--colors-bg-transparent-pressed)}@media (hover:hover) and (pointer:fine){.accordion__trigger--variant_outline:is(:hover,[data-hover]){background:var(--colors-bg-transparent-pressed)}}.accordion__item--variant_subtle,.accordion__header--variant_subtle,.accordion__trigger--variant_subtle{border-radius:var(--radii-r1_5)}.accordion__trigger--variant_subtle:is(:active,[data-active]){background:var(--colors-bg-transparent-pressed)}@media (hover:hover) and (pointer:fine){.accordion__trigger--variant_subtle:is(:hover,[data-hover]){background:var(--colors-bg-transparent-pressed);border-radius:var(--radii-r1_5)}}.badge__root--size_sm{border-radius:var(--radii-r1);padding-block:var(--spacing-0\.5);padding-inline:var(--spacing-1\.5);font-size:var(--font-sizes-t1);line-height:var(--line-heights-t1);font-weight:var(--font-weights-medium);max-width:6.75rem;min-height:1.25rem}.badge__root--size_md{border-radius:var(--radii-r1_5);padding-block:var(--spacing-1);padding-inline:var(--spacing-2);font-size:var(--font-sizes-t2);line-height:var(--line-heights-t2);font-weight:var(--font-weights-medium);max-width:7.5rem;min-height:1.5rem}.badge__root--variant_outline{font-weight:var(--font-weights-bold);border-style:solid;border-width:1px}.checkbox__input--size_md:before,.checkbox__input--size_md:after{width:1.5rem;height:1.5rem}.checkbox__text--size_md{padding-left:var(--spacing-1)}.checkbox__input--variant_square:before{border-width:1px;border-color:var(--colors-stroke-neutral-weak);border-radius:var(--radii-r2);background-color:var(--colors-bg-layer)}.checkbox__input--variant_square:after{background-color:var(--colors-fg-neutral-inverted);opacity:0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M10.41 17.854c-.34 0-.679-.113-.905-.453l-5.203-5.203c-.566-.565-.566-1.357 0-1.923.566-.565 1.357-.565 1.923 0l4.185 4.185 7.465-7.465c.566-.565 1.357-.565 1.923 0 .566.566.566 1.358 0 1.923l-8.37 8.37c-.34.453-.679.566-1.018.566z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M10.41 17.854c-.34 0-.679-.113-.905-.453l-5.203-5.203c-.566-.565-.566-1.357 0-1.923.566-.565 1.357-.565 1.923 0l4.185 4.185 7.465-7.465c.566-.565 1.357-.565 1.923 0 .566.566.566 1.358 0 1.923l-8.37 8.37c-.34.453-.679.566-1.018.566z%27/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox__input--variant_square:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):before{background:var(--colors-bg-brand-solid);border:none}.checkbox__input--variant_square:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):after{opacity:1}.checkbox__input--variant_square:is(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]):before{background:var(--colors-bg-brand-solid);border:none}.checkbox__input--variant_square:is(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]):after{opacity:1;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Crect x=%276%27 y=%2710.5%27 width=%2712%27 height=%273%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Crect x=%276%27 y=%2710.5%27 width=%2712%27 height=%273%27/%3E%3C/svg%3E")}.checkbox__input--size_lg:before,.checkbox__input--size_lg:after{width:1.75rem;height:1.75rem}.checkbox__text--size_lg{padding-left:var(--spacing-2)}.checkbox__input--variant_ghost:before{background-color:var(--colors-bg-transparent);border:none}.checkbox__input--variant_ghost:after{background-image:none;background-color:var(--colors-fg-neutral-muted);opacity:1;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M10.41 17.854c-.34 0-.679-.113-.905-.453l-5.203-5.203c-.566-.565-.566-1.357 0-1.923.566-.565 1.357-.565 1.923 0l4.185 4.185 7.465-7.465c.566-.565 1.357-.565 1.923 0 .566.566.566 1.358 0 1.923l-8.37 8.37c-.34.453-.679.566-1.018.566z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M10.41 17.854c-.34 0-.679-.113-.905-.453l-5.203-5.203c-.566-.565-.566-1.357 0-1.923.566-.565 1.357-.565 1.923 0l4.185 4.185 7.465-7.465c.566-.565 1.357-.565 1.923 0 .566.566.566 1.358 0 1.923l-8.37 8.37c-.34.453-.679.566-1.018.566z%27/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox__input--variant_ghost:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):before{background-color:var(--colors-bg-transparent)}.checkbox__input--variant_ghost:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):after{background-color:var(--colors-fg-brand)}.checkbox__input--variant_ghost:is(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]):before{background-color:var(--colors-bg-transparent)}.checkbox__input--variant_ghost:is(:indeterminate,[data-indeterminate],[aria-checked=mixed],[data-state=indeterminate]):after{background-image:none;background-color:var(--colors-fg-brand);opacity:1;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Crect x=%276%27 y=%2710.5%27 width=%2712%27 height=%273%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Crect x=%276%27 y=%2710.5%27 width=%2712%27 height=%273%27/%3E%3C/svg%3E")}.textfield__container--status_negative{border-color:var(--colors-stroke-critical-solid);outline-color:var(--colors-stroke-critical-solid)}@media (hover:hover) and (pointer:fine){.textfield__container--status_negative:is(:hover,[data-hover]){border-color:var(--colors-stroke-critical-solid)}}.textfield__helper--status_negative{color:var(--colors-fg-critical)}}

package/package.json

@@ -1,58 +1,83 @@
 {
   "name": "@jongh/ui",
-  "version": "1.6.5",
+  "version": "2.20260905.1",
+  "private": false,
   "description": "Headless UI components for React",
   "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./theme/blue.css": "./dist/blue.css",
+    "./theme/purple.css": "./dist/purple.css"
+  },
   "dependencies": {
-    "@floating-ui/react-dom": "^2.1.2",
-    "@vitejs/plugin-react": "^4.3.1",
-    "framer-motion": "^11.3.19",
-    "lucide-react": "^0.475.0",
-    "radix-ui": "^1.1.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "panda-animation": "0.1.0"
+    "radix-ui": "^1.1.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.4",
-    "@pandacss/studio": "^0.46.0",
-    "@storybook/addon-a11y": "^8.5.3",
-    "@storybook/addon-controls": "^8.5.3",
-    "@storybook/addon-docs": "^8.5.3",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/addon-links": "^8.5.3",
-    "@storybook/addon-onboarding": "^8.5.3",
-    "@storybook/addon-themes": "^8.5.3",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/experimental-addon-test": "^8.5.3",
-    "@storybook/preview-api": "^8.5.3",
-    "@storybook/react": "^8.5.3",
-    "@storybook/react-vite": "^8.5.3",
-    "@storybook/test": "^8.5.3",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@microsoft/api-extractor": "7.59.0",
+    "@chromatic-com/storybook": "5.1.1",
+    "@jongh/eslint": "0.0.0",
+    "@jongh/tsconfig": "0.0.0",
+    "@pandacss/dev": "^1",
+    "@storybook/addon-a11y": "10.5.10",
+    "@storybook/addon-docs": "10.5.10",
+    "@storybook/addon-links": "10.5.10",
+    "@storybook/addon-onboarding": "10.5.10",
+    "@storybook/addon-themes": "10.5.10",
+    "@storybook/addon-vitest": "10.5.10",
+    "@storybook/react-vite": "10.5.10",
+    "@testing-library/react": "16.2.0",
+    "@testing-library/user-event": "14.6.1",
+    "@types/react": "18.3.28",
+    "@types/react-dom": "18.3.7",
+    "@vitejs/plugin-react": "6.1.0",
+    "@vitest/browser-playwright": "4.1.11",
     "axe-playwright": "^2.0.1",
     "chromatic": "^11.5.4",
-    "playwright": "^1.48.2",
-    "storybook": "^8.5.3",
-    "vite": "^5.4.10",
+    "eslint-plugin-storybook": "10.5.10",
+    "lucide-react": "^0.475.0",
+    "motion": "^13.1.0",
+    "playwright": "1.62.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-hook-form": "^7.56.3",
+    "storybook": "10.5.10",
+    "vite": "8.2.2",
     "vite-bundle-visualizer": "^1.2.1",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-tsconfig-paths": "^5.1.4",
-    "@jongh/eslint": "0.0.0",
-    "@jongh/tsconfig": "0.0.0"
+    "vite-plugin-dts": "5.0.3",
+    "vitest": "4.1.11"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jongh-design-system/jds.git",
+    "directory": "packages/ui"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "scripts": {
     "lint": "eslint --max-warnings 0 --no-warn-ignored --fix",
-    "test": "vitest run",
-    "test-storybook": "vitest",
+    "test": "panda codegen && vitest run --project=storybook",
+    "test-storybook": "panda codegen && vitest run --project=storybook",
     "storybook": "storybook dev -p 6006",
-    "build": "storybook build",
-    "check-type": "tsc --noEmit"
+    "build": "panda codegen && panda cssgen --splitting && vite build --config vite.lib.config.ts",
+    "build:storybook": "storybook build",
+    "check-type": "tsgo --noEmit"
   }
 }

package/.storybook/index.css

@@ -1 +0,0 @@
-@layer reset, base, tokens, recipes, utilities;

package/.storybook/main.ts

@@ -1,40 +0,0 @@
-import { dirname, join } from "path"
-import type { StorybookConfig } from "@storybook/react-vite"
-import { mergeConfig } from "vite"
-import tsconfigPaths from "vite-tsconfig-paths"
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    getAbsolutePath("@storybook/addon-links"),
-    getAbsolutePath("@storybook/addon-essentials"),
-    getAbsolutePath("@chromatic-com/storybook"),
-    getAbsolutePath("@storybook/addon-controls"),
-    getAbsolutePath("@storybook/addon-a11y"),
-    getAbsolutePath("@storybook/experimental-addon-test"),
-  ],
-  framework: {
-    name: getAbsolutePath("@storybook/react-vite"),
-    options: {},
-  },
-  typescript: {
-    reactDocgen: "react-docgen-typescript",
-    reactDocgenTypescriptOptions: {
-      shouldExtractLiteralValuesFromEnum: true,
-      // 👇 Default prop filter, which excludes props from node_modules
-      shouldRemoveUndefinedFromOptional: true,
-      propFilter: (prop) =>
-        prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
-    },
-  },
-  async viteFinal(config) {
-    return mergeConfig(config, {
-      plugins: [tsconfigPaths({ root: "./" })],
-    })
-  },
-}
-export default config
-
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, "package.json")))
-}

package/.storybook/preview.ts

@@ -1,16 +0,0 @@
-import type { Preview } from "@storybook/react"
-import "./index.css"
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    layout: "centered",
-  },
-}
-
-export default preview

package/.storybook/vitest.setup.ts

@@ -1,9 +0,0 @@
-import { beforeAll } from "vitest"
-import { setProjectAnnotations } from "@storybook/react"
-import * as projectAnnotations from "./preview"
-
-// This is an important step to apply the right configuration when testing your stories.
-// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-const project = setProjectAnnotations([projectAnnotations])
-
-beforeAll(project.beforeAll)