@seed-design/lynx-css 0.10.2 → 0.11.1

package/base.min.css

@@ -1 +1 @@
-text{background-color:var(--seed-color-bg-transparent)}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display: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,0);margin-right:var(--seed-prefix-icon-margin-right,0);margin-top:var(--seed-prefix-icon-margin-top,0);margin-bottom:var(--seed-prefix-icon-margin-bottom,0);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,0);margin-right:var(--seed-suffix-icon-margin-right,0);margin-top:var(--seed-suffix-icon-margin-top,0);margin-bottom:var(--seed-suffix-icon-margin-bottom,0);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}: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:8px;--seed-dimension-spacing-x-global-gutter:16px;--seed-dimension-spacing-y-component-default:12px;--seed-dimension-spacing-y-nav-to-title:20px;--seed-dimension-spacing-y-screen-bottom:56px;--seed-dimension-spacing-y-between-text:6px;--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-duration-color-transition:.15s;--seed-duration-pressed-scale:.15s;--seed-font-size-t1:11sp;--seed-font-size-t2:12sp;--seed-font-size-t3:13sp;--seed-font-size-t4:14sp;--seed-font-size-t5:16sp;--seed-font-size-t6:18sp;--seed-font-size-t7:20sp;--seed-font-size-t8:22sp;--seed-font-size-t9:24sp;--seed-font-size-t10:26sp;--seed-font-size-t11:28sp;--seed-font-size-t12:32sp;--seed-font-size-t13:40sp;--seed-font-size-t14:48sp;--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-size-t11-static:28px;--seed-font-size-t12-static:32px;--seed-font-size-t13-static:40px;--seed-font-size-t14-static:48px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:15sp;--seed-line-height-t2:16sp;--seed-line-height-t3:18sp;--seed-line-height-t4:19sp;--seed-line-height-t5:22sp;--seed-line-height-t6:24sp;--seed-line-height-t7:27sp;--seed-line-height-t8:30sp;--seed-line-height-t9:32sp;--seed-line-height-t10:35sp;--seed-line-height-t11:38sp;--seed-line-height-t12:42sp;--seed-line-height-t13:52sp;--seed-line-height-t14:60sp;--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-line-height-t11-static:38px;--seed-line-height-t12-static:42px;--seed-line-height-t13-static:52px;--seed-line-height-t14-static:60px;--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);--seed-timing-function-pressed-scale:cubic-bezier(0, 0, .15, 1)}:root,:root.seed-user-color-scheme-light,:root.seed-color-mode-light-only,.seed-color-mode-light-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:#f60;--seed-color-fg-brand-contrast:#e14d00;--seed-color-fg-critical:#fa342c;--seed-color-fg-critical-contrast:#921708;--seed-color-fg-disabled:#d1d3d8;--seed-color-fg-informative:#217cf9;--seed-color-fg-informative-contrast:#0b4596;--seed-color-fg-neutral:#1a1c20;--seed-color-fg-neutral-inverted:#fff;--seed-color-fg-neutral-muted:#555d6d;--seed-color-fg-neutral-subtle:#868b94;--seed-color-fg-placeholder:#b0b3ba;--seed-color-fg-positive:#079171;--seed-color-fg-positive-contrast:#075445;--seed-color-fg-warning:#9b7821;--seed-color-fg-warning-contrast:#4f3e1f;--seed-color-bg-brand-solid:#f60;--seed-color-bg-brand-solid-pressed:#e14d00;--seed-color-bg-brand-weak:#fff2ec;--seed-color-bg-brand-weak-pressed:#ffe8db;--seed-color-bg-critical-solid:#fa342c;--seed-color-bg-critical-solid-pressed:#ca1d13;--seed-color-bg-critical-weak:#fdf0f0;--seed-color-bg-critical-weak-pressed:#fde7e7;--seed-color-bg-disabled:#f3f4f5;--seed-color-bg-informative-solid:#217cf9;--seed-color-bg-informative-solid-pressed:#135fcd;--seed-color-bg-informative-weak:#eff6ff;--seed-color-bg-informative-weak-pressed:#e2edfc;--seed-color-bg-layer-basement:#f3f4f5;--seed-color-bg-layer-default:#fff;--seed-color-bg-layer-default-pressed:#f7f8f9;--seed-color-bg-layer-fill:#f7f8f9;--seed-color-bg-layer-floating:#fff;--seed-color-bg-layer-floating-pressed:#f7f8f9;--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:#2a3038;--seed-color-bg-neutral-inverted-pressed:#555d6d;--seed-color-bg-neutral-solid:#1a1c20;--seed-color-bg-neutral-solid-muted:#555d6d;--seed-color-bg-neutral-solid-muted-pressed:#2a3038;--seed-color-bg-neutral-weak:#f3f4f5;--seed-color-bg-neutral-weak-alpha:#0000000c;--seed-color-bg-neutral-weak-alpha-pressed:#00000010;--seed-color-bg-neutral-weak-pressed:#eeeff1;--seed-color-bg-overlay:#00000074;--seed-color-bg-overlay-muted:#0000002c;--seed-color-bg-positive-solid:#079171;--seed-color-bg-positive-solid-pressed:#00745f;--seed-color-bg-positive-weak:#edfaf6;--seed-color-bg-positive-weak-pressed:#d9f6e9;--seed-color-bg-transparent:#0000;--seed-color-bg-transparent-pressed:#00000007;--seed-color-bg-transparent-selected:#0000000c;--seed-color-bg-transparent-selected-pressed:#00000010;--seed-color-bg-warning-solid:#fbdc65;--seed-color-bg-warning-solid-pressed:#e9c647;--seed-color-bg-warning-weak:#fff7de;--seed-color-bg-warning-weak-pressed:#fdefb9;--seed-color-stroke-brand-solid:#e14d00;--seed-color-stroke-brand-weak:#ffd5c0;--seed-color-stroke-critical-solid:#fa342c;--seed-color-stroke-critical-weak:#fed4d2;--seed-color-stroke-focus-ring:#5e98fe;--seed-color-stroke-informative-solid:#217cf9;--seed-color-stroke-informative-weak:#cbdffa;--seed-color-stroke-neutral-contrast:#1a1c20;--seed-color-stroke-neutral-muted:#00000010;--seed-color-stroke-neutral-solid:#555d6d;--seed-color-stroke-neutral-subtle:#0000000c;--seed-color-stroke-neutral-weak:#dcdee3;--seed-color-stroke-positive-solid:#079171;--seed-color-stroke-positive-weak:#b9e9d2;--seed-color-stroke-warning-solid:#9b7821;--seed-color-stroke-warning-weak:#fbdc65;--seed-color-manner-temp-l1-bg:#f1f2f3;--seed-color-manner-temp-l1-text:#757b85;--seed-color-manner-temp-l10-bg:#ffebee;--seed-color-manner-temp-l10-text:#cb0123;--seed-color-manner-temp-l2-bg:#f8f4ec;--seed-color-manner-temp-l2-text:#ab863f;--seed-color-manner-temp-l3-bg:#fff5e5;--seed-color-manner-temp-l3-text:#e08a00;--seed-color-manner-temp-l4-bg:#fff3e5;--seed-color-manner-temp-l4-text:#f57e00;--seed-color-manner-temp-l5-bg:#fff1e5;--seed-color-manner-temp-l5-text:#ff7300;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f60;--seed-color-manner-temp-l7-bg:#ffefe5;--seed-color-manner-temp-l7-text:#ff5100;--seed-color-manner-temp-l8-bg:#ffeee5;--seed-color-manner-temp-l8-text:#f30;--seed-color-manner-temp-l9-bg:#fdeded;--seed-color-manner-temp-l9-text:#e82c45;--seed-color-banner-blue:#e1f7ff;--seed-color-banner-cool-gray:#ebf1f5;--seed-color-banner-green:#f0fbe5;--seed-color-banner-orange:#fff2e1;--seed-color-banner-pink:#ffebf1;--seed-color-banner-purple:#f5ecff;--seed-color-banner-red:#ffecee;--seed-color-banner-teal:#e6faf6;--seed-color-banner-warm-gray:#f2f0ee;--seed-color-banner-yellow:#fffae1;--seed-gradient-fade-mask:#0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;--seed-gradient-glow-magic:#fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%, #ae58bf 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000014;--seed-shadow-s2:0px 2px 10px 0px #0000001a;--seed-shadow-s3:0px 4px 16px 0px #0000001f}:root.seed-user-color-scheme-dark,:root.seed-color-mode-dark-only,.seed-color-mode-dark-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:#f60;--seed-color-fg-brand-contrast:#f60;--seed-color-fg-critical:#ff6e60;--seed-color-fg-critical-contrast:#f8c5c3;--seed-color-fg-disabled:#5b606a;--seed-color-fg-informative:#41a2f9;--seed-color-fg-informative-contrast:#b9d7fb;--seed-color-fg-neutral:#f3f4f5;--seed-color-fg-neutral-inverted:#16171b;--seed-color-fg-neutral-muted:#dcdee3;--seed-color-fg-neutral-subtle:#b0b3ba;--seed-color-fg-placeholder:#868b94;--seed-color-fg-positive:#22b27f;--seed-color-fg-positive-contrast:#93e5c0;--seed-color-fg-warning:#ca901c;--seed-color-fg-warning-contrast:#e5d49b;--seed-color-bg-brand-solid:#f60;--seed-color-bg-brand-solid-pressed:#ff9e65;--seed-color-bg-brand-weak:#31241f;--seed-color-bg-brand-weak-pressed:#4b291c;--seed-color-bg-critical-solid:#f73526;--seed-color-bg-critical-solid-pressed:#ff6e60;--seed-color-bg-critical-weak:#322323;--seed-color-bg-critical-weak-pressed:#4f2624;--seed-color-bg-disabled:#2b2e35;--seed-color-bg-informative-solid:#1e82eb;--seed-color-bg-informative-solid-pressed:#41a2f9;--seed-color-bg-informative-weak:#202742;--seed-color-bg-informative-weak-pressed:#1e3352;--seed-color-bg-layer-basement:#000;--seed-color-bg-layer-default:#16171b;--seed-color-bg-layer-default-pressed:#2b2e35;--seed-color-bg-layer-fill:#1d2025;--seed-color-bg-layer-floating:#1d2025;--seed-color-bg-layer-floating-pressed:#2b2e35;--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:#f3f4f5;--seed-color-bg-neutral-inverted-pressed:#dcdee3;--seed-color-bg-neutral-solid:#2b2e35;--seed-color-bg-neutral-solid-muted:#393d46;--seed-color-bg-neutral-solid-muted-pressed:#5b606a;--seed-color-bg-neutral-weak:#2b2e35;--seed-color-bg-neutral-weak-alpha:#ffffff20;--seed-color-bg-neutral-weak-alpha-pressed:#ffffff2e;--seed-color-bg-neutral-weak-pressed:#393d46;--seed-color-bg-overlay:#00000074;--seed-color-bg-overlay-muted:#0000002c;--seed-color-bg-positive-solid:#117956;--seed-color-bg-positive-solid-pressed:#1b946d;--seed-color-bg-positive-weak:#202926;--seed-color-bg-positive-weak-pressed:#20362e;--seed-color-bg-transparent:#fff0;--seed-color-bg-transparent-pressed:#ffffff0d;--seed-color-bg-transparent-selected:#ffffff17;--seed-color-bg-transparent-selected-pressed:#ffffff20;--seed-color-bg-warning-solid:#dab156;--seed-color-bg-warning-solid-pressed:#e5d49b;--seed-color-bg-warning-weak:#302819;--seed-color-bg-warning-weak-pressed:#413218;--seed-color-stroke-brand-solid:#f60;--seed-color-stroke-brand-weak:#6b311c;--seed-color-stroke-critical-solid:#ff6e60;--seed-color-stroke-critical-weak:#742826;--seed-color-stroke-focus-ring:#1e82eb;--seed-color-stroke-informative-solid:#41a2f9;--seed-color-stroke-informative-weak:#1a4275;--seed-color-stroke-neutral-contrast:#f3f4f5;--seed-color-stroke-neutral-muted:#ffffff17;--seed-color-stroke-neutral-solid:#dcdee3;--seed-color-stroke-neutral-subtle:#ffffff0d;--seed-color-stroke-neutral-weak:#393d46;--seed-color-stroke-positive-solid:#22b27f;--seed-color-stroke-positive-weak:#20493b;--seed-color-stroke-warning-solid:#ca901c;--seed-color-stroke-warning-weak:#543e15;--seed-color-manner-temp-l1-bg:#292929;--seed-color-manner-temp-l1-text:#b8b8b9;--seed-color-manner-temp-l10-bg:#34040a;--seed-color-manner-temp-l10-text:#fb6f82;--seed-color-manner-temp-l2-bg:#332605;--seed-color-manner-temp-l2-text:#f5db97;--seed-color-manner-temp-l3-bg:#372b01;--seed-color-manner-temp-l3-text:#fdda65;--seed-color-manner-temp-l4-bg:#372301;--seed-color-manner-temp-l4-text:#fbbe55;--seed-color-manner-temp-l5-bg:#371f01;--seed-color-manner-temp-l5-text:#faac4b;--seed-color-manner-temp-l6-bg:#351b03;--seed-color-manner-temp-l6-text:#fc9855;--seed-color-manner-temp-l7-bg:#371701;--seed-color-manner-temp-l7-text:#f97a25;--seed-color-manner-temp-l8-bg:#380f00;--seed-color-manner-temp-l8-text:#fe6a34;--seed-color-manner-temp-l9-bg:#380500;--seed-color-manner-temp-l9-text:#fe6a5d;--seed-color-banner-blue:#0d2a3a;--seed-color-banner-cool-gray:#242c33;--seed-color-banner-green:#1e361c;--seed-color-banner-orange:#42230a;--seed-color-banner-pink:#3b172c;--seed-color-banner-purple:#2e1e45;--seed-color-banner-red:#3a0f15;--seed-color-banner-teal:#143633;--seed-color-banner-warm-gray:#2f2b27;--seed-color-banner-yellow:#3e2b00;--seed-gradient-fade-mask:#0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;--seed-gradient-glow-magic:#2d252d 0%, #3a312b 80%, #333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%, #51453e 80%, #434242 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%, #e89bee 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000080;--seed-shadow-s2:0px 2px 10px 0px #000000ad;--seed-shadow-s3:0px 4px 16px 0px #000c}:root{--seed-scale-s95:.95;--seed-scale-s97:.97;--seed-scale-s98:.98}@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 fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes drawer-slide-from-bottom{0%{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}to{transform:translate3d(0, var(--snap-point-height,0), 0)}}@keyframes drawer-slide-to-bottom{to{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}}
+text{background-color:var(--seed-color-bg-transparent)}.seed-icon,.seed-prefix-icon,.seed-suffix-icon,.seed-icon-slot,.seed-prefix-icon-slot,.seed-suffix-icon-slot{flex-shrink:0;justify-content:center;align-items:center;display: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,0);margin-right:var(--seed-prefix-icon-margin-right,0);margin-top:var(--seed-prefix-icon-margin-top,0);margin-bottom:var(--seed-prefix-icon-margin-bottom,0);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,0);margin-right:var(--seed-suffix-icon-margin-right,0);margin-top:var(--seed-suffix-icon-margin-top,0);margin-bottom:var(--seed-suffix-icon-margin-bottom,0);align-self:var(--seed-suffix-icon-align-self);justify-self:var(--seed-suffix-icon-justify-self)}: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:8px;--seed-dimension-spacing-x-global-gutter:16px;--seed-dimension-spacing-y-component-default:12px;--seed-dimension-spacing-y-nav-to-title:20px;--seed-dimension-spacing-y-screen-bottom:56px;--seed-dimension-spacing-y-between-text:6px;--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-duration-color-transition:.15s;--seed-duration-pressed-scale:.15s;--seed-font-size-t1:11sp;--seed-font-size-t2:12sp;--seed-font-size-t3:13sp;--seed-font-size-t4:14sp;--seed-font-size-t5:16sp;--seed-font-size-t6:18sp;--seed-font-size-t7:20sp;--seed-font-size-t8:22sp;--seed-font-size-t9:24sp;--seed-font-size-t10:26sp;--seed-font-size-t11:28sp;--seed-font-size-t12:32sp;--seed-font-size-t13:40sp;--seed-font-size-t14:48sp;--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-size-t11-static:28px;--seed-font-size-t12-static:32px;--seed-font-size-t13-static:40px;--seed-font-size-t14-static:48px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:15sp;--seed-line-height-t2:16sp;--seed-line-height-t3:18sp;--seed-line-height-t4:19sp;--seed-line-height-t5:22sp;--seed-line-height-t6:24sp;--seed-line-height-t7:27sp;--seed-line-height-t8:30sp;--seed-line-height-t9:32sp;--seed-line-height-t10:35sp;--seed-line-height-t11:38sp;--seed-line-height-t12:42sp;--seed-line-height-t13:52sp;--seed-line-height-t14:60sp;--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-line-height-t11-static:38px;--seed-line-height-t12-static:42px;--seed-line-height-t13-static:52px;--seed-line-height-t14-static:60px;--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);--seed-timing-function-pressed-scale:cubic-bezier(0, 0, .15, 1)}:root,:root.seed-user-color-scheme-light,:root.seed-color-mode-light-only,.seed-color-mode-light-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:#f60;--seed-color-fg-brand-contrast:#e14d00;--seed-color-fg-critical:#fa342c;--seed-color-fg-critical-contrast:#921708;--seed-color-fg-disabled:#d1d3d8;--seed-color-fg-informative:#217cf9;--seed-color-fg-informative-contrast:#0b4596;--seed-color-fg-neutral:#1a1c20;--seed-color-fg-neutral-inverted:#fff;--seed-color-fg-neutral-muted:#555d6d;--seed-color-fg-neutral-subtle:#868b94;--seed-color-fg-placeholder:#b0b3ba;--seed-color-fg-positive:#079171;--seed-color-fg-positive-contrast:#075445;--seed-color-fg-warning:#9b7821;--seed-color-fg-warning-contrast:#4f3e1f;--seed-color-bg-brand-solid:#f60;--seed-color-bg-brand-solid-pressed:#e14d00;--seed-color-bg-brand-weak:#fff2ec;--seed-color-bg-brand-weak-pressed:#ffe8db;--seed-color-bg-critical-solid:#fa342c;--seed-color-bg-critical-solid-pressed:#ca1d13;--seed-color-bg-critical-weak:#fdf0f0;--seed-color-bg-critical-weak-pressed:#fde7e7;--seed-color-bg-disabled:#f3f4f5;--seed-color-bg-informative-solid:#217cf9;--seed-color-bg-informative-solid-pressed:#135fcd;--seed-color-bg-informative-weak:#eff6ff;--seed-color-bg-informative-weak-pressed:#e2edfc;--seed-color-bg-layer-basement:#f3f4f5;--seed-color-bg-layer-default:#fff;--seed-color-bg-layer-default-pressed:#f7f8f9;--seed-color-bg-layer-fill:#f7f8f9;--seed-color-bg-layer-floating:#fff;--seed-color-bg-layer-floating-pressed:#f7f8f9;--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:#2a3038;--seed-color-bg-neutral-inverted-pressed:#555d6d;--seed-color-bg-neutral-solid:#1a1c20;--seed-color-bg-neutral-solid-muted:#555d6d;--seed-color-bg-neutral-solid-muted-pressed:#2a3038;--seed-color-bg-neutral-weak:#f3f4f5;--seed-color-bg-neutral-weak-alpha:#0000000c;--seed-color-bg-neutral-weak-alpha-pressed:#00000010;--seed-color-bg-neutral-weak-pressed:#eeeff1;--seed-color-bg-overlay:#00000074;--seed-color-bg-overlay-muted:#0000002c;--seed-color-bg-positive-solid:#079171;--seed-color-bg-positive-solid-pressed:#00745f;--seed-color-bg-positive-weak:#edfaf6;--seed-color-bg-positive-weak-pressed:#d9f6e9;--seed-color-bg-transparent:#0000;--seed-color-bg-transparent-pressed:#00000007;--seed-color-bg-transparent-selected:#0000000c;--seed-color-bg-transparent-selected-pressed:#00000010;--seed-color-bg-warning-solid:#fbdc65;--seed-color-bg-warning-solid-pressed:#e9c647;--seed-color-bg-warning-weak:#fff7de;--seed-color-bg-warning-weak-pressed:#fdefb9;--seed-color-stroke-brand-solid:#e14d00;--seed-color-stroke-brand-weak:#ffd5c0;--seed-color-stroke-critical-solid:#fa342c;--seed-color-stroke-critical-weak:#fed4d2;--seed-color-stroke-focus-ring:#5e98fe;--seed-color-stroke-informative-solid:#217cf9;--seed-color-stroke-informative-weak:#cbdffa;--seed-color-stroke-neutral-contrast:#1a1c20;--seed-color-stroke-neutral-muted:#00000010;--seed-color-stroke-neutral-solid:#555d6d;--seed-color-stroke-neutral-subtle:#0000000c;--seed-color-stroke-neutral-weak:#dcdee3;--seed-color-stroke-positive-solid:#079171;--seed-color-stroke-positive-weak:#b9e9d2;--seed-color-stroke-warning-solid:#9b7821;--seed-color-stroke-warning-weak:#fbdc65;--seed-color-manner-temp-l1-bg:#f1f2f3;--seed-color-manner-temp-l1-text:#757b85;--seed-color-manner-temp-l10-bg:#ffebee;--seed-color-manner-temp-l10-text:#cb0123;--seed-color-manner-temp-l2-bg:#f8f4ec;--seed-color-manner-temp-l2-text:#ab863f;--seed-color-manner-temp-l3-bg:#fff5e5;--seed-color-manner-temp-l3-text:#e08a00;--seed-color-manner-temp-l4-bg:#fff3e5;--seed-color-manner-temp-l4-text:#f57e00;--seed-color-manner-temp-l5-bg:#fff1e5;--seed-color-manner-temp-l5-text:#ff7300;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f60;--seed-color-manner-temp-l7-bg:#ffefe5;--seed-color-manner-temp-l7-text:#ff5100;--seed-color-manner-temp-l8-bg:#ffeee5;--seed-color-manner-temp-l8-text:#f30;--seed-color-manner-temp-l9-bg:#fdeded;--seed-color-manner-temp-l9-text:#e82c45;--seed-color-banner-blue:#e1f7ff;--seed-color-banner-cool-gray:#ebf1f5;--seed-color-banner-green:#f0fbe5;--seed-color-banner-orange:#fff2e1;--seed-color-banner-pink:#ffebf1;--seed-color-banner-purple:#f5ecff;--seed-color-banner-red:#ffecee;--seed-color-banner-teal:#e6faf6;--seed-color-banner-warm-gray:#f2f0ee;--seed-color-banner-yellow:#fffae1;--seed-gradient-fade-mask:#0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;--seed-gradient-glow-magic:#fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#e14f00 20%, #ae58bf 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000014;--seed-shadow-s2:0px 2px 10px 0px #0000001a;--seed-shadow-s3:0px 4px 16px 0px #0000001f}:root.seed-user-color-scheme-dark,:root.seed-color-mode-dark-only,.seed-color-mode-dark-only{--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-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-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-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-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-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-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-static-black:#000;--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:#fff;--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-fg-brand:#f60;--seed-color-fg-brand-contrast:#f60;--seed-color-fg-critical:#ff6e60;--seed-color-fg-critical-contrast:#f8c5c3;--seed-color-fg-disabled:#5b606a;--seed-color-fg-informative:#41a2f9;--seed-color-fg-informative-contrast:#b9d7fb;--seed-color-fg-neutral:#f3f4f5;--seed-color-fg-neutral-inverted:#16171b;--seed-color-fg-neutral-muted:#dcdee3;--seed-color-fg-neutral-subtle:#b0b3ba;--seed-color-fg-placeholder:#868b94;--seed-color-fg-positive:#22b27f;--seed-color-fg-positive-contrast:#93e5c0;--seed-color-fg-warning:#ca901c;--seed-color-fg-warning-contrast:#e5d49b;--seed-color-bg-brand-solid:#f60;--seed-color-bg-brand-solid-pressed:#ff9e65;--seed-color-bg-brand-weak:#31241f;--seed-color-bg-brand-weak-pressed:#4b291c;--seed-color-bg-critical-solid:#f73526;--seed-color-bg-critical-solid-pressed:#ff6e60;--seed-color-bg-critical-weak:#322323;--seed-color-bg-critical-weak-pressed:#4f2624;--seed-color-bg-disabled:#2b2e35;--seed-color-bg-informative-solid:#1e82eb;--seed-color-bg-informative-solid-pressed:#41a2f9;--seed-color-bg-informative-weak:#202742;--seed-color-bg-informative-weak-pressed:#1e3352;--seed-color-bg-layer-basement:#000;--seed-color-bg-layer-default:#16171b;--seed-color-bg-layer-default-pressed:#2b2e35;--seed-color-bg-layer-fill:#1d2025;--seed-color-bg-layer-floating:#1d2025;--seed-color-bg-layer-floating-pressed:#2b2e35;--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:#f3f4f5;--seed-color-bg-neutral-inverted-pressed:#dcdee3;--seed-color-bg-neutral-solid:#2b2e35;--seed-color-bg-neutral-solid-muted:#393d46;--seed-color-bg-neutral-solid-muted-pressed:#5b606a;--seed-color-bg-neutral-weak:#2b2e35;--seed-color-bg-neutral-weak-alpha:#ffffff20;--seed-color-bg-neutral-weak-alpha-pressed:#ffffff2e;--seed-color-bg-neutral-weak-pressed:#393d46;--seed-color-bg-overlay:#00000074;--seed-color-bg-overlay-muted:#0000002c;--seed-color-bg-positive-solid:#117956;--seed-color-bg-positive-solid-pressed:#1b946d;--seed-color-bg-positive-weak:#202926;--seed-color-bg-positive-weak-pressed:#20362e;--seed-color-bg-transparent:#fff0;--seed-color-bg-transparent-pressed:#ffffff0d;--seed-color-bg-transparent-selected:#ffffff17;--seed-color-bg-transparent-selected-pressed:#ffffff20;--seed-color-bg-warning-solid:#dab156;--seed-color-bg-warning-solid-pressed:#e5d49b;--seed-color-bg-warning-weak:#302819;--seed-color-bg-warning-weak-pressed:#413218;--seed-color-stroke-brand-solid:#f60;--seed-color-stroke-brand-weak:#6b311c;--seed-color-stroke-critical-solid:#ff6e60;--seed-color-stroke-critical-weak:#742826;--seed-color-stroke-focus-ring:#1e82eb;--seed-color-stroke-informative-solid:#41a2f9;--seed-color-stroke-informative-weak:#1a4275;--seed-color-stroke-neutral-contrast:#f3f4f5;--seed-color-stroke-neutral-muted:#ffffff17;--seed-color-stroke-neutral-solid:#dcdee3;--seed-color-stroke-neutral-subtle:#ffffff0d;--seed-color-stroke-neutral-weak:#393d46;--seed-color-stroke-positive-solid:#22b27f;--seed-color-stroke-positive-weak:#20493b;--seed-color-stroke-warning-solid:#ca901c;--seed-color-stroke-warning-weak:#543e15;--seed-color-manner-temp-l1-bg:#292929;--seed-color-manner-temp-l1-text:#b8b8b9;--seed-color-manner-temp-l10-bg:#34040a;--seed-color-manner-temp-l10-text:#fb6f82;--seed-color-manner-temp-l2-bg:#332605;--seed-color-manner-temp-l2-text:#f5db97;--seed-color-manner-temp-l3-bg:#372b01;--seed-color-manner-temp-l3-text:#fdda65;--seed-color-manner-temp-l4-bg:#372301;--seed-color-manner-temp-l4-text:#fbbe55;--seed-color-manner-temp-l5-bg:#371f01;--seed-color-manner-temp-l5-text:#faac4b;--seed-color-manner-temp-l6-bg:#351b03;--seed-color-manner-temp-l6-text:#fc9855;--seed-color-manner-temp-l7-bg:#371701;--seed-color-manner-temp-l7-text:#f97a25;--seed-color-manner-temp-l8-bg:#380f00;--seed-color-manner-temp-l8-text:#fe6a34;--seed-color-manner-temp-l9-bg:#380500;--seed-color-manner-temp-l9-text:#fe6a5d;--seed-color-banner-blue:#0d2a3a;--seed-color-banner-cool-gray:#242c33;--seed-color-banner-green:#1e361c;--seed-color-banner-orange:#42230a;--seed-color-banner-pink:#3b172c;--seed-color-banner-purple:#2e1e45;--seed-color-banner-red:#3a0f15;--seed-color-banner-teal:#143633;--seed-color-banner-warm-gray:#2f2b27;--seed-color-banner-yellow:#3e2b00;--seed-gradient-fade-mask:#0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;--seed-gradient-glow-magic:#2d252d 0%, #3a312b 80%, #333232 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%, #51453e 80%, #434242 100%;--seed-gradient-highlight-magic:#f60 20%, #d25aca 100%;--seed-gradient-highlight-magic-pressed:#ff9e65 20%, #e89bee 100%;--seed-gradient-shimmer-magic:#fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;--seed-gradient-shimmer-neutral:#fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;--seed-shadow-s1:0px 1px 4px 0px #00000080;--seed-shadow-s2:0px 2px 10px 0px #000000ad;--seed-shadow-s3:0px 4px 16px 0px #000c}:root{--seed-scale-s95:.95;--seed-scale-s97:.97;--seed-scale-s98:.98}@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 fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes drawer-slide-from-bottom{0%{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}to{transform:translate3d(0, var(--snap-point-height,0), 0)}}@keyframes drawer-slide-to-bottom{to{transform:translate3d(0, var(--seed-drawer-start-transform,100%), 0)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/lynx-css",
-  "version": "0.10.2",
+  "version": "0.11.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -38,11 +38,16 @@
       "types": "./vars/component/*.d.ts",
       "import": "./vars/component/*.mjs"
     },
+    "./scale-feedback": {
+      "types": "./scale-feedback/index.d.ts",
+      "import": "./scale-feedback/index.mjs"
+    },
     "./package.json": "./package.json"
   },
   "files": [
     "package.json",
     "recipes",
+    "scale-feedback",
     "vars",
     "*.css",
     "LICENSE",
@@ -50,12 +55,13 @@
   ],
   "scripts": {
     "rootage:generate": "bun rootage token-ts ./vars --prefix seed && rootage component-spec ./vars/component --prefix seed",
-    "qvism:generate": "bun qvism ./ ./recipes",
+    "qvism:generate": "bun qvism ./ ./recipes && bun run ./scripts/generate-scale-feedback.mjs",
     "lint:publish": "bun publint"
   },
   "devDependencies": {
     "@seed-design/qvism-cli": "0.0.0",
-    "@seed-design/lynx-qvism-preset": "0.0.0"
+    "@seed-design/lynx-qvism-preset": "0.0.0",
+    "@seed-design/rootage-artifacts": "2.9.0"
   },
   "publishConfig": {
     "access": "public"

package/recipes/accordion.css

@@ -23,6 +23,13 @@
     background-color: transparent;
     border: none
 }
+.seed-accordion__triggerContent {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    transform: scale(1)
+}
 .seed-accordion__pressedOverlay {
     position: absolute;
     top: 0;
@@ -166,6 +173,9 @@
 .seed-accordion__suffixIcon--disabled_true {
     color: var(--seed-color-fg-disabled)
 }
+.seed-accordion__trigger--disabled_false:active .seed-accordion__pressedOverlay {
+    background-color: var(--seed-color-bg-transparent-pressed)
+}
 .seed-accordion__root--variant_separated-size_medium {
     gap: var(--seed-dimension-x3)
 }

package/recipes/accordion.d.ts

@@ -27,7 +27,7 @@ declare type AccordionVariantMap = {
 
 export declare type AccordionVariantProps = Partial<AccordionVariant>;
 
-export declare type AccordionSlotName = "root" | "item" | "header" | "trigger" | "pressedOverlay" | "prefix" | "body" | "title" | "description" | "suffixIcon" | "content" | "contentInner" | "divider";
+export declare type AccordionSlotName = "root" | "item" | "header" | "trigger" | "triggerContent" | "pressedOverlay" | "prefix" | "body" | "title" | "description" | "suffixIcon" | "content" | "contentInner" | "divider";
 
 export declare const accordionVariantMap: AccordionVariantMap;
 

package/recipes/accordion.mjs

@@ -18,6 +18,10 @@ const accordionSlotNames = [
     "trigger",
     "seed-accordion__trigger"
   ],
+  [
+    "triggerContent",
+    "seed-accordion__triggerContent"
+  ],
   [
     "pressedOverlay",
     "seed-accordion__pressedOverlay"

package/recipes/action-button.css

@@ -25,8 +25,7 @@
     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);
-    transform: scale(1);
-    transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), transform var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale)
+    transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing)
 }
 .seed-action-button__text {
     font-weight: var(--seed-font-weight-bold);
@@ -342,35 +341,44 @@
 .seed-action-button__root--variant_brandSolid-pressed_true {
     background: var(--seed-color-bg-brand-solid-pressed)
 }
+.seed-action-button__root--variant_brandSolid-disabled_false-loading_false:active {
+    background: var(--seed-color-bg-brand-solid-pressed)
+}
 .seed-action-button__root--variant_neutralSolid-pressed_true {
     background: var(--seed-color-bg-neutral-inverted-pressed)
 }
+.seed-action-button__root--variant_neutralSolid-disabled_false-loading_false:active {
+    background: var(--seed-color-bg-neutral-inverted-pressed)
+}
 .seed-action-button__root--variant_neutralWeak-pressed_true {
     background: var(--seed-color-bg-neutral-weak-pressed)
 }
+.seed-action-button__root--variant_neutralWeak-disabled_false-loading_false:active {
+    background: var(--seed-color-bg-neutral-weak-pressed)
+}
 .seed-action-button__root--variant_criticalSolid-pressed_true {
     background: var(--seed-color-bg-critical-solid-pressed)
 }
+.seed-action-button__root--variant_criticalSolid-disabled_false-loading_false:active {
+    background: var(--seed-color-bg-critical-solid-pressed)
+}
 .seed-action-button__root--variant_brandOutline-pressed_true {
     background: var(--seed-color-bg-transparent-pressed)
 }
-.seed-action-button__root--variant_neutralOutline-pressed_true {
+.seed-action-button__root--variant_brandOutline-disabled_false-loading_false:active {
     background: var(--seed-color-bg-transparent-pressed)
 }
-.seed-action-button__root--variant_ghost-pressed_true {
+.seed-action-button__root--variant_neutralOutline-pressed_true {
     background: var(--seed-color-bg-transparent-pressed)
 }
-.seed-action-button__root--size_xsmall-pressed_true {
-    transform: scale(var(--seed-scale-s95))
-}
-.seed-action-button__root--size_small-pressed_true {
-    transform: scale(var(--seed-scale-s97))
+.seed-action-button__root--variant_neutralOutline-disabled_false-loading_false:active {
+    background: var(--seed-color-bg-transparent-pressed)
 }
-.seed-action-button__root--size_medium-pressed_true {
-    transform: scale(var(--seed-scale-s97))
+.seed-action-button__root--variant_ghost-pressed_true {
+    background: var(--seed-color-bg-transparent-pressed)
 }
-.seed-action-button__root--size_large-pressed_true {
-    transform: scale(var(--seed-scale-s98))
+.seed-action-button__root--variant_ghost-disabled_false-loading_false:active {
+    background: var(--seed-color-bg-transparent-pressed)
 }
 .seed-action-button__root--variant_brandSolid-disabled_true {
     background: var(--seed-color-bg-disabled)

package/recipes/action-button.mjs

@@ -78,45 +78,64 @@ const compoundVariants = [
     "variant": "brandSolid",
     "pressed": true
   },
+  {
+    "variant": "brandSolid",
+    "disabled": false,
+    "loading": false
+  },
   {
     "variant": "neutralSolid",
     "pressed": true
   },
+  {
+    "variant": "neutralSolid",
+    "disabled": false,
+    "loading": false
+  },
   {
     "variant": "neutralWeak",
     "pressed": true
   },
+  {
+    "variant": "neutralWeak",
+    "disabled": false,
+    "loading": false
+  },
   {
     "variant": "criticalSolid",
     "pressed": true
   },
   {
-    "variant": "brandOutline",
-    "pressed": true
+    "variant": "criticalSolid",
+    "disabled": false,
+    "loading": false
   },
   {
-    "variant": "neutralOutline",
+    "variant": "brandOutline",
     "pressed": true
   },
   {
-    "variant": "ghost",
-    "pressed": true
+    "variant": "brandOutline",
+    "disabled": false,
+    "loading": false
   },
   {
-    "size": "xsmall",
+    "variant": "neutralOutline",
     "pressed": true
   },
   {
-    "size": "small",
-    "pressed": true
+    "variant": "neutralOutline",
+    "disabled": false,
+    "loading": false
   },
   {
-    "size": "medium",
+    "variant": "ghost",
     "pressed": true
   },
   {
-    "size": "large",
-    "pressed": true
+    "variant": "ghost",
+    "disabled": false,
+    "loading": false
   },
   {
     "variant": "brandSolid",

package/recipes/callout.css

@@ -175,18 +175,36 @@
 .seed-callout__root--tone_neutral-pressed_true {
     background-color: var(--seed-color-bg-neutral-weak-pressed)
 }
+.seed-callout__root--tone_neutral-interactive_true:active {
+    background-color: var(--seed-color-bg-neutral-weak-pressed)
+}
 .seed-callout__root--tone_informative-pressed_true {
     background-color: var(--seed-color-bg-informative-weak-pressed)
 }
+.seed-callout__root--tone_informative-interactive_true:active {
+    background-color: var(--seed-color-bg-informative-weak-pressed)
+}
 .seed-callout__root--tone_positive-pressed_true {
     background-color: var(--seed-color-bg-positive-weak-pressed)
 }
+.seed-callout__root--tone_positive-interactive_true:active {
+    background-color: var(--seed-color-bg-positive-weak-pressed)
+}
 .seed-callout__root--tone_warning-pressed_true {
     background-color: var(--seed-color-bg-warning-weak-pressed)
 }
+.seed-callout__root--tone_warning-interactive_true:active {
+    background-color: var(--seed-color-bg-warning-weak-pressed)
+}
 .seed-callout__root--tone_critical-pressed_true {
     background-color: var(--seed-color-bg-critical-weak-pressed)
 }
+.seed-callout__root--tone_critical-interactive_true:active {
+    background-color: var(--seed-color-bg-critical-weak-pressed)
+}
 .seed-callout__root--tone_magic-pressed_true {
     background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed))
+}
+.seed-callout__root--tone_magic-interactive_true:active {
+    background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed))
 }

package/recipes/callout.d.ts

@@ -7,6 +7,10 @@ declare interface CalloutVariant {
   * @default false
   */
   pressed: boolean;
+/**
+  * @default false
+  */
+  interactive: boolean;
 }
 
 declare type CalloutVariantMap = {

package/recipes/callout.mjs

@@ -38,7 +38,8 @@ const calloutSlotNames = [
 
 const defaultVariant = {
   "tone": "neutral",
-  "pressed": false
+  "pressed": false,
+  "interactive": false
 };
 
 const compoundVariants = [
@@ -46,25 +47,49 @@ const compoundVariants = [
     "tone": "neutral",
     "pressed": true
   },
+  {
+    "tone": "neutral",
+    "interactive": true
+  },
   {
     "tone": "informative",
     "pressed": true
   },
+  {
+    "tone": "informative",
+    "interactive": true
+  },
   {
     "tone": "positive",
     "pressed": true
   },
+  {
+    "tone": "positive",
+    "interactive": true
+  },
   {
     "tone": "warning",
     "pressed": true
   },
+  {
+    "tone": "warning",
+    "interactive": true
+  },
   {
     "tone": "critical",
     "pressed": true
   },
+  {
+    "tone": "critical",
+    "interactive": true
+  },
   {
     "tone": "magic",
     "pressed": true
+  },
+  {
+    "tone": "magic",
+    "interactive": true
   }
 ];
 
@@ -80,6 +105,10 @@ export const calloutVariantMap = {
   "pressed": [
     true,
     false
+  ],
+  "interactive": [
+    true,
+    false
   ]
 };
 

package/recipes/checkbox.css

@@ -14,21 +14,33 @@
     font-weight: var(--seed-font-weight-bold)
 }
 .seed-checkbox__root--size_medium {
-    min-height: var(--seed-dimension-x8);
-    --checkmark-margin-top: calc((var(--seed-dimension-x8) - var(--seed-dimension-x5)) / 2)
+    min-height: var(--seed-dimension-x8)
+}
+.seed-checkbox__control--size_medium {
+    margin-top: calc(var(--seed-dimension-x8) / 2 - var(--seed-dimension-x5) / 2)
 }
 .seed-checkbox__label--size_medium {
     font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4)
+    line-height: var(--seed-line-height-t4);
+    margin-top: calc(var(--seed-dimension-x8) / 2 - var(--seed-line-height-t4) / 2)
 }
 .seed-checkbox__root--size_large {
-    min-height: var(--seed-dimension-x9);
-    --checkmark-margin-top: calc((var(--seed-dimension-x9) - var(--seed-dimension-x6)) / 2)
+    min-height: var(--seed-dimension-x9)
+}
+.seed-checkbox__control--size_large {
+    margin-top: calc(var(--seed-dimension-x9) / 2 - var(--seed-dimension-x6) / 2)
 }
 .seed-checkbox__label--size_large {
     font-size: var(--seed-font-size-t5);
-    line-height: var(--seed-line-height-t5)
+    line-height: var(--seed-line-height-t5);
+    margin-top: calc(var(--seed-dimension-x9) / 2 - var(--seed-line-height-t5) / 2)
 }
 .seed-checkbox__label--disabled_true {
     color: var(--seed-color-fg-disabled)
+}
+.seed-checkbox__root--disabled_false:active .seed-checkmark__root {
+    background-color: var(--seed-checkmark-pressed-color)
+}
+.seed-checkbox__root--disabled_false:active .seed-checkmark__background {
+    opacity: 1
 }

package/recipes/checkbox.d.ts

@@ -19,7 +19,7 @@ declare type CheckboxVariantMap = {
 
 export declare type CheckboxVariantProps = Partial<CheckboxVariant>;
 
-export declare type CheckboxSlotName = "root" | "label";
+export declare type CheckboxSlotName = "root" | "control" | "label";
 
 export declare const checkboxVariantMap: CheckboxVariantMap;
 

package/recipes/checkbox.mjs

@@ -6,6 +6,10 @@ const checkboxSlotNames = [
     "root",
     "seed-checkbox__root"
   ],
+  [
+    "control",
+    "seed-checkbox__control"
+  ],
   [
     "label",
     "seed-checkbox__label"

package/recipes/checkmark.css

@@ -3,8 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    flex: none;
-    margin-top: var(--checkmark-margin-top, 0)
+    flex: none
 }
 .seed-checkmark__background {
     position: absolute;
@@ -19,6 +18,7 @@
     position: absolute
 }
 .seed-checkmark__root--variant_square {
+    --seed-checkmark-pressed-color: var(--seed-color-bg-transparent-pressed);
     border-width: 1px;
     border-style: solid;
     border-color: var(--seed-color-stroke-neutral-weak);
@@ -74,25 +74,29 @@
     border-color: #00000000
 }
 .seed-checkmark__root--variant_square-tone_brand-checked_true-disabled_false {
-    background-color: var(--seed-color-bg-brand-solid)
+    background-color: var(--seed-color-bg-brand-solid);
+    --seed-checkmark-pressed-color: var(--seed-color-bg-brand-solid-pressed)
 }
 .seed-checkmark__icon--variant_square-tone_brand-checked_true-disabled_false {
     color: var(--seed-color-palette-static-white)
 }
 .seed-checkmark__root--variant_square-tone_neutral-checked_true-disabled_false {
-    background-color: var(--seed-color-bg-neutral-inverted)
+    background-color: var(--seed-color-bg-neutral-inverted);
+    --seed-checkmark-pressed-color: var(--seed-color-bg-neutral-inverted-pressed)
 }
 .seed-checkmark__icon--variant_square-tone_neutral-checked_true-disabled_false {
     color: var(--seed-color-fg-neutral-inverted)
 }
 .seed-checkmark__root--variant_square-tone_brand-indeterminate_true-disabled_false {
-    background-color: var(--seed-color-bg-brand-solid)
+    background-color: var(--seed-color-bg-brand-solid);
+    --seed-checkmark-pressed-color: var(--seed-color-bg-brand-solid-pressed)
 }
 .seed-checkmark__icon--variant_square-tone_brand-indeterminate_true-disabled_false {
     color: var(--seed-color-palette-static-white)
 }
 .seed-checkmark__root--variant_square-tone_neutral-indeterminate_true-disabled_false {
-    background-color: var(--seed-color-bg-neutral-inverted)
+    background-color: var(--seed-color-bg-neutral-inverted);
+    --seed-checkmark-pressed-color: var(--seed-color-bg-neutral-inverted-pressed)
 }
 .seed-checkmark__icon--variant_square-tone_neutral-indeterminate_true-disabled_false {
     color: var(--seed-color-fg-neutral-inverted)

package/recipes/chip.css

@@ -221,18 +221,36 @@
 .seed-chip__root--variant_solid-pressed_true-selected_false {
     background: var(--seed-color-bg-neutral-weak-alpha-pressed)
 }
+.seed-chip__root--variant_solid-selected_false-disabled_false:active {
+    background: var(--seed-color-bg-neutral-weak-alpha-pressed)
+}
 .seed-chip__root--variant_outlineStrong-pressed_true-selected_false {
     background: var(--seed-color-bg-transparent-pressed)
 }
+.seed-chip__root--variant_outlineStrong-selected_false-disabled_false:active {
+    background: var(--seed-color-bg-transparent-pressed)
+}
 .seed-chip__root--variant_outlineWeak-pressed_true-selected_false {
     background: var(--seed-color-bg-transparent-pressed)
 }
+.seed-chip__root--variant_outlineWeak-selected_false-disabled_false:active {
+    background: var(--seed-color-bg-transparent-pressed)
+}
 .seed-chip__root--variant_solid-selected_true-pressed_true {
     background: var(--seed-color-bg-neutral-inverted-pressed)
 }
+.seed-chip__root--variant_solid-selected_true-disabled_false:active {
+    background: var(--seed-color-bg-neutral-inverted-pressed)
+}
 .seed-chip__root--variant_outlineStrong-selected_true-pressed_true {
     background: var(--seed-color-bg-neutral-inverted-pressed)
 }
+.seed-chip__root--variant_outlineStrong-selected_true-disabled_false:active {
+    background: var(--seed-color-bg-neutral-inverted-pressed)
+}
 .seed-chip__root--variant_outlineWeak-selected_true-pressed_true {
     background: var(--seed-color-bg-neutral-weak-pressed)
+}
+.seed-chip__root--variant_outlineWeak-selected_true-disabled_false:active {
+    background: var(--seed-color-bg-neutral-weak-pressed)
 }