@seed-design/css 2.6.2 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/all.css +62 -61
  2. package/all.layered.css +62 -61
  3. package/all.layered.min.css +1 -1
  4. package/all.min.css +1 -1
  5. package/base.css +59 -56
  6. package/base.layered.css +59 -56
  7. package/base.layered.min.css +1 -1
  8. package/base.min.css +1 -1
  9. package/package.json +1 -1
  10. package/recipes/scroll-fog.css +2 -4
  11. package/recipes/scroll-fog.layered.css +3 -5
  12. package/theming/index.cjs +41 -5
  13. package/theming/index.mjs +41 -5
  14. package/vars/component/callout.d.ts +6 -2
  15. package/vars/component/callout.mjs +6 -2
  16. package/vars/component/image-frame-reaction-button.d.ts +26 -2
  17. package/vars/component/image-frame-reaction-button.mjs +26 -2
  18. package/vars/component/page-banner.d.ts +6 -2
  19. package/vars/component/page-banner.mjs +6 -2
  20. package/vars/component/scroll-fog.d.ts +69 -2
  21. package/vars/component/scroll-fog.mjs +69 -2
  22. package/vars/component/skeleton.d.ts +6 -2
  23. package/vars/component/skeleton.mjs +6 -2
  24. package/vars/component/top-navigation.d.ts +13 -1
  25. package/vars/component/top-navigation.mjs +13 -1
  26. package/vars/gradient.d.ts +2 -0
  27. package/vars/gradient.mjs +1 -0
package/base.min.css CHANGED
@@ -1 +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;--seed-feedback-scale:1;--seed-feedback-scale-transition:scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale)}[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{vertical-align:middle;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,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)}.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-base:0;--seed-box-padding-sm:var(--seed-box-padding-base,initial);--seed-box-padding-md:var(--seed-box-padding-sm,initial);--seed-box-padding-lg:var(--seed-box-padding-md,initial);--seed-box-padding-xl:var(--seed-box-padding-lg,initial);--seed-box-padding:var(--seed-box-padding-base,initial);--seed-box-padding-y-base:var(--seed-box-padding);--seed-box-padding-y-sm:var(--seed-box-padding-y-base,initial);--seed-box-padding-y-md:var(--seed-box-padding-y-sm,initial);--seed-box-padding-y-lg:var(--seed-box-padding-y-md,initial);--seed-box-padding-y-xl:var(--seed-box-padding-y-lg,initial);--seed-box-padding-y:var(--seed-box-padding-y-base,initial);--seed-box-padding-x-base:var(--seed-box-padding);--seed-box-padding-x-sm:var(--seed-box-padding-x-base,initial);--seed-box-padding-x-md:var(--seed-box-padding-x-sm,initial);--seed-box-padding-x-lg:var(--seed-box-padding-x-md,initial);--seed-box-padding-x-xl:var(--seed-box-padding-x-lg,initial);--seed-box-padding-x:var(--seed-box-padding-x-base,initial);--seed-box-padding-bottom-base:var(--seed-box-padding-y);--seed-box-padding-bottom-sm:var(--seed-box-padding-bottom-base,initial);--seed-box-padding-bottom-md:var(--seed-box-padding-bottom-sm,initial);--seed-box-padding-bottom-lg:var(--seed-box-padding-bottom-md,initial);--seed-box-padding-bottom-xl:var(--seed-box-padding-bottom-lg,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-base,initial);--seed-box-padding-top-base:var(--seed-box-padding-y);--seed-box-padding-top-sm:var(--seed-box-padding-top-base,initial);--seed-box-padding-top-md:var(--seed-box-padding-top-sm,initial);--seed-box-padding-top-lg:var(--seed-box-padding-top-md,initial);--seed-box-padding-top-xl:var(--seed-box-padding-top-lg,initial);--seed-box-padding-top:var(--seed-box-padding-top-base,initial);--seed-box-padding-left-base:var(--seed-box-padding-x);--seed-box-padding-left-sm:var(--seed-box-padding-left-base,initial);--seed-box-padding-left-md:var(--seed-box-padding-left-sm,initial);--seed-box-padding-left-lg:var(--seed-box-padding-left-md,initial);--seed-box-padding-left-xl:var(--seed-box-padding-left-lg,initial);--seed-box-padding-left:var(--seed-box-padding-left-base,initial);--seed-box-padding-right-base:var(--seed-box-padding-x);--seed-box-padding-right-sm:var(--seed-box-padding-right-base,initial);--seed-box-padding-right-md:var(--seed-box-padding-right-sm,initial);--seed-box-padding-right-lg:var(--seed-box-padding-right-md,initial);--seed-box-padding-right-xl:var(--seed-box-padding-right-lg,initial);--seed-box-padding-right:var(--seed-box-padding-right-base,initial);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-base:0px;--seed-box-bleed-bottom-sm:var(--seed-box-bleed-bottom-base,initial);--seed-box-bleed-bottom-md:var(--seed-box-bleed-bottom-sm,initial);--seed-box-bleed-bottom-lg:var(--seed-box-bleed-bottom-md,initial);--seed-box-bleed-bottom-xl:var(--seed-box-bleed-bottom-lg,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-base,initial);--seed-box-bleed-top-base:0px;--seed-box-bleed-top-sm:var(--seed-box-bleed-top-base,initial);--seed-box-bleed-top-md:var(--seed-box-bleed-top-sm,initial);--seed-box-bleed-top-lg:var(--seed-box-bleed-top-md,initial);--seed-box-bleed-top-xl:var(--seed-box-bleed-top-lg,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-base,initial);--seed-box-bleed-left-base:0px;--seed-box-bleed-left-sm:var(--seed-box-bleed-left-base,initial);--seed-box-bleed-left-md:var(--seed-box-bleed-left-sm,initial);--seed-box-bleed-left-lg:var(--seed-box-bleed-left-md,initial);--seed-box-bleed-left-xl:var(--seed-box-bleed-left-lg,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-base,initial);--seed-box-bleed-right-base:0px;--seed-box-bleed-right-sm:var(--seed-box-bleed-right-base,initial);--seed-box-bleed-right-md:var(--seed-box-bleed-right-sm,initial);--seed-box-bleed-right-lg:var(--seed-box-bleed-right-md,initial);--seed-box-bleed-right-xl:var(--seed-box-bleed-right-lg,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-base,initial);--seed-box-margin-base:initial;--seed-box-margin-sm:var(--seed-box-margin-base,initial);--seed-box-margin-md:var(--seed-box-margin-sm,initial);--seed-box-margin-lg:var(--seed-box-margin-md,initial);--seed-box-margin-xl:var(--seed-box-margin-lg,initial);--seed-box-margin:var(--seed-box-margin-base,initial);--seed-box-margin-y-base:var(--seed-box-margin,initial);--seed-box-margin-y-sm:var(--seed-box-margin-y-base,initial);--seed-box-margin-y-md:var(--seed-box-margin-y-sm,initial);--seed-box-margin-y-lg:var(--seed-box-margin-y-md,initial);--seed-box-margin-y-xl:var(--seed-box-margin-y-lg,initial);--seed-box-margin-y:var(--seed-box-margin-y-base,initial);--seed-box-margin-x-base:var(--seed-box-margin,initial);--seed-box-margin-x-sm:var(--seed-box-margin-x-base,initial);--seed-box-margin-x-md:var(--seed-box-margin-x-sm,initial);--seed-box-margin-x-lg:var(--seed-box-margin-x-md,initial);--seed-box-margin-x-xl:var(--seed-box-margin-x-lg,initial);--seed-box-margin-x:var(--seed-box-margin-x-base,initial);--seed-box-margin-top-base:var(--seed-box-margin-y,initial);--seed-box-margin-top-sm:var(--seed-box-margin-top-base,initial);--seed-box-margin-top-md:var(--seed-box-margin-top-sm,initial);--seed-box-margin-top-lg:var(--seed-box-margin-top-md,initial);--seed-box-margin-top-xl:var(--seed-box-margin-top-lg,initial);--seed-box-margin-top:var(--seed-box-margin-top-base,initial);--seed-box-margin-bottom-base:var(--seed-box-margin-y,initial);--seed-box-margin-bottom-sm:var(--seed-box-margin-bottom-base,initial);--seed-box-margin-bottom-md:var(--seed-box-margin-bottom-sm,initial);--seed-box-margin-bottom-lg:var(--seed-box-margin-bottom-md,initial);--seed-box-margin-bottom-xl:var(--seed-box-margin-bottom-lg,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-base,initial);--seed-box-margin-left-base:var(--seed-box-margin-x,initial);--seed-box-margin-left-sm:var(--seed-box-margin-left-base,initial);--seed-box-margin-left-md:var(--seed-box-margin-left-sm,initial);--seed-box-margin-left-lg:var(--seed-box-margin-left-md,initial);--seed-box-margin-left-xl:var(--seed-box-margin-left-lg,initial);--seed-box-margin-left:var(--seed-box-margin-left-base,initial);--seed-box-margin-right-base:var(--seed-box-margin-x,initial);--seed-box-margin-right-sm:var(--seed-box-margin-right-base,initial);--seed-box-margin-right-md:var(--seed-box-margin-right-sm,initial);--seed-box-margin-right-lg:var(--seed-box-margin-right-md,initial);--seed-box-margin-right-xl:var(--seed-box-margin-right-lg,initial);--seed-box-margin-right:var(--seed-box-margin-right-base,initial);margin-top:var(--seed-box-margin-top,calc(var(--seed-box-bleed-top) * -1));margin-bottom:var(--seed-box-margin-bottom,calc(var(--seed-box-bleed-bottom) * -1));margin-left:var(--seed-box-margin-left,calc(var(--seed-box-bleed-left) * -1));margin-right:var(--seed-box-margin-right,calc(var(--seed-box-bleed-right) * -1));--seed-box-min-height-base:auto;--seed-box-min-height-sm:var(--seed-box-min-height-base,initial);--seed-box-min-height-md:var(--seed-box-min-height-sm,initial);--seed-box-min-height-lg:var(--seed-box-min-height-md,initial);--seed-box-min-height-xl:var(--seed-box-min-height-lg,initial);--seed-box-min-height:var(--seed-box-min-height-base,initial);--seed-box-max-height-base:none;--seed-box-max-height-sm:var(--seed-box-max-height-base,initial);--seed-box-max-height-md:var(--seed-box-max-height-sm,initial);--seed-box-max-height-lg:var(--seed-box-max-height-md,initial);--seed-box-max-height-xl:var(--seed-box-max-height-lg,initial);--seed-box-max-height:var(--seed-box-max-height-base,initial);--seed-box-height-base:auto;--seed-box-height-sm:var(--seed-box-height-base,initial);--seed-box-height-md:var(--seed-box-height-sm,initial);--seed-box-height-lg:var(--seed-box-height-md,initial);--seed-box-height-xl:var(--seed-box-height-lg,initial);--seed-box-height:var(--seed-box-height-base,initial);--seed-box-min-width-base:auto;--seed-box-min-width-sm:var(--seed-box-min-width-base,initial);--seed-box-min-width-md:var(--seed-box-min-width-sm,initial);--seed-box-min-width-lg:var(--seed-box-min-width-md,initial);--seed-box-min-width-xl:var(--seed-box-min-width-lg,initial);--seed-box-min-width:var(--seed-box-min-width-base,initial);--seed-box-max-width-base:none;--seed-box-max-width-sm:var(--seed-box-max-width-base,initial);--seed-box-max-width-md:var(--seed-box-max-width-sm,initial);--seed-box-max-width-lg:var(--seed-box-max-width-md,initial);--seed-box-max-width-xl:var(--seed-box-max-width-lg,initial);--seed-box-max-width:var(--seed-box-max-width-base,initial);--seed-box-width-base:auto;--seed-box-width-sm:var(--seed-box-width-base,initial);--seed-box-width-md:var(--seed-box-width-sm,initial);--seed-box-width-lg:var(--seed-box-width-md,initial);--seed-box-width-xl:var(--seed-box-width-lg,initial);--seed-box-width:var(--seed-box-width-base,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-box-shadow:initial;box-shadow:var(--seed-box-box-shadow);--seed-box-display-base:block;--seed-box-display-sm:var(--seed-box-display-base,initial);--seed-box-display-md:var(--seed-box-display-sm,initial);--seed-box-display-lg:var(--seed-box-display-md,initial);--seed-box-display-xl:var(--seed-box-display-lg,initial);--seed-box-display:var(--seed-box-display-base,initial);--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-base:row;--seed-box-flex-direction-sm:var(--seed-box-flex-direction-base,initial);--seed-box-flex-direction-md:var(--seed-box-flex-direction-sm,initial);--seed-box-flex-direction-lg:var(--seed-box-flex-direction-md,initial);--seed-box-flex-direction-xl:var(--seed-box-flex-direction-lg,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-base,initial);--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-justify-self:auto;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap-base:0px;--seed-box-gap-sm:var(--seed-box-gap-base,initial);--seed-box-gap-md:var(--seed-box-gap-sm,initial);--seed-box-gap-lg:var(--seed-box-gap-md,initial);--seed-box-gap-xl:var(--seed-box-gap-lg,initial);--seed-box-gap:var(--seed-box-gap-base,initial);flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);justify-self:var(--seed-box-justify-self);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-grid-column:initial;grid-column:var(--seed-box-grid-column);--seed-box-grid-row:initial;grid-row:var(--seed-box-grid-row)}.seed-box[data-has-active-bg]:is(:active,[data-active]){background:var(--seed-box-background--active)}.seed-grid{--seed-grid-columns-base:none;--seed-grid-columns-sm:var(--seed-grid-columns-base,initial);--seed-grid-columns-md:var(--seed-grid-columns-sm,initial);--seed-grid-columns-lg:var(--seed-grid-columns-md,initial);--seed-grid-columns-xl:var(--seed-grid-columns-lg,initial);--seed-grid-columns:var(--seed-grid-columns-base,initial);grid-template-columns:var(--seed-grid-columns);--seed-grid-rows-base:none;--seed-grid-rows-sm:var(--seed-grid-rows-base,initial);--seed-grid-rows-md:var(--seed-grid-rows-sm,initial);--seed-grid-rows-lg:var(--seed-grid-rows-md,initial);--seed-grid-rows-xl:var(--seed-grid-rows-lg,initial);--seed-grid-rows:var(--seed-grid-rows-base,initial);grid-template-rows:var(--seed-grid-rows);--seed-grid-auto-flow:initial;grid-auto-flow:var(--seed-grid-auto-flow);--seed-grid-auto-columns:initial;grid-auto-columns:var(--seed-grid-auto-columns);--seed-grid-auto-rows:initial;grid-auto-rows:var(--seed-grid-auto-rows);--seed-grid-justify-items:stretch;justify-items:var(--seed-grid-justify-items)}.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}.seed-scale-feedback{--seed-dynamic-scale-basis:max(var(--seed-element-height), var(--seed-element-width) / 4, 24);--seed-dynamic-scale:calc((var(--seed-dynamic-scale-basis) - 2) / var(--seed-dynamic-scale-basis));--seed-feedback-scale:var(--seed-dynamic-scale,1);scale:1}@media (prefers-reduced-motion:reduce){.seed-scale-feedback{--seed-feedback-scale:1}}:root,[data-seed-color-mode=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root,[data-seed-color-mode=system]{--lightningcss-light: ;--lightningcss-dark:initial}}[data-seed-color-mode=light-only]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}[data-seed-color-mode=dark-only]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}: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-duration-color-transition:var(--seed-duration-d3);--seed-duration-pressed-scale:var(--seed-duration-d3);--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-t11:clamp(calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-min,.8)), calc(1.75rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-max,1.5)));--seed-font-size-t12:clamp(calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-min,.8)), calc(2rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-max,1.5)));--seed-font-size-t13:clamp(calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-min,.8)), calc(2.5rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-max,1.5)));--seed-font-size-t14:clamp(calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-min,.8)), calc(3rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t14-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-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: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-t11:clamp(calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-min,.8)), calc(2.375rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-max,1.5)));--seed-line-height-t12:clamp(calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-min,.8)), calc(2.625rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-max,1.5)));--seed-line-height-t13:clamp(calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-min,.8)), calc(3.25rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-max,1.5)));--seed-line-height-t14:clamp(calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-min,.8)), calc(3.75rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t14-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-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[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-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:var(--seed-color-palette-carrot-600);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--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-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--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:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--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:var(--seed-color-palette-red-100);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--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:var(--seed-color-palette-blue-100);--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-default-pressed:var(--seed-color-palette-gray-100);--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-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--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:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-weak-alpha:var(--seed-color-palette-static-black-alpha-200);--seed-color-bg-neutral-weak-alpha-pressed:var(--seed-color-palette-static-black-alpha-300);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--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:var(--seed-color-palette-green-100);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-transparent:#0000;--seed-color-bg-transparent-pressed:var(--seed-color-palette-static-black-alpha-100);--seed-color-bg-transparent-selected:var(--seed-color-palette-static-black-alpha-200);--seed-color-bg-transparent-selected-pressed:var(--seed-color-palette-static-black-alpha-300);--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:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-focus-ring:var(--seed-color-palette-blue-600);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--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-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[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-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:var(--seed-color-palette-carrot-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--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-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--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:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--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:var(--seed-color-palette-red-100);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--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:var(--seed-color-palette-blue-100);--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-default-pressed:var(--seed-color-palette-gray-300);--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-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--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:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-weak-alpha:var(--seed-color-palette-static-white-alpha-200);--seed-color-bg-neutral-weak-alpha-pressed:var(--seed-color-palette-static-white-alpha-300);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--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:var(--seed-color-palette-green-100);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-transparent:#fff0;--seed-color-bg-transparent-pressed:var(--seed-color-palette-static-white-alpha-50);--seed-color-bg-transparent-selected:var(--seed-color-palette-static-white-alpha-100);--seed-color-bg-transparent-selected-pressed:var(--seed-color-palette-static-white-alpha-200);--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:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-focus-ring:var(--seed-color-palette-blue-600);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--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-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}@media (prefers-reduced-motion:reduce){:root{--seed-scale-s95:1;--seed-scale-s97:1;--seed-scale-s98:1}}@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)}}@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(--initial-transform,100%), 0)}to{transform:translate3d(0, var(--snap-point-height,0), 0)}}@keyframes drawer-slide-to-bottom{to{transform:translate3d(0, var(--initial-transform,100%), 0)}}@media (min-width:480px){.seed-box{--seed-box-padding:var(--seed-box-padding-sm,initial);--seed-box-padding-y:var(--seed-box-padding-y-sm,initial);--seed-box-padding-x:var(--seed-box-padding-x-sm,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-sm,initial);--seed-box-padding-top:var(--seed-box-padding-top-sm,initial);--seed-box-padding-left:var(--seed-box-padding-left-sm,initial);--seed-box-padding-right:var(--seed-box-padding-right-sm,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-sm,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-sm,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-sm,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-sm,initial);--seed-box-margin:var(--seed-box-margin-sm,initial);--seed-box-margin-y:var(--seed-box-margin-y-sm,initial);--seed-box-margin-x:var(--seed-box-margin-x-sm,initial);--seed-box-margin-top:var(--seed-box-margin-top-sm,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-sm,initial);--seed-box-margin-left:var(--seed-box-margin-left-sm,initial);--seed-box-margin-right:var(--seed-box-margin-right-sm,initial);--seed-box-min-height:var(--seed-box-min-height-sm,initial);--seed-box-max-height:var(--seed-box-max-height-sm,initial);--seed-box-height:var(--seed-box-height-sm,initial);--seed-box-min-width:var(--seed-box-min-width-sm,initial);--seed-box-max-width:var(--seed-box-max-width-sm,initial);--seed-box-width:var(--seed-box-width-sm,initial);--seed-box-display:var(--seed-box-display-sm,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-sm,initial);--seed-box-gap:var(--seed-box-gap-sm,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-sm,initial);--seed-grid-rows:var(--seed-grid-rows-sm,initial)}}@media (min-width:768px){.seed-box{--seed-box-padding:var(--seed-box-padding-md,initial);--seed-box-padding-y:var(--seed-box-padding-y-md,initial);--seed-box-padding-x:var(--seed-box-padding-x-md,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-md,initial);--seed-box-padding-top:var(--seed-box-padding-top-md,initial);--seed-box-padding-left:var(--seed-box-padding-left-md,initial);--seed-box-padding-right:var(--seed-box-padding-right-md,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-md,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-md,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-md,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-md,initial);--seed-box-margin:var(--seed-box-margin-md,initial);--seed-box-margin-y:var(--seed-box-margin-y-md,initial);--seed-box-margin-x:var(--seed-box-margin-x-md,initial);--seed-box-margin-top:var(--seed-box-margin-top-md,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-md,initial);--seed-box-margin-left:var(--seed-box-margin-left-md,initial);--seed-box-margin-right:var(--seed-box-margin-right-md,initial);--seed-box-min-height:var(--seed-box-min-height-md,initial);--seed-box-max-height:var(--seed-box-max-height-md,initial);--seed-box-height:var(--seed-box-height-md,initial);--seed-box-min-width:var(--seed-box-min-width-md,initial);--seed-box-max-width:var(--seed-box-max-width-md,initial);--seed-box-width:var(--seed-box-width-md,initial);--seed-box-display:var(--seed-box-display-md,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-md,initial);--seed-box-gap:var(--seed-box-gap-md,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-md,initial);--seed-grid-rows:var(--seed-grid-rows-md,initial)}}@media (min-width:1280px){.seed-box{--seed-box-padding:var(--seed-box-padding-lg,initial);--seed-box-padding-y:var(--seed-box-padding-y-lg,initial);--seed-box-padding-x:var(--seed-box-padding-x-lg,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-lg,initial);--seed-box-padding-top:var(--seed-box-padding-top-lg,initial);--seed-box-padding-left:var(--seed-box-padding-left-lg,initial);--seed-box-padding-right:var(--seed-box-padding-right-lg,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-lg,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-lg,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-lg,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-lg,initial);--seed-box-margin:var(--seed-box-margin-lg,initial);--seed-box-margin-y:var(--seed-box-margin-y-lg,initial);--seed-box-margin-x:var(--seed-box-margin-x-lg,initial);--seed-box-margin-top:var(--seed-box-margin-top-lg,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-lg,initial);--seed-box-margin-left:var(--seed-box-margin-left-lg,initial);--seed-box-margin-right:var(--seed-box-margin-right-lg,initial);--seed-box-min-height:var(--seed-box-min-height-lg,initial);--seed-box-max-height:var(--seed-box-max-height-lg,initial);--seed-box-height:var(--seed-box-height-lg,initial);--seed-box-min-width:var(--seed-box-min-width-lg,initial);--seed-box-max-width:var(--seed-box-max-width-lg,initial);--seed-box-width:var(--seed-box-width-lg,initial);--seed-box-display:var(--seed-box-display-lg,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-lg,initial);--seed-box-gap:var(--seed-box-gap-lg,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-lg,initial);--seed-grid-rows:var(--seed-grid-rows-lg,initial)}}@media (min-width:1440px){.seed-box{--seed-box-padding:var(--seed-box-padding-xl,initial);--seed-box-padding-y:var(--seed-box-padding-y-xl,initial);--seed-box-padding-x:var(--seed-box-padding-x-xl,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-xl,initial);--seed-box-padding-top:var(--seed-box-padding-top-xl,initial);--seed-box-padding-left:var(--seed-box-padding-left-xl,initial);--seed-box-padding-right:var(--seed-box-padding-right-xl,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-xl,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-xl,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-xl,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-xl,initial);--seed-box-margin:var(--seed-box-margin-xl,initial);--seed-box-margin-y:var(--seed-box-margin-y-xl,initial);--seed-box-margin-x:var(--seed-box-margin-x-xl,initial);--seed-box-margin-top:var(--seed-box-margin-top-xl,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-xl,initial);--seed-box-margin-left:var(--seed-box-margin-left-xl,initial);--seed-box-margin-right:var(--seed-box-margin-right-xl,initial);--seed-box-min-height:var(--seed-box-min-height-xl,initial);--seed-box-max-height:var(--seed-box-max-height-xl,initial);--seed-box-height:var(--seed-box-height-xl,initial);--seed-box-min-width:var(--seed-box-min-width-xl,initial);--seed-box-max-width:var(--seed-box-max-width-xl,initial);--seed-box-width:var(--seed-box-width-xl,initial);--seed-box-display:var(--seed-box-display-xl,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-xl,initial);--seed-box-gap:var(--seed-box-gap-xl,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-xl,initial);--seed-grid-rows:var(--seed-grid-rows-xl,initial)}}
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;--seed-static-font-scale:1;--seed-feedback-scale:1;--seed-feedback-scale-transition:scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale)}[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{vertical-align:middle;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,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)}.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-base:0;--seed-box-padding-sm:var(--seed-box-padding-base,initial);--seed-box-padding-md:var(--seed-box-padding-sm,initial);--seed-box-padding-lg:var(--seed-box-padding-md,initial);--seed-box-padding-xl:var(--seed-box-padding-lg,initial);--seed-box-padding:var(--seed-box-padding-base,initial);--seed-box-padding-y-base:var(--seed-box-padding);--seed-box-padding-y-sm:var(--seed-box-padding-y-base,initial);--seed-box-padding-y-md:var(--seed-box-padding-y-sm,initial);--seed-box-padding-y-lg:var(--seed-box-padding-y-md,initial);--seed-box-padding-y-xl:var(--seed-box-padding-y-lg,initial);--seed-box-padding-y:var(--seed-box-padding-y-base,initial);--seed-box-padding-x-base:var(--seed-box-padding);--seed-box-padding-x-sm:var(--seed-box-padding-x-base,initial);--seed-box-padding-x-md:var(--seed-box-padding-x-sm,initial);--seed-box-padding-x-lg:var(--seed-box-padding-x-md,initial);--seed-box-padding-x-xl:var(--seed-box-padding-x-lg,initial);--seed-box-padding-x:var(--seed-box-padding-x-base,initial);--seed-box-padding-bottom-base:var(--seed-box-padding-y);--seed-box-padding-bottom-sm:var(--seed-box-padding-bottom-base,initial);--seed-box-padding-bottom-md:var(--seed-box-padding-bottom-sm,initial);--seed-box-padding-bottom-lg:var(--seed-box-padding-bottom-md,initial);--seed-box-padding-bottom-xl:var(--seed-box-padding-bottom-lg,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-base,initial);--seed-box-padding-top-base:var(--seed-box-padding-y);--seed-box-padding-top-sm:var(--seed-box-padding-top-base,initial);--seed-box-padding-top-md:var(--seed-box-padding-top-sm,initial);--seed-box-padding-top-lg:var(--seed-box-padding-top-md,initial);--seed-box-padding-top-xl:var(--seed-box-padding-top-lg,initial);--seed-box-padding-top:var(--seed-box-padding-top-base,initial);--seed-box-padding-left-base:var(--seed-box-padding-x);--seed-box-padding-left-sm:var(--seed-box-padding-left-base,initial);--seed-box-padding-left-md:var(--seed-box-padding-left-sm,initial);--seed-box-padding-left-lg:var(--seed-box-padding-left-md,initial);--seed-box-padding-left-xl:var(--seed-box-padding-left-lg,initial);--seed-box-padding-left:var(--seed-box-padding-left-base,initial);--seed-box-padding-right-base:var(--seed-box-padding-x);--seed-box-padding-right-sm:var(--seed-box-padding-right-base,initial);--seed-box-padding-right-md:var(--seed-box-padding-right-sm,initial);--seed-box-padding-right-lg:var(--seed-box-padding-right-md,initial);--seed-box-padding-right-xl:var(--seed-box-padding-right-lg,initial);--seed-box-padding-right:var(--seed-box-padding-right-base,initial);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-base:0px;--seed-box-bleed-bottom-sm:var(--seed-box-bleed-bottom-base,initial);--seed-box-bleed-bottom-md:var(--seed-box-bleed-bottom-sm,initial);--seed-box-bleed-bottom-lg:var(--seed-box-bleed-bottom-md,initial);--seed-box-bleed-bottom-xl:var(--seed-box-bleed-bottom-lg,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-base,initial);--seed-box-bleed-top-base:0px;--seed-box-bleed-top-sm:var(--seed-box-bleed-top-base,initial);--seed-box-bleed-top-md:var(--seed-box-bleed-top-sm,initial);--seed-box-bleed-top-lg:var(--seed-box-bleed-top-md,initial);--seed-box-bleed-top-xl:var(--seed-box-bleed-top-lg,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-base,initial);--seed-box-bleed-left-base:0px;--seed-box-bleed-left-sm:var(--seed-box-bleed-left-base,initial);--seed-box-bleed-left-md:var(--seed-box-bleed-left-sm,initial);--seed-box-bleed-left-lg:var(--seed-box-bleed-left-md,initial);--seed-box-bleed-left-xl:var(--seed-box-bleed-left-lg,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-base,initial);--seed-box-bleed-right-base:0px;--seed-box-bleed-right-sm:var(--seed-box-bleed-right-base,initial);--seed-box-bleed-right-md:var(--seed-box-bleed-right-sm,initial);--seed-box-bleed-right-lg:var(--seed-box-bleed-right-md,initial);--seed-box-bleed-right-xl:var(--seed-box-bleed-right-lg,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-base,initial);--seed-box-margin-base:initial;--seed-box-margin-sm:var(--seed-box-margin-base,initial);--seed-box-margin-md:var(--seed-box-margin-sm,initial);--seed-box-margin-lg:var(--seed-box-margin-md,initial);--seed-box-margin-xl:var(--seed-box-margin-lg,initial);--seed-box-margin:var(--seed-box-margin-base,initial);--seed-box-margin-y-base:var(--seed-box-margin,initial);--seed-box-margin-y-sm:var(--seed-box-margin-y-base,initial);--seed-box-margin-y-md:var(--seed-box-margin-y-sm,initial);--seed-box-margin-y-lg:var(--seed-box-margin-y-md,initial);--seed-box-margin-y-xl:var(--seed-box-margin-y-lg,initial);--seed-box-margin-y:var(--seed-box-margin-y-base,initial);--seed-box-margin-x-base:var(--seed-box-margin,initial);--seed-box-margin-x-sm:var(--seed-box-margin-x-base,initial);--seed-box-margin-x-md:var(--seed-box-margin-x-sm,initial);--seed-box-margin-x-lg:var(--seed-box-margin-x-md,initial);--seed-box-margin-x-xl:var(--seed-box-margin-x-lg,initial);--seed-box-margin-x:var(--seed-box-margin-x-base,initial);--seed-box-margin-top-base:var(--seed-box-margin-y,initial);--seed-box-margin-top-sm:var(--seed-box-margin-top-base,initial);--seed-box-margin-top-md:var(--seed-box-margin-top-sm,initial);--seed-box-margin-top-lg:var(--seed-box-margin-top-md,initial);--seed-box-margin-top-xl:var(--seed-box-margin-top-lg,initial);--seed-box-margin-top:var(--seed-box-margin-top-base,initial);--seed-box-margin-bottom-base:var(--seed-box-margin-y,initial);--seed-box-margin-bottom-sm:var(--seed-box-margin-bottom-base,initial);--seed-box-margin-bottom-md:var(--seed-box-margin-bottom-sm,initial);--seed-box-margin-bottom-lg:var(--seed-box-margin-bottom-md,initial);--seed-box-margin-bottom-xl:var(--seed-box-margin-bottom-lg,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-base,initial);--seed-box-margin-left-base:var(--seed-box-margin-x,initial);--seed-box-margin-left-sm:var(--seed-box-margin-left-base,initial);--seed-box-margin-left-md:var(--seed-box-margin-left-sm,initial);--seed-box-margin-left-lg:var(--seed-box-margin-left-md,initial);--seed-box-margin-left-xl:var(--seed-box-margin-left-lg,initial);--seed-box-margin-left:var(--seed-box-margin-left-base,initial);--seed-box-margin-right-base:var(--seed-box-margin-x,initial);--seed-box-margin-right-sm:var(--seed-box-margin-right-base,initial);--seed-box-margin-right-md:var(--seed-box-margin-right-sm,initial);--seed-box-margin-right-lg:var(--seed-box-margin-right-md,initial);--seed-box-margin-right-xl:var(--seed-box-margin-right-lg,initial);--seed-box-margin-right:var(--seed-box-margin-right-base,initial);margin-top:var(--seed-box-margin-top,calc(var(--seed-box-bleed-top) * -1));margin-bottom:var(--seed-box-margin-bottom,calc(var(--seed-box-bleed-bottom) * -1));margin-left:var(--seed-box-margin-left,calc(var(--seed-box-bleed-left) * -1));margin-right:var(--seed-box-margin-right,calc(var(--seed-box-bleed-right) * -1));--seed-box-min-height-base:auto;--seed-box-min-height-sm:var(--seed-box-min-height-base,initial);--seed-box-min-height-md:var(--seed-box-min-height-sm,initial);--seed-box-min-height-lg:var(--seed-box-min-height-md,initial);--seed-box-min-height-xl:var(--seed-box-min-height-lg,initial);--seed-box-min-height:var(--seed-box-min-height-base,initial);--seed-box-max-height-base:none;--seed-box-max-height-sm:var(--seed-box-max-height-base,initial);--seed-box-max-height-md:var(--seed-box-max-height-sm,initial);--seed-box-max-height-lg:var(--seed-box-max-height-md,initial);--seed-box-max-height-xl:var(--seed-box-max-height-lg,initial);--seed-box-max-height:var(--seed-box-max-height-base,initial);--seed-box-height-base:auto;--seed-box-height-sm:var(--seed-box-height-base,initial);--seed-box-height-md:var(--seed-box-height-sm,initial);--seed-box-height-lg:var(--seed-box-height-md,initial);--seed-box-height-xl:var(--seed-box-height-lg,initial);--seed-box-height:var(--seed-box-height-base,initial);--seed-box-min-width-base:auto;--seed-box-min-width-sm:var(--seed-box-min-width-base,initial);--seed-box-min-width-md:var(--seed-box-min-width-sm,initial);--seed-box-min-width-lg:var(--seed-box-min-width-md,initial);--seed-box-min-width-xl:var(--seed-box-min-width-lg,initial);--seed-box-min-width:var(--seed-box-min-width-base,initial);--seed-box-max-width-base:none;--seed-box-max-width-sm:var(--seed-box-max-width-base,initial);--seed-box-max-width-md:var(--seed-box-max-width-sm,initial);--seed-box-max-width-lg:var(--seed-box-max-width-md,initial);--seed-box-max-width-xl:var(--seed-box-max-width-lg,initial);--seed-box-max-width:var(--seed-box-max-width-base,initial);--seed-box-width-base:auto;--seed-box-width-sm:var(--seed-box-width-base,initial);--seed-box-width-md:var(--seed-box-width-sm,initial);--seed-box-width-lg:var(--seed-box-width-md,initial);--seed-box-width-xl:var(--seed-box-width-lg,initial);--seed-box-width:var(--seed-box-width-base,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-box-shadow:initial;box-shadow:var(--seed-box-box-shadow);--seed-box-display-base:block;--seed-box-display-sm:var(--seed-box-display-base,initial);--seed-box-display-md:var(--seed-box-display-sm,initial);--seed-box-display-lg:var(--seed-box-display-md,initial);--seed-box-display-xl:var(--seed-box-display-lg,initial);--seed-box-display:var(--seed-box-display-base,initial);--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-base:row;--seed-box-flex-direction-sm:var(--seed-box-flex-direction-base,initial);--seed-box-flex-direction-md:var(--seed-box-flex-direction-sm,initial);--seed-box-flex-direction-lg:var(--seed-box-flex-direction-md,initial);--seed-box-flex-direction-xl:var(--seed-box-flex-direction-lg,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-base,initial);--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-justify-self:auto;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap-base:0px;--seed-box-gap-sm:var(--seed-box-gap-base,initial);--seed-box-gap-md:var(--seed-box-gap-sm,initial);--seed-box-gap-lg:var(--seed-box-gap-md,initial);--seed-box-gap-xl:var(--seed-box-gap-lg,initial);--seed-box-gap:var(--seed-box-gap-base,initial);flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);justify-self:var(--seed-box-justify-self);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-grid-column:initial;grid-column:var(--seed-box-grid-column);--seed-box-grid-row:initial;grid-row:var(--seed-box-grid-row)}.seed-box[data-has-active-bg]:is(:active,[data-active]){background:var(--seed-box-background--active)}.seed-grid{--seed-grid-columns-base:none;--seed-grid-columns-sm:var(--seed-grid-columns-base,initial);--seed-grid-columns-md:var(--seed-grid-columns-sm,initial);--seed-grid-columns-lg:var(--seed-grid-columns-md,initial);--seed-grid-columns-xl:var(--seed-grid-columns-lg,initial);--seed-grid-columns:var(--seed-grid-columns-base,initial);grid-template-columns:var(--seed-grid-columns);--seed-grid-rows-base:none;--seed-grid-rows-sm:var(--seed-grid-rows-base,initial);--seed-grid-rows-md:var(--seed-grid-rows-sm,initial);--seed-grid-rows-lg:var(--seed-grid-rows-md,initial);--seed-grid-rows-xl:var(--seed-grid-rows-lg,initial);--seed-grid-rows:var(--seed-grid-rows-base,initial);grid-template-rows:var(--seed-grid-rows);--seed-grid-auto-flow:initial;grid-auto-flow:var(--seed-grid-auto-flow);--seed-grid-auto-columns:initial;grid-auto-columns:var(--seed-grid-auto-columns);--seed-grid-auto-rows:initial;grid-auto-rows:var(--seed-grid-auto-rows);--seed-grid-justify-items:stretch;justify-items:var(--seed-grid-justify-items)}.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}.seed-scale-feedback{--seed-dynamic-scale-basis:max(var(--seed-element-height), var(--seed-element-width) / 4, 24);--seed-dynamic-scale:calc((var(--seed-dynamic-scale-basis) - 2) / var(--seed-dynamic-scale-basis));--seed-feedback-scale:var(--seed-dynamic-scale,1);scale:1}@media (prefers-reduced-motion:reduce){.seed-scale-feedback{--seed-feedback-scale:1}}:root,[data-seed-color-mode=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root,[data-seed-color-mode=system]{--lightningcss-light: ;--lightningcss-dark:initial}}[data-seed-color-mode=light-only]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}[data-seed-color-mode=dark-only]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}: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-duration-color-transition:var(--seed-duration-d3);--seed-duration-pressed-scale:var(--seed-duration-d3);--seed-font-size-t1:clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min,1)), calc(.6875rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t2:clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min,1)), calc(.75rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t3:clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min,1)), calc(.8125rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t4:clamp(calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-min,1)), calc(.875rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t5:clamp(calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-min,1)), calc(1rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t6:clamp(calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-min,1)), calc(1.125rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t7:clamp(calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-min,1)), calc(1.25rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t8:clamp(calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-min,1)), calc(1.375rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t9:clamp(calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-min,1)), calc(1.5rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t10:clamp(calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-min,1)), calc(1.625rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t11:clamp(calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-min,1)), calc(1.75rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t12:clamp(calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-min,1)), calc(2rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t13:clamp(calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-min,1)), calc(2.5rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t14:clamp(calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-min,1)), calc(3rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-max,1)));--seed-font-size-t1-static:calc(11px / var(--seed-static-font-scale,1));--seed-font-size-t2-static:calc(12px / var(--seed-static-font-scale,1));--seed-font-size-t3-static:calc(13px / var(--seed-static-font-scale,1));--seed-font-size-t4-static:calc(14px / var(--seed-static-font-scale,1));--seed-font-size-t5-static:calc(16px / var(--seed-static-font-scale,1));--seed-font-size-t6-static:calc(18px / var(--seed-static-font-scale,1));--seed-font-size-t7-static:calc(20px / var(--seed-static-font-scale,1));--seed-font-size-t8-static:calc(22px / var(--seed-static-font-scale,1));--seed-font-size-t9-static:calc(24px / var(--seed-static-font-scale,1));--seed-font-size-t10-static:calc(26px / var(--seed-static-font-scale,1));--seed-font-size-t11-static:calc(28px / var(--seed-static-font-scale,1));--seed-font-size-t12-static:calc(32px / var(--seed-static-font-scale,1));--seed-font-size-t13-static:calc(40px / var(--seed-static-font-scale,1));--seed-font-size-t14-static:calc(48px / var(--seed-static-font-scale,1));--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,1)), calc(.9375rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t2:clamp(calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-min,1)), calc(1rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t3:clamp(calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-min,1)), calc(1.125rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t4:clamp(calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-min,1)), calc(1.1875rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t5:clamp(calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-min,1)), calc(1.375rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t6:clamp(calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-min,1)), calc(1.5rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t7:clamp(calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-min,1)), calc(1.6875rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t8:clamp(calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-min,1)), calc(1.875rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t9:clamp(calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-min,1)), calc(2rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t10:clamp(calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-min,1)), calc(2.1875rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t11:clamp(calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-min,1)), calc(2.375rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t12:clamp(calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-min,1)), calc(2.625rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t13:clamp(calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-min,1)), calc(3.25rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t14:clamp(calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-min,1)), calc(3.75rem * var(--seed-font-size-multiplier,1)), calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-max,1)));--seed-line-height-t1-static:calc(15px / var(--seed-static-font-scale,1));--seed-line-height-t2-static:calc(16px / var(--seed-static-font-scale,1));--seed-line-height-t3-static:calc(18px / var(--seed-static-font-scale,1));--seed-line-height-t4-static:calc(19px / var(--seed-static-font-scale,1));--seed-line-height-t5-static:calc(22px / var(--seed-static-font-scale,1));--seed-line-height-t6-static:calc(24px / var(--seed-static-font-scale,1));--seed-line-height-t7-static:calc(27px / var(--seed-static-font-scale,1));--seed-line-height-t8-static:calc(30px / var(--seed-static-font-scale,1));--seed-line-height-t9-static:calc(32px / var(--seed-static-font-scale,1));--seed-line-height-t10-static:calc(35px / var(--seed-static-font-scale,1));--seed-line-height-t11-static:calc(38px / var(--seed-static-font-scale,1));--seed-line-height-t12-static:calc(42px / var(--seed-static-font-scale,1));--seed-line-height-t13-static:calc(52px / var(--seed-static-font-scale,1));--seed-line-height-t14-static:calc(60px / var(--seed-static-font-scale,1));--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[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-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:var(--seed-color-palette-carrot-600);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--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-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--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:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--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:var(--seed-color-palette-red-100);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--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:var(--seed-color-palette-blue-100);--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-default-pressed:var(--seed-color-palette-gray-100);--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-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--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:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-weak-alpha:var(--seed-color-palette-static-black-alpha-200);--seed-color-bg-neutral-weak-alpha-pressed:var(--seed-color-palette-static-black-alpha-300);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--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:var(--seed-color-palette-green-100);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-transparent:#0000;--seed-color-bg-transparent-pressed:var(--seed-color-palette-static-black-alpha-100);--seed-color-bg-transparent-selected:var(--seed-color-palette-static-black-alpha-200);--seed-color-bg-transparent-selected-pressed:var(--seed-color-palette-static-black-alpha-300);--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:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-focus-ring:var(--seed-color-palette-blue-600);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--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[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-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:var(--seed-color-palette-carrot-700);--seed-color-fg-brand-contrast:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--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-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning:var(--seed-color-palette-yellow-700);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--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:var(--seed-color-palette-carrot-100);--seed-color-bg-brand-weak-pressed:var(--seed-color-palette-carrot-200);--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:var(--seed-color-palette-red-100);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--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:var(--seed-color-palette-blue-100);--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-default-pressed:var(--seed-color-palette-gray-300);--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-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--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:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-weak-alpha:var(--seed-color-palette-static-white-alpha-200);--seed-color-bg-neutral-weak-alpha-pressed:var(--seed-color-palette-static-white-alpha-300);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--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:var(--seed-color-palette-green-100);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-transparent:#fff0;--seed-color-bg-transparent-pressed:var(--seed-color-palette-static-white-alpha-50);--seed-color-bg-transparent-selected:var(--seed-color-palette-static-white-alpha-100);--seed-color-bg-transparent-selected-pressed:var(--seed-color-palette-static-white-alpha-200);--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:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-stroke-brand-weak:var(--seed-color-palette-carrot-300);--seed-color-stroke-critical-solid:var(--seed-color-palette-red-700);--seed-color-stroke-critical-weak:var(--seed-color-palette-red-300);--seed-color-stroke-focus-ring:var(--seed-color-palette-blue-600);--seed-color-stroke-informative-solid:var(--seed-color-palette-blue-700);--seed-color-stroke-informative-weak:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral-contrast:var(--seed-color-palette-gray-1000);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-neutral-solid:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-subtle:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-neutral-weak:var(--seed-color-palette-gray-400);--seed-color-stroke-positive-solid:var(--seed-color-palette-green-700);--seed-color-stroke-positive-weak:var(--seed-color-palette-green-300);--seed-color-stroke-warning-solid:var(--seed-color-palette-yellow-700);--seed-color-stroke-warning-weak:var(--seed-color-palette-yellow-300);--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}@media (prefers-reduced-motion:reduce){:root{--seed-scale-s95:1;--seed-scale-s97:1;--seed-scale-s98:1}}@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)}}@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(--initial-transform,100%), 0)}to{transform:translate3d(0, var(--snap-point-height,0), 0)}}@keyframes drawer-slide-to-bottom{to{transform:translate3d(0, var(--initial-transform,100%), 0)}}@media (min-width:480px){.seed-box{--seed-box-padding:var(--seed-box-padding-sm,initial);--seed-box-padding-y:var(--seed-box-padding-y-sm,initial);--seed-box-padding-x:var(--seed-box-padding-x-sm,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-sm,initial);--seed-box-padding-top:var(--seed-box-padding-top-sm,initial);--seed-box-padding-left:var(--seed-box-padding-left-sm,initial);--seed-box-padding-right:var(--seed-box-padding-right-sm,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-sm,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-sm,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-sm,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-sm,initial);--seed-box-margin:var(--seed-box-margin-sm,initial);--seed-box-margin-y:var(--seed-box-margin-y-sm,initial);--seed-box-margin-x:var(--seed-box-margin-x-sm,initial);--seed-box-margin-top:var(--seed-box-margin-top-sm,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-sm,initial);--seed-box-margin-left:var(--seed-box-margin-left-sm,initial);--seed-box-margin-right:var(--seed-box-margin-right-sm,initial);--seed-box-min-height:var(--seed-box-min-height-sm,initial);--seed-box-max-height:var(--seed-box-max-height-sm,initial);--seed-box-height:var(--seed-box-height-sm,initial);--seed-box-min-width:var(--seed-box-min-width-sm,initial);--seed-box-max-width:var(--seed-box-max-width-sm,initial);--seed-box-width:var(--seed-box-width-sm,initial);--seed-box-display:var(--seed-box-display-sm,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-sm,initial);--seed-box-gap:var(--seed-box-gap-sm,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-sm,initial);--seed-grid-rows:var(--seed-grid-rows-sm,initial)}}@media (min-width:768px){.seed-box{--seed-box-padding:var(--seed-box-padding-md,initial);--seed-box-padding-y:var(--seed-box-padding-y-md,initial);--seed-box-padding-x:var(--seed-box-padding-x-md,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-md,initial);--seed-box-padding-top:var(--seed-box-padding-top-md,initial);--seed-box-padding-left:var(--seed-box-padding-left-md,initial);--seed-box-padding-right:var(--seed-box-padding-right-md,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-md,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-md,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-md,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-md,initial);--seed-box-margin:var(--seed-box-margin-md,initial);--seed-box-margin-y:var(--seed-box-margin-y-md,initial);--seed-box-margin-x:var(--seed-box-margin-x-md,initial);--seed-box-margin-top:var(--seed-box-margin-top-md,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-md,initial);--seed-box-margin-left:var(--seed-box-margin-left-md,initial);--seed-box-margin-right:var(--seed-box-margin-right-md,initial);--seed-box-min-height:var(--seed-box-min-height-md,initial);--seed-box-max-height:var(--seed-box-max-height-md,initial);--seed-box-height:var(--seed-box-height-md,initial);--seed-box-min-width:var(--seed-box-min-width-md,initial);--seed-box-max-width:var(--seed-box-max-width-md,initial);--seed-box-width:var(--seed-box-width-md,initial);--seed-box-display:var(--seed-box-display-md,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-md,initial);--seed-box-gap:var(--seed-box-gap-md,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-md,initial);--seed-grid-rows:var(--seed-grid-rows-md,initial)}}@media (min-width:1280px){.seed-box{--seed-box-padding:var(--seed-box-padding-lg,initial);--seed-box-padding-y:var(--seed-box-padding-y-lg,initial);--seed-box-padding-x:var(--seed-box-padding-x-lg,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-lg,initial);--seed-box-padding-top:var(--seed-box-padding-top-lg,initial);--seed-box-padding-left:var(--seed-box-padding-left-lg,initial);--seed-box-padding-right:var(--seed-box-padding-right-lg,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-lg,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-lg,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-lg,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-lg,initial);--seed-box-margin:var(--seed-box-margin-lg,initial);--seed-box-margin-y:var(--seed-box-margin-y-lg,initial);--seed-box-margin-x:var(--seed-box-margin-x-lg,initial);--seed-box-margin-top:var(--seed-box-margin-top-lg,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-lg,initial);--seed-box-margin-left:var(--seed-box-margin-left-lg,initial);--seed-box-margin-right:var(--seed-box-margin-right-lg,initial);--seed-box-min-height:var(--seed-box-min-height-lg,initial);--seed-box-max-height:var(--seed-box-max-height-lg,initial);--seed-box-height:var(--seed-box-height-lg,initial);--seed-box-min-width:var(--seed-box-min-width-lg,initial);--seed-box-max-width:var(--seed-box-max-width-lg,initial);--seed-box-width:var(--seed-box-width-lg,initial);--seed-box-display:var(--seed-box-display-lg,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-lg,initial);--seed-box-gap:var(--seed-box-gap-lg,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-lg,initial);--seed-grid-rows:var(--seed-grid-rows-lg,initial)}}@media (min-width:1440px){.seed-box{--seed-box-padding:var(--seed-box-padding-xl,initial);--seed-box-padding-y:var(--seed-box-padding-y-xl,initial);--seed-box-padding-x:var(--seed-box-padding-x-xl,initial);--seed-box-padding-bottom:var(--seed-box-padding-bottom-xl,initial);--seed-box-padding-top:var(--seed-box-padding-top-xl,initial);--seed-box-padding-left:var(--seed-box-padding-left-xl,initial);--seed-box-padding-right:var(--seed-box-padding-right-xl,initial);--seed-box-bleed-bottom:var(--seed-box-bleed-bottom-xl,initial);--seed-box-bleed-top:var(--seed-box-bleed-top-xl,initial);--seed-box-bleed-left:var(--seed-box-bleed-left-xl,initial);--seed-box-bleed-right:var(--seed-box-bleed-right-xl,initial);--seed-box-margin:var(--seed-box-margin-xl,initial);--seed-box-margin-y:var(--seed-box-margin-y-xl,initial);--seed-box-margin-x:var(--seed-box-margin-x-xl,initial);--seed-box-margin-top:var(--seed-box-margin-top-xl,initial);--seed-box-margin-bottom:var(--seed-box-margin-bottom-xl,initial);--seed-box-margin-left:var(--seed-box-margin-left-xl,initial);--seed-box-margin-right:var(--seed-box-margin-right-xl,initial);--seed-box-min-height:var(--seed-box-min-height-xl,initial);--seed-box-max-height:var(--seed-box-max-height-xl,initial);--seed-box-height:var(--seed-box-height-xl,initial);--seed-box-min-width:var(--seed-box-min-width-xl,initial);--seed-box-max-width:var(--seed-box-max-width-xl,initial);--seed-box-width:var(--seed-box-width-xl,initial);--seed-box-display:var(--seed-box-display-xl,initial);--seed-box-flex-direction:var(--seed-box-flex-direction-xl,initial);--seed-box-gap:var(--seed-box-gap-xl,initial)}.seed-grid{--seed-grid-columns:var(--seed-grid-columns-xl,initial);--seed-grid-rows:var(--seed-grid-rows-xl,initial)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/css",
3
- "version": "2.6.2",
3
+ "version": "2.7.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
package/recipes/scroll-fog.css CHANGED
@@ -3,10 +3,8 @@
3
3
  overflow: auto;
4
4
  height: 100%;
5
5
  width: 100%;
6
- --scroll-fog-from-color: #00000000;
7
- --scroll-fog-to-color: #000000ff;
8
- mask-image: linear-gradient(to bottom, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-top) * var(--scroll-fog-size-top))), linear-gradient(to top, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom))), linear-gradient(to right, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-left) * var(--scroll-fog-size-left))), linear-gradient(to left, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-right) * var(--scroll-fog-size-right)));
9
- -webkit-mask-image: linear-gradient(to bottom, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-top) * var(--scroll-fog-size-top))), linear-gradient(to top, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom))), linear-gradient(to right, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-left) * var(--scroll-fog-size-left))), linear-gradient(to left, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-right) * var(--scroll-fog-size-right)));
6
+ mask-image: linear-gradient(to bottom, #00000000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.53), #00000066 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.92), #000000ff calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #00000000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.53), #00000066 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.92), #000000ff calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #00000000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.53), #00000066 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.92), #000000ff calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #00000000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.53), #00000066 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.92), #000000ff calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
7
+ -webkit-mask-image: linear-gradient(to bottom, #00000000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.53), #00000066 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 0.92), #000000ff calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #00000000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.53), #00000066 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 0.92), #000000ff calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #00000000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.53), #00000066 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 0.92), #000000ff calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #00000000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.53), #00000066 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 0.92), #000000ff calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
10
8
  mask-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
11
9
  -webkit-mask-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
12
10
  mask-repeat: no-repeat;
package/recipes/scroll-fog.layered.css CHANGED
@@ -1,12 +1,10 @@
1
1
  @layer seed-components {
2
2
  .seed-scroll-fog {
3
- --scroll-fog-from-color: #0000;
4
- --scroll-fog-to-color: #000;
5
3
  width: 100%;
6
4
  height: 100%;
7
- -webkit-mask-image: linear-gradient(to bottom, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-top) * var(--scroll-fog-size-top))), linear-gradient(to top, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom))), linear-gradient(to right, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-left) * var(--scroll-fog-size-left))), linear-gradient(to left, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-right) * var(--scroll-fog-size-right)));
8
- mask-image: linear-gradient(to bottom, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-top) * var(--scroll-fog-size-top))), linear-gradient(to top, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom))), linear-gradient(to right, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-left) * var(--scroll-fog-size-left))), linear-gradient(to left, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-right) * var(--scroll-fog-size-right)));
9
- -webkit-mask-image: linear-gradient(to bottom, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-top) * var(--scroll-fog-size-top))), linear-gradient(to top, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom))), linear-gradient(to right, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-left) * var(--scroll-fog-size-left))), linear-gradient(to left, var(--scroll-fog-from-color) 0, var(--scroll-fog-to-color) calc(var(--scrollable-right) * var(--scroll-fog-size-right)));
5
+ -webkit-mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
6
+ mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
7
+ -webkit-mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
10
8
  -webkit-mask-composite: source-in;
11
9
  position: relative;
12
10
  overflow: auto;
package/theming/index.cjs CHANGED
@@ -1,5 +1,32 @@
1
1
  const { DefaultColorModeValue, isValidColorMode } = require("./mode.cjs");
2
2
 
3
+ // Never write a comment inside the template literal below. It is emitted
4
+ // verbatim into an inline <script>, so a comment there is string content rather
5
+ // than source: the bundler minifying this module cannot reach it, and whether
6
+ // the host's HTML pipeline minifies an injected inline script is out of this
7
+ // package's hands. Every such comment ships on every page load. The rationale
8
+ // for what the snippet does lives here instead.
9
+ //
10
+ // `--seed-static-font-scale`, written outside the `fontScaling` gate: Android
11
+ // WebView multiplies every computed font-size and line-height by
12
+ // Configuration.fontScale whether or not the app opted in, so the `*-static`
13
+ // tokens have to divide it back out either way. The option picks whether SEED
14
+ // *follows* the user's scale, not whether the WebView applies one. iOS needs
15
+ // nothing here, because its scaling arrives through `-apple-system-body`
16
+ // inheritance, which the gate does control, and a literal px is never inflated.
17
+ // The measured scale stays uncapped because it is a divisor: the tokens cancel
18
+ // textZoom only by dividing by exactly what the WebView multiplied back in,
19
+ // whatever cap the native app chose.
20
+ //
21
+ // `data-seed-font-multiplier`, written on both platforms inside the gate: it
22
+ // reports how much SEED grew the text, not how large a step the user picked.
23
+ // On iOS the measurement is normalized to the web 16px baseline and then
24
+ // clamped to the cap iOS actually applies, the 1.35 that globalCss sets as
25
+ // `--seed-font-size-limit-max`; the Dynamic Type accessibility steps reach 3.1
26
+ // and would otherwise overstate it. On Android the token clamp bounds the same
27
+ // value to [`--seed-font-size-limit-min`, `--seed-font-size-limit-max`], so
28
+ // past the cap it stays deliberately below the raw scale measured above.
29
+
3
30
  function generateThemingScript({ mode = DefaultColorModeValue, fontScaling = false }) {
4
31
  if (!isValidColorMode(mode)) {
5
32
  throw new Error(`Invalid color mode: ${mode}`);
@@ -42,6 +69,15 @@ function generateThemingScript({ mode = DefaultColorModeValue, fontScaling = fal
42
69
  }
43
70
  } catch (e) {}
44
71
 
72
+ var seedAndroidFontScale = 1;
73
+ try {
74
+ if (document.documentElement.dataset.seedPlatform === 'android') {
75
+ var rootSize = parseFloat(window.getComputedStyle(document.documentElement).fontSize);
76
+ seedAndroidFontScale = rootSize > 0 ? rootSize / 16 : 1;
77
+ document.documentElement.style.setProperty('--seed-static-font-scale', seedAndroidFontScale.toString());
78
+ }
79
+ } catch (e) {}
80
+
45
81
  try {
46
82
  if (${fontScaling}) {
47
83
  var platform = document.documentElement.dataset.seedPlatform;
@@ -56,8 +92,9 @@ function generateThemingScript({ mode = DefaultColorModeValue, fontScaling = fal
56
92
  document.body.appendChild(tempEl);
57
93
  var size = parseFloat(window.getComputedStyle(tempEl).fontSize);
58
94
  document.body.removeChild(tempEl);
59
- var mult = Math.max(0.8, Math.min(1.35, (size / 16) * 0.9412));
60
- document.documentElement.dataset.seedFontMultiplier = parseFloat(mult.toFixed(2)).toString();
95
+ var raw = size > 0 ? (size / 16) * 0.9412 : 1;
96
+ var scale = Math.max(0.8, Math.min(1.35, raw));
97
+ document.documentElement.dataset.seedFontMultiplier = parseFloat(scale.toFixed(2)).toString();
61
98
  } catch (e) {}
62
99
  }
63
100
 
@@ -67,9 +104,8 @@ function generateThemingScript({ mode = DefaultColorModeValue, fontScaling = fal
67
104
  applyIOSFontScaling();
68
105
  }
69
106
  } else if (platform === 'android') {
70
- var fontSize = parseFloat(window.getComputedStyle(document.documentElement).fontSize);
71
- var scale = Math.max(0.8, Math.min(1.5, fontSize / 16));
72
- document.documentElement.dataset.seedFontMultiplier = parseFloat(scale.toFixed(2)).toString();
107
+ var applied = Math.max(0.8, Math.min(1.5, seedAndroidFontScale));
108
+ document.documentElement.dataset.seedFontMultiplier = parseFloat(applied.toFixed(2)).toString();
73
109
  document.documentElement.dataset.seedFontScaling = 'enabled';
74
110
  }
75
111
  }
package/theming/index.mjs CHANGED
@@ -1,5 +1,32 @@
1
1
  import { DefaultColorModeValue, isValidColorMode } from "./mode.mjs";
2
2
 
3
+ // Never write a comment inside the template literal below. It is emitted
4
+ // verbatim into an inline <script>, so a comment there is string content rather
5
+ // than source: the bundler minifying this module cannot reach it, and whether
6
+ // the host's HTML pipeline minifies an injected inline script is out of this
7
+ // package's hands. Every such comment ships on every page load. The rationale
8
+ // for what the snippet does lives here instead.
9
+ //
10
+ // `--seed-static-font-scale`, written outside the `fontScaling` gate: Android
11
+ // WebView multiplies every computed font-size and line-height by
12
+ // Configuration.fontScale whether or not the app opted in, so the `*-static`
13
+ // tokens have to divide it back out either way. The option picks whether SEED
14
+ // *follows* the user's scale, not whether the WebView applies one. iOS needs
15
+ // nothing here, because its scaling arrives through `-apple-system-body`
16
+ // inheritance, which the gate does control, and a literal px is never inflated.
17
+ // The measured scale stays uncapped because it is a divisor: the tokens cancel
18
+ // textZoom only by dividing by exactly what the WebView multiplied back in,
19
+ // whatever cap the native app chose.
20
+ //
21
+ // `data-seed-font-multiplier`, written on both platforms inside the gate: it
22
+ // reports how much SEED grew the text, not how large a step the user picked.
23
+ // On iOS the measurement is normalized to the web 16px baseline and then
24
+ // clamped to the cap iOS actually applies, the 1.35 that globalCss sets as
25
+ // `--seed-font-size-limit-max`; the Dynamic Type accessibility steps reach 3.1
26
+ // and would otherwise overstate it. On Android the token clamp bounds the same
27
+ // value to [`--seed-font-size-limit-min`, `--seed-font-size-limit-max`], so
28
+ // past the cap it stays deliberately below the raw scale measured above.
29
+
3
30
  export const generateThemingScript = ({ mode = DefaultColorModeValue, fontScaling = false }) => {
4
31
  if (!isValidColorMode(mode)) {
5
32
  throw new Error(`Invalid color mode: ${mode}`);
@@ -42,6 +69,15 @@ export const generateThemingScript = ({ mode = DefaultColorModeValue, fontScalin
42
69
  }
43
70
  } catch (e) {}
44
71
 
72
+ var seedAndroidFontScale = 1;
73
+ try {
74
+ if (document.documentElement.dataset.seedPlatform === 'android') {
75
+ var rootSize = parseFloat(window.getComputedStyle(document.documentElement).fontSize);
76
+ seedAndroidFontScale = rootSize > 0 ? rootSize / 16 : 1;
77
+ document.documentElement.style.setProperty('--seed-static-font-scale', seedAndroidFontScale.toString());
78
+ }
79
+ } catch (e) {}
80
+
45
81
  try {
46
82
  if (${fontScaling}) {
47
83
  var platform = document.documentElement.dataset.seedPlatform;
@@ -56,8 +92,9 @@ export const generateThemingScript = ({ mode = DefaultColorModeValue, fontScalin
56
92
  document.body.appendChild(tempEl);
57
93
  var size = parseFloat(window.getComputedStyle(tempEl).fontSize);
58
94
  document.body.removeChild(tempEl);
59
- var mult = Math.max(0.8, Math.min(1.35, (size / 16) * 0.9412));
60
- document.documentElement.dataset.seedFontMultiplier = parseFloat(mult.toFixed(2)).toString();
95
+ var raw = size > 0 ? (size / 16) * 0.9412 : 1;
96
+ var scale = Math.max(0.8, Math.min(1.35, raw));
97
+ document.documentElement.dataset.seedFontMultiplier = parseFloat(scale.toFixed(2)).toString();
61
98
  } catch (e) {}
62
99
  }
63
100
 
@@ -67,9 +104,8 @@ export const generateThemingScript = ({ mode = DefaultColorModeValue, fontScalin
67
104
  applyIOSFontScaling();
68
105
  }
69
106
  } else if (platform === 'android') {
70
- var fontSize = parseFloat(window.getComputedStyle(document.documentElement).fontSize);
71
- var scale = Math.max(0.8, Math.min(1.5, fontSize / 16));
72
- document.documentElement.dataset.seedFontMultiplier = parseFloat(scale.toFixed(2)).toString();
107
+ var applied = Math.max(0.8, Math.min(1.5, seedAndroidFontScale));
108
+ document.documentElement.dataset.seedFontMultiplier = parseFloat(applied.toFixed(2)).toString();
73
109
  document.documentElement.dataset.seedFontScaling = 'enabled';
74
110
  }
75
111
  }
package/vars/component/callout.d.ts CHANGED
@@ -199,7 +199,9 @@ export declare const vars: {
199
199
  "toneMagic": {
200
200
  "enabled": {
201
201
  "root": {
202
- "gradient": "var(--seed-gradient-glow-magic)"
202
+ "gradient": {
203
+ "serialized": "var(--seed-gradient-glow-magic)"
204
+ }
203
205
  },
204
206
  /** 아이콘은 Fill 타입 사용을 권장합니다. */
205
207
  "prefixIcon": {
@@ -221,7 +223,9 @@ export declare const vars: {
221
223
  },
222
224
  "pressed": {
223
225
  "root": {
224
- "gradient": "var(--seed-gradient-glow-magic-pressed)"
226
+ "gradient": {
227
+ "serialized": "var(--seed-gradient-glow-magic-pressed)"
228
+ }
225
229
  }
226
230
  }
227
231
  }
package/vars/component/callout.mjs CHANGED
@@ -169,7 +169,9 @@ export const vars = {
169
169
  "toneMagic": {
170
170
  "enabled": {
171
171
  "root": {
172
- "gradient": "var(--seed-gradient-glow-magic)"
172
+ "gradient": {
173
+ "serialized": "var(--seed-gradient-glow-magic)"
174
+ }
173
175
  },
174
176
  "prefixIcon": {
175
177
  "color": "var(--seed-color-fg-neutral)"
@@ -189,7 +191,9 @@ export const vars = {
189
191
  },
190
192
  "pressed": {
191
193
  "root": {
192
- "gradient": "var(--seed-gradient-glow-magic-pressed)"
194
+ "gradient": {
195
+ "serialized": "var(--seed-gradient-glow-magic-pressed)"
196
+ }
193
197
  }
194
198
  }
195
199
  }
package/vars/component/image-frame-reaction-button.d.ts CHANGED
@@ -10,7 +10,19 @@ export declare const vars: {
10
10
  },
11
11
  /** lineIcon 아래에 내려가는 하트 아이콘입니다. */
12
12
  "fillIcon": {
13
- "gradient": "var(--seed-color-palette-static-black-alpha-600) 0%, var(--seed-color-palette-static-black-alpha-600) 100%",
13
+ "gradient": {
14
+ "serialized": "var(--seed-color-palette-static-black-alpha-600) 0%, var(--seed-color-palette-static-black-alpha-600) 100%",
15
+ "stops": [
16
+ {
17
+ "color": "var(--seed-color-palette-static-black-alpha-600)",
18
+ "position": 0
19
+ },
20
+ {
21
+ "color": "var(--seed-color-palette-static-black-alpha-600)",
22
+ "position": 1
23
+ }
24
+ ]
25
+ },
14
26
  /** 보이는 버튼 크기입니다. */
15
27
  "size": "var(--seed-dimension-x6)",
16
28
  "shadow": "0px 2px 4px 0px #00000026"
@@ -25,7 +37,19 @@ export declare const vars: {
25
37
  "selected": {
26
38
  /** lineIcon 아래에 내려가는 하트 아이콘입니다. */
27
39
  "fillIcon": {
28
- "gradient": "#FF9A56 0%, #FF6600 100%"
40
+ "gradient": {
41
+ "serialized": "#FF9A56 0%, #FF6600 100%",
42
+ "stops": [
43
+ {
44
+ "color": "#FF9A56",
45
+ "position": 0
46
+ },
47
+ {
48
+ "color": "#FF6600",
49
+ "position": 1
50
+ }
51
+ ]
52
+ }
29
53
  },
30
54
  /** fillIcon 위로 올라가는 하트 아이콘입니다. */
31
55
  "lineIcon": {