@seed-design/css 0.2.4 → 1.0.0

package/base.css

@@ -472,18 +472,26 @@
   --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
   --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
   --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
-  --seed-color-manner-temp-l1-text: #62666a;
-  --seed-color-manner-temp-l2-text: #2592f7;
-  --seed-color-manner-temp-l3-text: #0099c8;
-  --seed-color-manner-temp-l4-text: #03a07e;
-  --seed-color-manner-temp-l4-bg: #ebf9f4;
-  --seed-color-manner-temp-l5-text: #d28500;
-  --seed-color-manner-temp-l6-text: #f06000;
-  --seed-color-manner-temp-l1-bg: #eff0f1;
-  --seed-color-manner-temp-l2-bg: #e7f2fc;
-  --seed-color-manner-temp-l3-bg: #e3f6fc;
-  --seed-color-manner-temp-l5-bg: #fff5e5;
+  --seed-color-manner-temp-l1-text: #757b85;
+  --seed-color-manner-temp-l2-text: #ab863f;
+  --seed-color-manner-temp-l3-text: #e08a00;
+  --seed-color-manner-temp-l4-text: #f57e00;
+  --seed-color-manner-temp-l4-bg: #fff3e5;
+  --seed-color-manner-temp-l5-text: #ff7300;
+  --seed-color-manner-temp-l6-text: #f60;
+  --seed-color-manner-temp-l1-bg: #f1f2f3;
+  --seed-color-manner-temp-l2-bg: #f8f4ec;
+  --seed-color-manner-temp-l3-bg: #fff5e5;
+  --seed-color-manner-temp-l5-bg: #fff1e5;
   --seed-color-manner-temp-l6-bg: #fff0e5;
+  --seed-color-manner-temp-l7-text: #ff5100;
+  --seed-color-manner-temp-l7-bg: #ffefe5;
+  --seed-color-manner-temp-l8-text: #f30;
+  --seed-color-manner-temp-l9-text: #f30a02;
+  --seed-color-manner-temp-l8-bg: #ffeee5;
+  --seed-color-manner-temp-l9-bg: #ffeceb;
+  --seed-color-manner-temp-l10-text: #cb0123;
+  --seed-color-manner-temp-l10-bg: #ffebee;
   --seed-gradient-fade-layer-floating: #fff0 0%, #000 100%;
   --seed-gradient-fade-layer-default: #000 0%, #fff0 100%;
   --seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
@@ -657,18 +665,26 @@
   --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
   --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
   --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
-  --seed-color-manner-temp-l1-text: #b1b5b9;
-  --seed-color-manner-temp-l2-text: #7cbaf4;
-  --seed-color-manner-temp-l3-text: #47c3eb;
-  --seed-color-manner-temp-l4-text: #33cc94;
-  --seed-color-manner-temp-l4-bg: #162822;
-  --seed-color-manner-temp-l5-text: #ffa100;
-  --seed-color-manner-temp-l6-text: #ff9147;
-  --seed-color-manner-temp-l1-bg: #222226;
-  --seed-color-manner-temp-l2-bg: #16212b;
-  --seed-color-manner-temp-l3-bg: #12262c;
-  --seed-color-manner-temp-l5-bg: #2e2312;
-  --seed-color-manner-temp-l6-bg: #2e1d12;
+  --seed-color-manner-temp-l1-text: #b8b8b9;
+  --seed-color-manner-temp-l2-text: #f5db97;
+  --seed-color-manner-temp-l3-text: #fdda65;
+  --seed-color-manner-temp-l4-text: #fbbe55;
+  --seed-color-manner-temp-l4-bg: #372301;
+  --seed-color-manner-temp-l5-text: #faac4b;
+  --seed-color-manner-temp-l6-text: #fc9855;
+  --seed-color-manner-temp-l1-bg: #292929;
+  --seed-color-manner-temp-l2-bg: #332605;
+  --seed-color-manner-temp-l3-bg: #372b01;
+  --seed-color-manner-temp-l5-bg: #371f01;
+  --seed-color-manner-temp-l6-bg: #351b03;
+  --seed-color-manner-temp-l7-text: #f97a25;
+  --seed-color-manner-temp-l7-bg: #371701;
+  --seed-color-manner-temp-l8-text: #fe6a34;
+  --seed-color-manner-temp-l9-text: #fe6a5d;
+  --seed-color-manner-temp-l8-bg: #380f00;
+  --seed-color-manner-temp-l9-bg: #380500;
+  --seed-color-manner-temp-l10-text: #fb6f82;
+  --seed-color-manner-temp-l10-bg: #34040a;
   --seed-gradient-fade-layer-floating: #1d202500 0%, #000 100%;
   --seed-gradient-fade-layer-default: #000 0%, #16171b00 100%;
   --seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;

package/base.min.css

@@ -1 +1 @@
-:root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1;--seed-font-size-limit-min:.8;--seed-font-size-limit-max:1.5;--seed-line-height-limit-min:.8;--seed-line-height-limit-max:1.5}[data-seed-platform=ios]{--seed-font-size-limit-max:1.35;--seed-line-height-limit-max:1.35}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-icon-color,currentColor)}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);color:var(--seed-prefix-icon-color,currentColor);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);align-self:var(--seed-prefix-icon-align-self);justify-self:var(--seed-prefix-icon-justify-self)}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);color:var(--seed-suffix-icon-color,currentColor);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-count-color)}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background);color:var(--seed-box-color);--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color);--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background--active)}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:clamp(calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-min,.8)),calc(.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t2:clamp(calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-min,.8)),calc(.75rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t3:clamp(calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-min,.8)),calc(.8125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t4:clamp(calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-min,.8)),calc(.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t5:clamp(calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t6:clamp(calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t7:clamp(calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-min,.8)),calc(1.25rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t8:clamp(calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t9:clamp(calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t10:clamp(calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-min,.8)),calc(1.625rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t1-static:11px;--seed-font-size-t2-static:12px;--seed-font-size-t3-static:13px;--seed-font-size-t4-static:14px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-size-t7-static:20px;--seed-font-size-t8-static:22px;--seed-font-size-t9-static:24px;--seed-font-size-t10-static:26px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:clamp(calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-min,.8)),calc(.9375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t2:clamp(calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t3:clamp(calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t4:clamp(calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-min,.8)),calc(1.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t5:clamp(calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t6:clamp(calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t7:clamp(calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-min,.8)),calc(1.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t8:clamp(calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-min,.8)),calc(1.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t9:clamp(calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-min,.8)),calc(2rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t10:clamp(calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-min,.8)),calc(2.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t1-static:15px;--seed-line-height-t2-static:16px;--seed-line-height-t3-static:18px;--seed-line-height-t4-static:19px;--seed-line-height-t5-static:22px;--seed-line-height-t6-static:24px;--seed-line-height-t7-static:27px;--seed-line-height-t8-static:30px;--seed-line-height-t9-static:32px;--seed-line-height-t10-static:35px;--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}:root,:root[data-seed-color-mode=system][data-seed-user-color-scheme=light],:root[data-seed-color-mode=light-only],:root [data-seed-color-mode=light-only]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-400);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-manner-temp-l1-text:#62666a;--seed-color-manner-temp-l2-text:#2592f7;--seed-color-manner-temp-l3-text:#0099c8;--seed-color-manner-temp-l4-text:#03a07e;--seed-color-manner-temp-l4-bg:#ebf9f4;--seed-color-manner-temp-l5-text:#d28500;--seed-color-manner-temp-l6-text:#f06000;--seed-color-manner-temp-l1-bg:#eff0f1;--seed-color-manner-temp-l2-bg:#e7f2fc;--seed-color-manner-temp-l3-bg:#e3f6fc;--seed-color-manner-temp-l5-bg:#fff5e5;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#fff0 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%,#ae58bf 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}:root[data-seed-color-mode=system][data-seed-user-color-scheme=dark],:root[data-seed-color-mode=dark-only],:root [data-seed-color-mode=dark-only]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-600);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-800);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-900);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-manner-temp-l1-text:#b1b5b9;--seed-color-manner-temp-l2-text:#7cbaf4;--seed-color-manner-temp-l3-text:#47c3eb;--seed-color-manner-temp-l4-text:#33cc94;--seed-color-manner-temp-l4-bg:#162822;--seed-color-manner-temp-l5-text:#ffa100;--seed-color-manner-temp-l6-text:#ff9147;--seed-color-manner-temp-l1-bg:#222226;--seed-color-manner-temp-l2-bg:#16212b;--seed-color-manner-temp-l3-bg:#12262c;--seed-color-manner-temp-l5-bg:#2e2312;--seed-color-manner-temp-l6-bg:#2e1d12;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#16171b00 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%,#e89bee 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}}
+:root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1;--seed-font-size-limit-min:.8;--seed-font-size-limit-max:1.5;--seed-line-height-limit-min:.8;--seed-line-height-limit-max:1.5}[data-seed-platform=ios]{--seed-font-size-limit-max:1.35;--seed-line-height-limit-max:1.35}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-icon-color,currentColor)}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);color:var(--seed-prefix-icon-color,currentColor);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);align-self:var(--seed-prefix-icon-align-self);justify-self:var(--seed-prefix-icon-justify-self)}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);color:var(--seed-suffix-icon-color,currentColor);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-count-color)}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background);color:var(--seed-box-color);--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color);--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background--active)}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:clamp(calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-min,.8)),calc(.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t1-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t2:clamp(calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-min,.8)),calc(.75rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t2-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t3:clamp(calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-min,.8)),calc(.8125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t3-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t4:clamp(calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-min,.8)),calc(.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t4-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t5:clamp(calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t5-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t6:clamp(calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t6-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t7:clamp(calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-min,.8)),calc(1.25rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t7-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t8:clamp(calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t8-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t9:clamp(calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t9-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t10:clamp(calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-min,.8)),calc(1.625rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-font-size-t10-static)*var(--seed-font-size-limit-max,1.5)));--seed-font-size-t1-static:11px;--seed-font-size-t2-static:12px;--seed-font-size-t3-static:13px;--seed-font-size-t4-static:14px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-size-t7-static:20px;--seed-font-size-t8-static:22px;--seed-font-size-t9-static:24px;--seed-font-size-t10-static:26px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:clamp(calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-min,.8)),calc(.9375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t1-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t2:clamp(calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-min,.8)),calc(1rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t2-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t3:clamp(calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-min,.8)),calc(1.125rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t3-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t4:clamp(calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-min,.8)),calc(1.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t4-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t5:clamp(calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-min,.8)),calc(1.375rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t5-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t6:clamp(calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-min,.8)),calc(1.5rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t6-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t7:clamp(calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-min,.8)),calc(1.6875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t7-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t8:clamp(calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-min,.8)),calc(1.875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t8-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t9:clamp(calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-min,.8)),calc(2rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t9-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t10:clamp(calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-min,.8)),calc(2.1875rem*var(--seed-font-size-multiplier,1)),calc(var(--seed-line-height-t10-static)*var(--seed-line-height-limit-max,1.5)));--seed-line-height-t1-static:15px;--seed-line-height-t2-static:16px;--seed-line-height-t3-static:18px;--seed-line-height-t4-static:19px;--seed-line-height-t5-static:22px;--seed-line-height-t6-static:24px;--seed-line-height-t7-static:27px;--seed-line-height-t8-static:30px;--seed-line-height-t9-static:32px;--seed-line-height-t10-static:35px;--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}:root,:root[data-seed-color-mode=system][data-seed-user-color-scheme=light],:root[data-seed-color-mode=light-only],:root [data-seed-color-mode=light-only]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-400);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-manner-temp-l1-text:#757b85;--seed-color-manner-temp-l2-text:#ab863f;--seed-color-manner-temp-l3-text:#e08a00;--seed-color-manner-temp-l4-text:#f57e00;--seed-color-manner-temp-l4-bg:#fff3e5;--seed-color-manner-temp-l5-text:#ff7300;--seed-color-manner-temp-l6-text:#f60;--seed-color-manner-temp-l1-bg:#f1f2f3;--seed-color-manner-temp-l2-bg:#f8f4ec;--seed-color-manner-temp-l3-bg:#fff5e5;--seed-color-manner-temp-l5-bg:#fff1e5;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l7-text:#ff5100;--seed-color-manner-temp-l7-bg:#ffefe5;--seed-color-manner-temp-l8-text:#f30;--seed-color-manner-temp-l9-text:#f30a02;--seed-color-manner-temp-l8-bg:#ffeee5;--seed-color-manner-temp-l9-bg:#ffeceb;--seed-color-manner-temp-l10-text:#cb0123;--seed-color-manner-temp-l10-bg:#ffebee;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#fff0 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%,#ae58bf 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}:root[data-seed-color-mode=system][data-seed-user-color-scheme=dark],:root[data-seed-color-mode=dark-only],:root [data-seed-color-mode=dark-only]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-brand-weak:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-600);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-800);--seed-color-bg-warning-solid-pressed:var(--seed-color-palette-yellow-900);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-manner-temp-l1-text:#b8b8b9;--seed-color-manner-temp-l2-text:#f5db97;--seed-color-manner-temp-l3-text:#fdda65;--seed-color-manner-temp-l4-text:#fbbe55;--seed-color-manner-temp-l4-bg:#372301;--seed-color-manner-temp-l5-text:#faac4b;--seed-color-manner-temp-l6-text:#fc9855;--seed-color-manner-temp-l1-bg:#292929;--seed-color-manner-temp-l2-bg:#332605;--seed-color-manner-temp-l3-bg:#372b01;--seed-color-manner-temp-l5-bg:#371f01;--seed-color-manner-temp-l6-bg:#351b03;--seed-color-manner-temp-l7-text:#f97a25;--seed-color-manner-temp-l7-bg:#371701;--seed-color-manner-temp-l8-text:#fe6a34;--seed-color-manner-temp-l9-text:#fe6a5d;--seed-color-manner-temp-l8-bg:#380f00;--seed-color-manner-temp-l9-bg:#380500;--seed-color-manner-temp-l10-text:#fb6f82;--seed-color-manner-temp-l10-bg:#34040a;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#000 0%,#16171b00 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%,#e89bee 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/css",
-  "version": "0.2.4",
+  "version": "1.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -55,6 +55,7 @@
     "recipes",
     "vars",
     "theming",
+    "utils",
     "*.css"
   ],
   "devDependencies": {

package/recipes/help-bubble.css

@@ -1,11 +1,10 @@
 .seed-help-bubble__content {
     display: flex;
     flex-direction: column;
-    background: var(--seed-color-bg-neutral-solid);
+    background: var(--seed-color-bg-neutral-inverted);
     padding-inline: var(--seed-dimension-x3);
     padding-block: var(--seed-dimension-x2_5);
     border-radius: var(--seed-radius-r3);
-    box-shadow: 0px 8px 24px 0px #00000029;
     word-break: keep-all;
     --seed-box-max-width: initial;
     max-width: var(--seed-box-max-width);
@@ -38,18 +37,18 @@
     font-size: 0;
 }
 .seed-help-bubble__arrowTip {
-    fill: var(--seed-color-bg-neutral-solid);
+    fill: var(--seed-color-bg-neutral-inverted);
     width: 12px;
     height: 8px;
 }
 .seed-help-bubble__title {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-neutral-inverted);
     font-size: var(--seed-font-size-t3);
     font-weight: var(--seed-font-weight-bold);
     line-height: var(--seed-line-height-t3);
 }
 .seed-help-bubble__description {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-neutral-inverted);
     font-size: var(--seed-font-size-t3);
     font-weight: var(--seed-font-weight-regular);
     line-height: var(--seed-line-height-t3);
@@ -61,9 +60,9 @@
     justify-content: center;
     top: calc(12px - 32px / 2 + 14px / 2);
     right: calc(12px - 32px / 2 + 14px / 2);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-neutral-inverted);
     width: 32px;
     height: 32px;
     --seed-icon-size: 14px;
-    --seed-icon-color: var(--seed-color-palette-static-white);
+    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
 }

package/recipes/list-header.css

@@ -0,0 +1,19 @@
+.seed-list-header {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    gap: var(--seed-dimension-x2_5);
+    justify-content: space-between;
+    padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+    padding-block: var(--seed-dimension-x2);
+    font-size: var(--seed-font-size-t4);
+    line-height: var(--seed-line-height-t4)
+}
+.seed-list-header--variant_mediumWeak {
+    font-weight: var(--seed-font-weight-medium);
+    color: var(--seed-color-fg-neutral-subtle)
+}
+.seed-list-header--variant_boldSolid {
+    font-weight: var(--seed-font-weight-bold);
+    color: var(--seed-color-fg-neutral)
+}

package/recipes/list-header.d.ts

@@ -0,0 +1,22 @@
+declare interface ListHeaderVariant {
+  /**
+  * @default "mediumWeak"
+  */
+  variant: "mediumWeak" | "boldSolid";
+}
+
+declare type ListHeaderVariantMap = {
+  [key in keyof ListHeaderVariant]: Array<ListHeaderVariant[key]>;
+};
+
+export declare type ListHeaderVariantProps = Partial<ListHeaderVariant>;
+
+export declare const listHeaderVariantMap: ListHeaderVariantMap;
+
+export declare const listHeader: ((
+  props?: ListHeaderVariantProps,
+) => string) & {
+  splitVariantProps: <T extends ListHeaderVariantProps>(
+    props: T,
+  ) => [ListHeaderVariantProps, Omit<T, keyof ListHeaderVariantProps>];
+}

package/recipes/list-header.mjs

@@ -0,0 +1,29 @@
+import './list-header.css';
+import { createClassName, mergeVariants, splitVariantProps } from "./shared.mjs";
+
+const defaultVariant = {
+  "variant": "mediumWeak"
+};
+
+const compoundVariants = [];
+
+export const listHeaderVariantMap = {
+  "variant": [
+    "mediumWeak",
+    "boldSolid"
+  ]
+};
+
+export const listHeaderVariantKeys = Object.keys(listHeaderVariantMap);
+
+export function listHeader(props) {
+  return createClassName(
+    "seed-list-header",
+    mergeVariants(defaultVariant, props),
+    compoundVariants,
+  );
+}
+
+Object.assign(listHeader, { splitVariantProps: (props) => splitVariantProps(props, listHeaderVariantMap) });
+
+// @recipe(seed): list-header

package/recipes/manner-temp-badge.css

@@ -9,7 +9,7 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none;
     border-radius: var(--seed-radius-full);
-    min-height: 20px;
+    min-height: var(--seed-dimension-x5);
     padding-inline: var(--seed-dimension-x1_5);
     padding-block: var(--seed-dimension-x0_5);
     font-size: var(--seed-font-size-t1);
@@ -39,4 +39,20 @@
 .seed-manner-temp-badge--level_l6 {
     background-color: var(--seed-color-manner-temp-l6-bg);
     color: var(--seed-color-manner-temp-l6-text)
+}
+.seed-manner-temp-badge--level_l7 {
+    background-color: var(--seed-color-manner-temp-l7-bg);
+    color: var(--seed-color-manner-temp-l7-text)
+}
+.seed-manner-temp-badge--level_l8 {
+    background-color: var(--seed-color-manner-temp-l8-bg);
+    color: var(--seed-color-manner-temp-l8-text)
+}
+.seed-manner-temp-badge--level_l9 {
+    background-color: var(--seed-color-manner-temp-l9-bg);
+    color: var(--seed-color-manner-temp-l9-text)
+}
+.seed-manner-temp-badge--level_l10 {
+    background-color: var(--seed-color-manner-temp-l10-bg);
+    color: var(--seed-color-manner-temp-l10-text)
 }

package/recipes/manner-temp-badge.d.ts

@@ -2,7 +2,7 @@ declare interface MannerTempBadgeVariant {
   /**
   * @default "l1"
   */
-  level: "l1" | "l2" | "l3" | "l4" | "l5" | "l6";
+  level: "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "l8" | "l9" | "l10";
 }
 
 declare type MannerTempBadgeVariantMap = {

package/recipes/manner-temp-badge.mjs

@@ -14,7 +14,11 @@ export const mannerTempBadgeVariantMap = {
     "l3",
     "l4",
     "l5",
-    "l6"
+    "l6",
+    "l7",
+    "l8",
+    "l9",
+    "l10"
   ]
 };
 

package/recipes/manner-temp.css

@@ -3,11 +3,10 @@
     justify-content: flex-start;
     align-items: center;
     box-sizing: border-box;
-    gap: var(--seed-dimension-x1);
     font-size: var(--seed-font-size-t5);
     line-height: var(--seed-line-height-t5);
     font-weight: var(--seed-font-weight-bold);
-    --seed-suffix-icon-size: var(--seed-dimension-x6)
+    --seed-suffix-icon-size: var(--seed-dimension-x8)
 }
 .seed-manner-temp--level_l1 {
     color: var(--seed-color-manner-temp-l1-text)
@@ -26,4 +25,16 @@
 }
 .seed-manner-temp--level_l6 {
     color: var(--seed-color-manner-temp-l6-text)
+}
+.seed-manner-temp--level_l7 {
+    color: var(--seed-color-manner-temp-l7-text)
+}
+.seed-manner-temp--level_l8 {
+    color: var(--seed-color-manner-temp-l8-text)
+}
+.seed-manner-temp--level_l9 {
+    color: var(--seed-color-manner-temp-l9-text)
+}
+.seed-manner-temp--level_l10 {
+    color: var(--seed-color-manner-temp-l10-text)
 }

package/recipes/manner-temp.d.ts

@@ -2,7 +2,7 @@ declare interface MannerTempVariant {
   /**
   * @default "l1"
   */
-  level: "l1" | "l2" | "l3" | "l4" | "l5" | "l6";
+  level: "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "l8" | "l9" | "l10";
 }
 
 declare type MannerTempVariantMap = {

package/recipes/manner-temp.mjs

@@ -14,7 +14,11 @@ export const mannerTempVariantMap = {
     "l3",
     "l4",
     "l5",
-    "l6"
+    "l6",
+    "l7",
+    "l8",
+    "l9",
+    "l10"
   ]
 };
 

package/recipes/segmented-control.css

@@ -1,7 +1,6 @@
 .seed-segmented-control__root {
     display: grid;
     box-sizing: border-box;
-    min-width: fit-content;
     max-width: 100%;
     position: relative;
     padding: var(--seed-dimension-x1);
@@ -21,8 +20,8 @@
     inset-inline-start: var(--seed-dimension-x1);
     width: calc((100% - var(--seed-dimension-x1) * 2) / var(--segment-count));
     border-radius: var(--seed-radius-full);
-    background-color: var(--seed-color-bg-layer-default);
-    box-shadow: 0px 1px 6px 0px #0000000d;
+    background-color: var(--seed-color-palette-gray-00);
+    box-shadow: 0px 1px 6px 0px #0000000d, inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
     transition: transform var(--seed-duration-d4) var(--seed-timing-function-easing);
 }
 .seed-segmented-control__item {
@@ -35,22 +34,32 @@
     box-sizing: border-box;
     overflow-wrap: break-word;
     min-width: 86px;
-    min-height: var(--seed-dimension-x8);
-    padding-inline: var(--seed-dimension-x4);
+    min-height: 34px;
+    gap: var(--seed-dimension-x1_5);
+    height: 100%;
+    padding-inline: var(--seed-dimension-x6);
+    padding-block: var(--seed-dimension-x1_5);
     border-radius: var(--seed-radius-full);
-    font-weight: var(--seed-font-weight-medium);
+    font-weight: var(--seed-font-weight-bold);
     font-size: var(--seed-font-size-t5);
     line-height: var(--seed-line-height-t5);
-    color: var(--seed-color-fg-neutral-muted);
+    color: var(--seed-color-fg-neutral-subtle);
+    transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing), color var(--seed-duration-d4) var(--seed-timing-function-easing);
 }
 .seed-segmented-control__item:is(:checked, [data-checked]) {
     color: var(--seed-color-fg-neutral);
-    font-weight: var(--seed-font-weight-bold);
 }
 .seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]) {
     cursor: not-allowed;
     color: var(--seed-color-fg-disabled);
 }
-.seed-segmented-control__item:not(:is(:checked, [data-checked])):is(:active, [data-active]) {
+.seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
+    background-color: var(--seed-color-bg-disabled);
+    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
+}
+.seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
+    background-color: var(--seed-color-palette-gray-100);
+}
+.seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):not(:is(:checked, [data-checked])):is(:active, [data-active]) {
     background-color: var(--seed-color-bg-neutral-weak-pressed);
 }

package/recipes/snackbar.css

@@ -1,16 +1,14 @@
 .seed-snackbar__root {
     box-sizing: border-box;
     display: flex;
-    justify-content: space-between;
     align-items: center;
     width: 100%;
     max-width: 560px;
-    background: var(--seed-color-bg-neutral-solid);
+    background: var(--seed-color-bg-neutral-inverted);
     border-radius: var(--seed-radius-r2);
-    padding-inline: var(--seed-dimension-x4);
+    padding-inline: var(--seed-dimension-x2_5);
     padding-block: var(--seed-dimension-x2_5);
     min-height: 44px;
-    gap: var(--seed-dimension-x2);
     animation: seed-enter;
     animation-timing-function: var(--seed-timing-function-enter);
     animation-duration: var(--seed-duration-d3);
@@ -29,10 +27,17 @@
     --seed-exit-opacity: 0;
     --seed-exit-scale: 0.8;
 }
-.seed-snackbar__message {
+.seed-snackbar__content {
+    display: flex;
     flex-grow: 1;
+    justify-content: space-between;
+    align-items: center;
+    padding-inline: var(--seed-dimension-x1_5);
+    gap: var(--seed-dimension-x2_5);
+}
+.seed-snackbar__message {
     margin: 0;
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-neutral-inverted);
     font-size: var(--seed-font-size-t4);
     line-height: var(--seed-line-height-t4);
     font-weight: var(--seed-font-weight-regular);
@@ -41,6 +46,7 @@
     flex-shrink: 0;
     width: 24px;
     height: 24px;
+    padding-right: var(--seed-dimension-x0_5);
 }
 .seed-snackbar__actionButton {
     position: relative;

package/recipes/snackbar.d.ts

@@ -11,7 +11,7 @@ declare type SnackbarVariantMap = {
 
 export declare type SnackbarVariantProps = Partial<SnackbarVariant>;
 
-export declare type SnackbarSlotName = "root" | "message" | "prefixIcon" | "actionButton";
+export declare type SnackbarSlotName = "root" | "message" | "prefixIcon" | "actionButton" | "content";
 
 export declare const snackbarVariantMap: SnackbarVariantMap;
 

package/recipes/snackbar.mjs

@@ -17,6 +17,10 @@ const snackbarSlotNames = [
   [
     "actionButton",
     "seed-snackbar__actionButton"
+  ],
+  [
+    "content",
+    "seed-snackbar__content"
   ]
 ];