@seed-design/css 0.0.1-rc.0

package/seed.css

@@ -0,0 +1,5017 @@
+: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);
+  }
+}
+
+.seed-loading-indicator {
+  display: inline-flex;
+  position: absolute;
+}
+
+.seed-icon, .seed-prefix-icon, .seed-suffix-icon {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.seed-icon {
+  width: var(--seed-icon-size);
+  height: var(--seed-icon-size);
+  color: var(--seed-icon-color, currentColor);
+}
+
+.seed-prefix-icon {
+  width: var(--seed-prefix-icon-size);
+  height: var(--seed-prefix-icon-size);
+  margin-left: var(--seed-prefix-icon-margin-left);
+  margin-right: var(--seed-prefix-icon-margin-right);
+  margin-top: var(--seed-prefix-icon-margin-top);
+  color: var(--seed-prefix-icon-color, currentColor);
+}
+
+.seed-suffix-icon {
+  width: var(--seed-suffix-icon-size);
+  height: var(--seed-suffix-icon-size);
+  margin-left: var(--seed-suffix-icon-margin-left);
+  margin-right: var(--seed-suffix-icon-margin-right);
+  margin-top: var(--seed-suffix-icon-margin-top);
+  color: var(--seed-suffix-icon-color, currentColor);
+}
+
+.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-color: var(--seed-box-background);
+  color: var(--seed-box-color);
+  --seed-box-border-style: solid;
+  --seed-box-border-color: initial;
+  border-style: var(--seed-box-border-style);
+  border-color: var(--seed-box-border-color);
+  --seed-box-border-width: 0;
+  --seed-box-border-top-width: var(--seed-box-border-width);
+  --seed-box-border-bottom-width: var(--seed-box-border-width);
+  --seed-box-border-left-width: var(--seed-box-border-width);
+  --seed-box-border-right-width: var(--seed-box-border-width);
+  border-top-width: var(--seed-box-border-top-width);
+  border-bottom-width: var(--seed-box-border-bottom-width);
+  border-left-width: var(--seed-box-border-left-width);
+  border-right-width: var(--seed-box-border-right-width);
+  --seed-box-padding: 0;
+  --seed-box-padding-y: var(--seed-box-padding);
+  --seed-box-padding-x: var(--seed-box-padding);
+  --seed-box-padding-bottom: var(--seed-box-padding-y);
+  --seed-box-padding-top: var(--seed-box-padding-y);
+  --seed-box-padding-left: var(--seed-box-padding-x);
+  --seed-box-padding-right: var(--seed-box-padding-x);
+  padding-top: var(--seed-box-padding-top);
+  padding-bottom: var(--seed-box-padding-bottom);
+  padding-left: var(--seed-box-padding-left);
+  padding-right: var(--seed-box-padding-right);
+  --seed-box-min-height: initial;
+  --seed-box-max-height: initial;
+  --seed-box-height: initial;
+  --seed-box-min-width: initial;
+  --seed-box-max-width: initial;
+  --seed-box-width: initial;
+  min-height: var(--seed-box-min-height);
+  max-height: var(--seed-box-max-height);
+  height: var(--seed-box-height);
+  min-width: var(--seed-box-min-width);
+  max-width: var(--seed-box-max-width);
+  width: var(--seed-box-width);
+  --seed-box-top: initial;
+  --seed-box-bottom: initial;
+  --seed-box-left: initial;
+  --seed-box-right: initial;
+  top: var(--seed-box-top);
+  bottom: var(--seed-box-bottom);
+  left: var(--seed-box-left);
+  right: var(--seed-box-right);
+  --seed-box-border-radius: initial;
+  --seed-box-border-bottom-left-radius: var(--seed-box-border-radius);
+  --seed-box-border-bottom-right-radius: var(--seed-box-border-radius);
+  --seed-box-border-top-left-radius: var(--seed-box-border-radius);
+  --seed-box-border-top-right-radius: var(--seed-box-border-radius);
+  border-bottom-left-radius: var(--seed-box-border-bottom-left-radius);
+  border-bottom-right-radius: var(--seed-box-border-bottom-right-radius);
+  border-top-left-radius: var(--seed-box-border-top-left-radius);
+  border-top-right-radius: var(--seed-box-border-top-right-radius);
+  --seed-box-display: block;
+  --seed-box-position: initial;
+  display: var(--seed-box-display);
+  position: var(--seed-box-position);
+  --seed-box-overflow-x: initial;
+  --seed-box-overflow-y: initial;
+  overflow-x: var(--seed-box-overflow-x);
+  overflow-y: var(--seed-box-overflow-y);
+  --seed-box-flex-grow: initial;
+  --seed-box-flex-shrink: initial;
+  flex-grow: var(--seed-box-flex-grow);
+  flex-shrink: var(--seed-box-flex-shrink);
+  --seed-box-flex-direction: initial;
+  --seed-box-flex-wrap: initial;
+  --seed-box-justify-content: initial;
+  --seed-box-align-items: stretch;
+  --seed-box-align-content: stretch;
+  --seed-box-align-self: auto;
+  --seed-box-gap: initial;
+  flex-direction: var(--seed-box-flex-direction);
+  flex-wrap: var(--seed-box-flex-wrap);
+  justify-content: var(--seed-box-justify-content);
+  align-items: var(--seed-box-align-items);
+  align-content: var(--seed-box-align-content);
+  align-self: var(--seed-box-align-self);
+  gap: var(--seed-box-gap);
+}
+
+.seed-consistent-width:before {
+  content: attr(data-text);
+  visibility: hidden;
+  height: 0;
+  font-weight: var(--seed-font-weight-regular);
+  display: block;
+}
+
+.seed-consistent-width:after {
+  content: attr(data-text);
+  visibility: hidden;
+  height: 0;
+  font-weight: var(--seed-font-weight-bold);
+  display: block;
+}
+
+:root[data-seed] {
+  color-scheme: light dark;
+}
+
+:root[data-seed="light-only"] {
+  color-scheme: light;
+}
+
+:root[data-seed="dark-only"] {
+  color-scheme: dark;
+}
+
+:root[data-seed] {
+  --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-duration-d1: 50ms;
+  --seed-duration-d2: .1s;
+  --seed-duration-d3: .15s;
+  --seed-duration-d4: .2s;
+  --seed-duration-d5: .25s;
+  --seed-duration-d6: .3s;
+  --seed-font-size-t1: .6875rem;
+  --seed-font-size-t2: .75rem;
+  --seed-font-size-t3: .8125rem;
+  --seed-font-size-t4: .875rem;
+  --seed-font-size-t5: 1rem;
+  --seed-font-size-t6: 1.125rem;
+  --seed-font-size-t7: 1.25rem;
+  --seed-font-size-t8: 1.375rem;
+  --seed-font-size-t9: 1.5rem;
+  --seed-font-size-t10: 1.625rem;
+  --seed-font-size-t2-static: 12px;
+  --seed-font-size-t5-static: 16px;
+  --seed-font-size-t6-static: 18px;
+  --seed-font-weight-regular: 400;
+  --seed-font-weight-medium: 500;
+  --seed-font-weight-bold: 700;
+  --seed-line-height-t1: .9375rem;
+  --seed-line-height-t2: 1rem;
+  --seed-line-height-t3: 1.125rem;
+  --seed-line-height-t4: 1.1875rem;
+  --seed-line-height-t5: 1.375rem;
+  --seed-line-height-t6: 1.5rem;
+  --seed-line-height-t7: 1.6875rem;
+  --seed-line-height-t8: 1.875rem;
+  --seed-line-height-t9: 2rem;
+  --seed-line-height-t10: 2.1875rem;
+  --seed-radius-r0_5: 2px;
+  --seed-radius-r1: 4px;
+  --seed-radius-r1_5: 6px;
+  --seed-radius-r2: 8px;
+  --seed-radius-r2_5: 10px;
+  --seed-radius-r3: 12px;
+  --seed-radius-r3_5: 14px;
+  --seed-radius-r4: 16px;
+  --seed-radius-r5: 20px;
+  --seed-radius-r6: 24px;
+  --seed-radius-full: 9999px;
+  --seed-timing-function-linear: cubic-bezier(0, 0, 1, 1);
+  --seed-timing-function-easing: cubic-bezier(.35, 0, .35, 1);
+  --seed-timing-function-enter: cubic-bezier(0, 0, .15, 1);
+  --seed-timing-function-exit: cubic-bezier(.35, 0, 1, 1);
+  --seed-timing-function-enter-expressive: cubic-bezier(.03, .4, .1, 1);
+  --seed-timing-function-exit-expressive: cubic-bezier(.35, 0, .95, .55);
+}
+
+:root[data-seed][data-seed="light-only"][data-seed-scale-color="dark"], :root[data-seed][data-seed-scale-color="light"]:not([data-seed="dark-only"]), :root[data-seed]:not([data-seed="dark-only"]) [data-seed-scale-color="light"] {
+  --seed-color-palette-blue-100: #eff6ff;
+  --seed-color-palette-blue-200: #e2edfc;
+  --seed-color-palette-blue-300: #cbdffa;
+  --seed-color-palette-blue-400: #aacefd;
+  --seed-color-palette-blue-500: #85b8fd;
+  --seed-color-palette-blue-600: #5e98fe;
+  --seed-color-palette-blue-700: #217cf9;
+  --seed-color-palette-blue-800: #135fcd;
+  --seed-color-palette-blue-900: #0b4596;
+  --seed-color-palette-blue-1000: #032451;
+  --seed-color-palette-carrot-100: #fff2ec;
+  --seed-color-palette-carrot-200: #ffe8db;
+  --seed-color-palette-carrot-300: #ffd5c0;
+  --seed-color-palette-carrot-400: #ffb999;
+  --seed-color-palette-carrot-500: #ff9364;
+  --seed-color-palette-carrot-600: #f60;
+  --seed-color-palette-carrot-700: #e84500;
+  --seed-color-palette-carrot-800: #b93901;
+  --seed-color-palette-carrot-900: #862b00;
+  --seed-color-palette-carrot-1000: #471601;
+  --seed-color-palette-gray-00: #fff;
+  --seed-color-palette-gray-100: #f7f8f9;
+  --seed-color-palette-gray-200: #f3f4f5;
+  --seed-color-palette-gray-300: #eeeff1;
+  --seed-color-palette-gray-400: #dcdee3;
+  --seed-color-palette-gray-500: #d1d3d8;
+  --seed-color-palette-gray-600: #b0b3ba;
+  --seed-color-palette-gray-700: #868b94;
+  --seed-color-palette-gray-800: #555d6d;
+  --seed-color-palette-gray-900: #2a3038;
+  --seed-color-palette-gray-1000: #1a1c20;
+  --seed-color-palette-green-100: #edfaf6;
+  --seed-color-palette-green-200: #d9f6e9;
+  --seed-color-palette-green-300: #b9e9d2;
+  --seed-color-palette-green-400: #7ddcb3;
+  --seed-color-palette-green-500: #42c593;
+  --seed-color-palette-green-600: #10ab7d;
+  --seed-color-palette-green-700: #079171;
+  --seed-color-palette-green-800: #00745f;
+  --seed-color-palette-green-900: #075445;
+  --seed-color-palette-green-1000: #0a2b24;
+  --seed-color-palette-purple-100: #f5f3fe;
+  --seed-color-palette-purple-200: #efeafe;
+  --seed-color-palette-purple-300: #e1d8ff;
+  --seed-color-palette-purple-400: #d0c0ff;
+  --seed-color-palette-purple-500: #b8a1ff;
+  --seed-color-palette-purple-600: #9f84fb;
+  --seed-color-palette-purple-700: #8969ea;
+  --seed-color-palette-purple-800: #6d50cb;
+  --seed-color-palette-purple-900: #50379b;
+  --seed-color-palette-purple-1000: #29175d;
+  --seed-color-palette-red-100: #fdf0f0;
+  --seed-color-palette-red-200: #fde7e7;
+  --seed-color-palette-red-300: #fed4d2;
+  --seed-color-palette-red-400: #feb7b3;
+  --seed-color-palette-red-500: #fe928d;
+  --seed-color-palette-red-600: #fc6a66;
+  --seed-color-palette-red-700: #fa342c;
+  --seed-color-palette-red-800: #ca1d13;
+  --seed-color-palette-red-900: #921708;
+  --seed-color-palette-red-1000: #4a1209;
+  --seed-color-palette-static-black: #000;
+  --seed-color-palette-static-white: #fff;
+  --seed-color-palette-static-black-alpha-50: #0000000d;
+  --seed-color-palette-static-black-alpha-200: #0003;
+  --seed-color-palette-static-black-alpha-500: #00000080;
+  --seed-color-palette-static-white-alpha-200: #fff3;
+  --seed-color-palette-static-white-alpha-800: #fffc;
+  --seed-color-palette-yellow-100: #fff7de;
+  --seed-color-palette-yellow-200: #fdefb9;
+  --seed-color-palette-yellow-300: #fbdc65;
+  --seed-color-palette-yellow-400: #e9c647;
+  --seed-color-palette-yellow-500: #d4ab28;
+  --seed-color-palette-yellow-600: #c49725;
+  --seed-color-palette-yellow-700: #9b7821;
+  --seed-color-palette-yellow-800: #755b22;
+  --seed-color-palette-yellow-900: #4f3e1f;
+  --seed-color-palette-yellow-1000: #2c2512;
+  --seed-color-fg-brand: var(--seed-color-palette-carrot-600);
+  --seed-color-fg-critical: var(--seed-color-palette-red-700);
+  --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
+  --seed-color-fg-informative: var(--seed-color-palette-blue-700);
+  --seed-color-fg-magic: var(--seed-color-palette-purple-700);
+  --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
+  --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
+  --seed-color-fg-positive: var(--seed-color-palette-green-700);
+  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
+  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
+  --seed-color-fg-magic-contrast: var(--seed-color-palette-purple-900);
+  --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-positive-contrast: var(--seed-color-palette-green-900);
+  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
+  --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
+  --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-500);
+  --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-critical-solid: var(--seed-color-palette-red-700);
+  --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
+  --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-800);
+  --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
+  --seed-color-bg-informative-solid: var(--seed-color-palette-blue-700);
+  --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
+  --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-800);
+  --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
+  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
+  --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
+  --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
+  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
+  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
+  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
+  --seed-color-bg-magic-solid: var(--seed-color-palette-purple-700);
+  --seed-color-bg-magic-weak: var(--seed-color-palette-purple-100);
+  --seed-color-bg-magic-solid-pressed: var(--seed-color-palette-purple-800);
+  --seed-color-bg-magic-weak-pressed: var(--seed-color-palette-purple-200);
+  --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-900);
+  --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
+  --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
+  --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
+  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
+  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
+  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-300);
+  --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-200);
+  --seed-color-bg-positive-solid: var(--seed-color-palette-green-700);
+  --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
+  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-800);
+  --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
+  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-300);
+  --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: var(--seed-color-palette-carrot-300);
+  --seed-color-stroke-control: var(--seed-color-palette-gray-400);
+  --seed-color-stroke-critical: var(--seed-color-palette-red-300);
+  --seed-color-stroke-field: var(--seed-color-palette-gray-400);
+  --seed-color-stroke-informative: var(--seed-color-palette-blue-300);
+  --seed-color-stroke-neutral: var(--seed-color-palette-gray-300);
+  --seed-color-stroke-positive: var(--seed-color-palette-green-300);
+  --seed-color-stroke-field-focused: var(--seed-color-palette-gray-800);
+  --seed-color-stroke-neutral-muted: var(--seed-color-palette-gray-200);
+  --seed-color-stroke-on-image: var(--seed-color-palette-static-black-alpha-50);
+  --seed-color-manner-temp-l1-bg: #eff0f1;
+  --seed-color-manner-temp-l1-text: #62666a;
+  --seed-color-manner-temp-l2-bg: #e7f2fc;
+  --seed-color-manner-temp-l2-text: #2592f7;
+  --seed-color-manner-temp-l3-bg: #e3f6fc;
+  --seed-color-manner-temp-l3-text: #0099c8;
+  --seed-color-manner-temp-l4-bg: #ebf9f4;
+  --seed-color-manner-temp-l4-text: #03a07e;
+  --seed-color-manner-temp-l5-bg: #fff5e5;
+  --seed-color-manner-temp-l5-text: #d28500;
+  --seed-color-manner-temp-l6-bg: #fff0e5;
+  --seed-color-manner-temp-l6-text: #f06000;
+  --seed-gradient-shimmer: #fff0 0%, #fff6 46%, #fff6 54%, #fff0 100%;
+}
+
+:root[data-seed][data-seed="dark-only"][data-seed-scale-color="light"], :root[data-seed][data-seed-scale-color="dark"]:not([data-seed="light-only"]), :root[data-seed]:not([data-seed="light-only"]) [data-seed-scale-color="dark"] {
+  --seed-color-palette-blue-100: #202742;
+  --seed-color-palette-blue-200: #1e3352;
+  --seed-color-palette-blue-300: #1a4275;
+  --seed-color-palette-blue-400: #0f559e;
+  --seed-color-palette-blue-500: #1964d8;
+  --seed-color-palette-blue-600: #1e82eb;
+  --seed-color-palette-blue-700: #41a2f9;
+  --seed-color-palette-blue-800: #83bcf9;
+  --seed-color-palette-blue-900: #b9d7fb;
+  --seed-color-palette-blue-1000: #e5f0fe;
+  --seed-color-palette-carrot-100: #31241f;
+  --seed-color-palette-carrot-200: #4b291c;
+  --seed-color-palette-carrot-300: #6b311c;
+  --seed-color-palette-carrot-400: #923600;
+  --seed-color-palette-carrot-500: #bd4201;
+  --seed-color-palette-carrot-600: #e65200;
+  --seed-color-palette-carrot-700: #f60;
+  --seed-color-palette-carrot-800: #ff9e65;
+  --seed-color-palette-carrot-900: #eecebc;
+  --seed-color-palette-carrot-1000: #f4eeea;
+  --seed-color-palette-gray-00: #000;
+  --seed-color-palette-gray-100: #16171b;
+  --seed-color-palette-gray-200: #1b1c22;
+  --seed-color-palette-gray-300: #2c2f35;
+  --seed-color-palette-gray-400: #393d46;
+  --seed-color-palette-gray-500: #5b606a;
+  --seed-color-palette-gray-600: #868b94;
+  --seed-color-palette-gray-700: #b0b3ba;
+  --seed-color-palette-gray-800: #dcdee3;
+  --seed-color-palette-gray-900: #e9eaec;
+  --seed-color-palette-gray-1000: #f3f4f5;
+  --seed-color-palette-green-100: #202926;
+  --seed-color-palette-green-200: #20362e;
+  --seed-color-palette-green-300: #20493b;
+  --seed-color-palette-green-400: #19604c;
+  --seed-color-palette-green-500: #117956;
+  --seed-color-palette-green-600: #1b946d;
+  --seed-color-palette-green-700: #22b27f;
+  --seed-color-palette-green-800: #35ce9a;
+  --seed-color-palette-green-900: #93e5c0;
+  --seed-color-palette-green-1000: #d4f6ef;
+  --seed-color-palette-purple-100: #28213b;
+  --seed-color-palette-purple-200: #3b2873;
+  --seed-color-palette-purple-300: #443081;
+  --seed-color-palette-purple-400: #5a3bb1;
+  --seed-color-palette-purple-500: #764fd9;
+  --seed-color-palette-purple-600: #8e6bee;
+  --seed-color-palette-purple-700: #a78df0;
+  --seed-color-palette-purple-800: #beadf2;
+  --seed-color-palette-purple-900: #d9cefa;
+  --seed-color-palette-purple-1000: #f0edfc;
+  --seed-color-palette-red-100: #322323;
+  --seed-color-palette-red-200: #4f2624;
+  --seed-color-palette-red-300: #742826;
+  --seed-color-palette-red-400: #a12621;
+  --seed-color-palette-red-500: #ca2319;
+  --seed-color-palette-red-600: #f73526;
+  --seed-color-palette-red-700: #ff6e60;
+  --seed-color-palette-red-800: #ffa299;
+  --seed-color-palette-red-900: #f8c5c3;
+  --seed-color-palette-red-1000: #fdf2f2;
+  --seed-color-palette-static-black: #000;
+  --seed-color-palette-static-white: #fff;
+  --seed-color-palette-static-black-alpha-50: #0000000d;
+  --seed-color-palette-static-black-alpha-200: #0003;
+  --seed-color-palette-static-black-alpha-500: #00000080;
+  --seed-color-palette-static-white-alpha-200: #fff3;
+  --seed-color-palette-static-white-alpha-800: #fffc;
+  --seed-color-palette-yellow-100: #302819;
+  --seed-color-palette-yellow-200: #413218;
+  --seed-color-palette-yellow-300: #543e15;
+  --seed-color-palette-yellow-400: #714e15;
+  --seed-color-palette-yellow-500: #91601b;
+  --seed-color-palette-yellow-600: #b6720d;
+  --seed-color-palette-yellow-700: #ca901c;
+  --seed-color-palette-yellow-800: #dab156;
+  --seed-color-palette-yellow-900: #e5d49b;
+  --seed-color-palette-yellow-1000: #f7f0cd;
+  --seed-color-fg-brand: var(--seed-color-palette-carrot-700);
+  --seed-color-fg-critical: var(--seed-color-palette-red-700);
+  --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
+  --seed-color-fg-informative: var(--seed-color-palette-blue-700);
+  --seed-color-fg-magic: var(--seed-color-palette-purple-700);
+  --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
+  --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
+  --seed-color-fg-positive: var(--seed-color-palette-green-700);
+  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
+  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
+  --seed-color-fg-magic-contrast: var(--seed-color-palette-purple-900);
+  --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-positive-contrast: var(--seed-color-palette-green-900);
+  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
+  --seed-color-bg-disabled: var(--seed-color-palette-gray-300);
+  --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-500);
+  --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-critical-solid: var(--seed-color-palette-red-600);
+  --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
+  --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-700);
+  --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
+  --seed-color-bg-informative-solid: var(--seed-color-palette-blue-600);
+  --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
+  --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-700);
+  --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
+  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
+  --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
+  --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
+  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
+  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
+  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
+  --seed-color-bg-magic-solid: var(--seed-color-palette-purple-600);
+  --seed-color-bg-magic-weak: var(--seed-color-palette-purple-100);
+  --seed-color-bg-magic-solid-pressed: var(--seed-color-palette-purple-700);
+  --seed-color-bg-magic-weak-pressed: var(--seed-color-palette-purple-200);
+  --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-1000);
+  --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-300);
+  --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-300);
+  --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
+  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-400);
+  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-500);
+  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-400);
+  --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-200);
+  --seed-color-bg-positive-solid: var(--seed-color-palette-green-500);
+  --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
+  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-500);
+  --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
+  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-600);
+  --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: var(--seed-color-palette-carrot-300);
+  --seed-color-stroke-control: var(--seed-color-palette-gray-400);
+  --seed-color-stroke-critical: var(--seed-color-palette-red-300);
+  --seed-color-stroke-field: var(--seed-color-palette-gray-400);
+  --seed-color-stroke-informative: var(--seed-color-palette-blue-300);
+  --seed-color-stroke-neutral: var(--seed-color-palette-gray-300);
+  --seed-color-stroke-positive: var(--seed-color-palette-green-300);
+  --seed-color-stroke-field-focused: var(--seed-color-palette-gray-800);
+  --seed-color-stroke-neutral-muted: var(--seed-color-palette-gray-200);
+  --seed-color-stroke-on-image: var(--seed-color-palette-static-black-alpha-50);
+  --seed-color-manner-temp-l1-bg: #222226;
+  --seed-color-manner-temp-l1-text: #b1b5b9;
+  --seed-color-manner-temp-l2-bg: #16212b;
+  --seed-color-manner-temp-l2-text: #7cbaf4;
+  --seed-color-manner-temp-l3-bg: #12262c;
+  --seed-color-manner-temp-l3-text: #47c3eb;
+  --seed-color-manner-temp-l4-bg: #162822;
+  --seed-color-manner-temp-l4-text: #33cc94;
+  --seed-color-manner-temp-l5-bg: #2e2312;
+  --seed-color-manner-temp-l5-text: #ffa100;
+  --seed-color-manner-temp-l6-bg: #2e1d12;
+  --seed-color-manner-temp-l6-text: #ff9147;
+  --seed-gradient-shimmer: #fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;
+}
+
+.seed-avatar__root {
+  box-sizing: border-box;
+  vertical-align: top;
+  border-radius: var(--seed-radius-full);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+.seed-avatar__image {
+  object-fit: cover;
+  border-radius: var(--seed-radius-full);
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: hidden;
+}
+
+.seed-avatar__image:not([data-loading-status="loaded"]) {
+  display: none;
+}
+
+.seed-avatar__fallback {
+  object-fit: cover;
+  border-radius: var(--seed-radius-full);
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+.seed-avatar__fallback[data-loading-status="loaded"] {
+  display: none;
+}
+
+.seed-avatar__badge {
+  box-sizing: border-box;
+  z-index: 1;
+  background: var(--seed-color-bg-layer-default);
+  border-radius: var(--seed-radius-full);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+}
+
+.seed-avatar__root--size_20 {
+  width: 20px;
+  height: 20px;
+}
+
+.seed-avatar__badge--size_20 {
+  width: 10px;
+  height: 10px;
+  top: 12.0721px;
+  left: 12.0721px;
+}
+
+.seed-avatar__root--size_24 {
+  width: 24px;
+  height: 24px;
+}
+
+.seed-avatar__badge--size_24 {
+  width: 12px;
+  height: 12px;
+  top: 14.4866px;
+  left: 14.4866px;
+}
+
+.seed-avatar__root--size_36 {
+  width: 36px;
+  height: 36px;
+}
+
+.seed-avatar__badge--size_36 {
+  width: 16px;
+  height: 16px;
+  top: 22.7298px;
+  left: 22.7298px;
+}
+
+.seed-avatar__root--size_48 {
+  width: 48px;
+  height: 48px;
+}
+
+.seed-avatar__badge--size_48 {
+  width: 24px;
+  height: 24px;
+  top: 28.9731px;
+  left: 28.9731px;
+}
+
+.seed-avatar__root--size_64 {
+  width: 64px;
+  height: 64px;
+}
+
+.seed-avatar__badge--size_64 {
+  width: 24px;
+  height: 24px;
+  top: 42.6308px;
+  left: 42.6308px;
+}
+
+.seed-avatar__root--size_80 {
+  width: 80px;
+  height: 80px;
+}
+
+.seed-avatar__badge--size_80 {
+  width: 24px;
+  height: 24px;
+  top: 56.2885px;
+  left: 56.2885px;
+}
+
+.seed-avatar__root--size_96 {
+  width: 96px;
+  height: 96px;
+}
+
+.seed-avatar__badge--size_96 {
+  width: 32px;
+  height: 32px;
+  top: 65.9463px;
+  left: 65.9463px;
+}
+
+.seed-avatar-stack__root {
+  box-sizing: border-box;
+  align-items: center;
+  display: inline-flex;
+}
+
+.seed-avatar-stack__item {
+  border-radius: var(--seed-radius-full);
+  background-clip: padding-box;
+  display: block;
+}
+
+.seed-avatar-stack__item--size_20:not(:first-child) {
+  margin-left: -5px;
+}
+
+.seed-avatar-stack__item--size_20 {
+  clip-path: inset(-2px);
+  box-shadow: 0 0 0 2px var(--seed-color-bg-layer-default);
+}
+
+.seed-avatar-stack__item--size_24:not(:first-child) {
+  margin-left: -6px;
+}
+
+.seed-avatar-stack__item--size_24 {
+  clip-path: inset(-2px);
+  box-shadow: 0 0 0 2px var(--seed-color-bg-layer-default);
+}
+
+.seed-avatar-stack__item--size_36:not(:first-child) {
+  margin-left: -8px;
+}
+
+.seed-avatar-stack__item--size_36 {
+  clip-path: inset(-3px);
+  box-shadow: 0 0 0 3px var(--seed-color-bg-layer-default);
+}
+
+.seed-avatar-stack__item--size_48:not(:first-child) {
+  margin-left: -10px;
+}
+
+.seed-avatar-stack__item--size_48 {
+  clip-path: inset(-4px);
+  box-shadow: 0 0 0 4px var(--seed-color-bg-layer-default);
+}
+
+.seed-avatar-stack__item--size_64:not(:first-child) {
+  margin-left: -10px;
+}
+
+.seed-avatar-stack__item--size_64 {
+  clip-path: inset(-4px);
+  box-shadow: 0 0 0 4px var(--seed-color-bg-layer-default);
+}
+
+.seed-action-button__root {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-family: inherit;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-action-button__root:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-action-button__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+}
+
+.seed-action-button__root {
+  transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-action-button__root--variant_brandSolid {
+  background: var(--seed-color-bg-brand-solid);
+  color: var(--seed-color-palette-static-white);
+  --seed-prefix-icon-color: var(--seed-color-palette-static-white);
+  --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+  --seed-icon-color: var(--seed-color-palette-static-white);
+  --track-color: var(--seed-color-palette-static-white-alpha-200);
+  --range-color: var(--seed-color-palette-static-white);
+}
+
+.seed-action-button__root--variant_brandSolid:is(:active, [data-active]) {
+  background: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-action-button__root--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-action-button__root--variant_brandSolid[data-loading] {
+  background: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-action-button__root--variant_neutralSolid {
+  background: var(--seed-color-bg-neutral-inverted);
+  color: var(--seed-color-fg-neutral-inverted);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted);
+  --seed-icon-color: var(--seed-color-fg-neutral-inverted);
+  --track-color: var(--seed-color-palette-static-white-alpha-200);
+  --range-color: var(--seed-color-palette-static-white);
+}
+
+.seed-action-button__root--variant_neutralSolid:is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-inverted-pressed);
+}
+
+.seed-action-button__root--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-action-button__root--variant_neutralSolid[data-loading] {
+  background: var(--seed-color-bg-neutral-inverted-pressed);
+}
+
+.seed-action-button__root--variant_neutralWeak {
+  background: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  --track-color: var(--seed-color-palette-gray-500);
+  --range-color: var(--seed-color-fg-neutral);
+}
+
+.seed-action-button__root--variant_neutralWeak:is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-action-button__root--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-action-button__root--variant_neutralWeak[data-loading] {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-action-button__root--variant_criticalSolid {
+  background: var(--seed-color-bg-critical-solid);
+  color: var(--seed-color-palette-static-white);
+  --seed-prefix-icon-color: var(--seed-color-palette-static-white);
+  --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+  --seed-icon-color: var(--seed-color-palette-static-white);
+  --track-color: var(--seed-color-palette-static-white-alpha-200);
+  --range-color: var(--seed-color-palette-static-white);
+}
+
+.seed-action-button__root--variant_criticalSolid:is(:active, [data-active]) {
+  background: var(--seed-color-bg-critical-solid-pressed);
+}
+
+.seed-action-button__root--variant_criticalSolid:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-action-button__root--variant_criticalSolid[data-loading] {
+  background: var(--seed-color-bg-critical-solid-pressed);
+}
+
+.seed-action-button__root--variant_brandOutline {
+  background: var(--seed-color-bg-layer-default);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--seed-color-stroke-neutral);
+  color: var(--seed-color-fg-brand);
+  --seed-prefix-icon-color: var(--seed-color-fg-brand);
+  --seed-suffix-icon-color: var(--seed-color-fg-brand);
+  --seed-icon-color: var(--seed-color-fg-brand);
+  --track-color: var(--seed-color-palette-carrot-200);
+  --range-color: var(--seed-color-bg-brand-solid);
+}
+
+.seed-action-button__root--variant_brandOutline:is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-action-button__root--variant_brandOutline:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-layer-default);
+  border-color: var(--seed-color-stroke-neutral);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-action-button__root--variant_brandOutline[data-loading] {
+  background: var(--seed-color-bg-layer-default);
+}
+
+.seed-action-button__root--variant_neutralOutline {
+  background: var(--seed-color-bg-layer-default);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--seed-color-stroke-neutral);
+  color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  --track-color: var(--seed-color-palette-gray-500);
+  --range-color: var(--seed-color-fg-neutral);
+}
+
+.seed-action-button__root--variant_neutralOutline:is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-action-button__root--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-layer-default);
+  border-color: var(--seed-color-stroke-neutral);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-action-button__root--variant_neutralOutline[data-loading] {
+  background: var(--seed-color-bg-layer-default);
+}
+
+.seed-action-button__root--size_xsmall {
+  height: var(--seed-dimension-x8);
+  border-radius: var(--seed-radius-full);
+  --size: 14px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: var(--seed-dimension-x3_5);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+  --seed-icon-size: var(--seed-dimension-x3_5);
+}
+
+.seed-action-button__root--size_small {
+  height: var(--seed-dimension-x9);
+  border-radius: var(--seed-radius-r2);
+  --size: 14px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: var(--seed-dimension-x3_5);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+  --seed-icon-size: var(--seed-dimension-x4);
+}
+
+.seed-action-button__root--size_medium {
+  height: var(--seed-dimension-x10);
+  border-radius: var(--seed-radius-r2);
+  --size: 16px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: var(--seed-dimension-x4);
+  --seed-suffix-icon-size: var(--seed-dimension-x4);
+  --seed-icon-size: 18px;
+}
+
+.seed-action-button__root--size_large {
+  height: var(--seed-dimension-x13);
+  border-radius: var(--seed-radius-r3);
+  --size: 18px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: 22px;
+  --seed-suffix-icon-size: 22px;
+  --seed-icon-size: 22px;
+}
+
+.seed-action-button__root--size_xsmall-layout_withText {
+  gap: var(--seed-dimension-x1);
+  padding-inline: var(--seed-dimension-x3_5);
+  padding-block: var(--seed-dimension-x1_5);
+  font-size: var(--seed-font-size-t4);
+}
+
+.seed-action-button__root--size_xsmall-layout_iconOnly {
+  min-width: var(--seed-dimension-x8);
+  padding-inline: var(--seed-dimension-x1_5);
+  padding-block: var(--seed-dimension-x1_5);
+}
+
+.seed-action-button__root--size_small-layout_withText {
+  gap: var(--seed-dimension-x1);
+  padding-inline: var(--seed-dimension-x3_5);
+  padding-block: var(--seed-dimension-x2);
+  font-size: var(--seed-font-size-t4);
+}
+
+.seed-action-button__root--size_small-layout_iconOnly {
+  min-width: var(--seed-dimension-x9);
+  padding-inline: var(--seed-dimension-x2);
+  padding-block: var(--seed-dimension-x2);
+}
+
+.seed-action-button__root--size_medium-layout_withText {
+  gap: var(--seed-dimension-x1);
+  padding-inline: var(--seed-dimension-x4);
+  padding-block: var(--seed-dimension-x2_5);
+  font-size: var(--seed-font-size-t4);
+}
+
+.seed-action-button__root--size_medium-layout_iconOnly {
+  min-width: var(--seed-dimension-x10);
+  padding-inline: var(--seed-dimension-x2_5);
+  padding-block: var(--seed-dimension-x2_5);
+}
+
+.seed-action-button__root--size_large-layout_withText {
+  gap: var(--seed-dimension-x2);
+  padding-inline: var(--seed-dimension-x5);
+  padding-block: var(--seed-dimension-x3_5);
+  font-size: var(--seed-font-size-t6);
+}
+
+.seed-action-button__root--size_large-layout_iconOnly {
+  min-width: var(--seed-dimension-x13);
+  padding-inline: var(--seed-dimension-x3_5);
+  padding-block: var(--seed-dimension-x3_5);
+}
+
+.seed-toggle-button__root {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: inherit;
+  font-weight: var(--seed-font-weight-bold);
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-toggle-button__root:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-toggle-button__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+}
+
+.seed-toggle-button__root {
+  transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing);
+}
+
+.seed-toggle-button__root--variant_brandSolid {
+  background: var(--seed-color-bg-brand-solid);
+  color: var(--seed-color-palette-static-white);
+  --track-color: var(--seed-color-palette-static-white-alpha-200);
+  --range-color: var(--seed-color-palette-static-white);
+}
+
+.seed-toggle-button__root--variant_brandSolid:is(:active, [data-active]) {
+  background: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-toggle-button__root--variant_brandSolid:is([aria-pressed="true"], [data-pressed]) {
+  background: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral);
+  --track-color: var(--seed-color-palette-gray-500);
+  --range-color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-toggle-button__root--variant_brandSolid:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-toggle-button__root--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-toggle-button__root--variant_brandSolid[data-loading] {
+  background: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-toggle-button__root--variant_brandSolid:is([aria-pressed="true"], [data-pressed])[data-loading] {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-toggle-button__root--variant_brandSolid {
+  --seed-prefix-icon-color: var(--seed-color-palette-static-white);
+  --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+}
+
+.seed-toggle-button__root--variant_neutralWeak {
+  background: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral);
+  --track-color: var(--seed-color-palette-gray-500);
+  --range-color: var(--seed-color-fg-neutral);
+}
+
+.seed-toggle-button__root--variant_neutralWeak:is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-toggle-button__root--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]) {
+  background: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral);
+  --track-color: var(--seed-color-palette-gray-500);
+  --range-color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-toggle-button__root--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-toggle-button__root--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-toggle-button__root--variant_neutralWeak[data-loading], .seed-toggle-button__root--variant_neutralWeak:is([aria-pressed="true"], [data-pressed])[data-loading] {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-toggle-button__root--variant_neutralWeak {
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-toggle-button__root--size_xsmall {
+  height: var(--seed-dimension-x8);
+  border-radius: var(--seed-radius-full);
+  gap: var(--seed-dimension-x1);
+  padding-inline: var(--seed-dimension-x3_5);
+  padding-block: var(--seed-dimension-x1_5);
+  font-size: var(--seed-font-size-t4);
+  --size: 14px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: var(--seed-dimension-x3_5);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+}
+
+.seed-toggle-button__root--size_small {
+  height: var(--seed-dimension-x9);
+  border-radius: var(--seed-radius-full);
+  gap: var(--seed-dimension-x1);
+  padding-inline: var(--seed-dimension-x4);
+  padding-block: var(--seed-dimension-x2);
+  font-size: var(--seed-font-size-t4);
+  --size: 14px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: var(--seed-dimension-x3_5);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+}
+
+.seed-reaction-button__root {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-family: inherit;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-reaction-button__root:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-reaction-button__root {
+  transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing);
+  background: var(--seed-color-bg-neutral-weak);
+  font-weight: var(--seed-font-weight-medium);
+  color: var(--seed-color-fg-neutral);
+  --track-color: var(--seed-color-palette-gray-500);
+  --range-color: var(--seed-color-fg-neutral);
+  --seed-count-line-height: 1px;
+  --seed-count-font-weight: var(--seed-font-weight-bold);
+  --seed-count-color: var(--seed-color-fg-neutral);
+}
+
+.seed-reaction-button__root:is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-reaction-button__root:is([aria-pressed="true"], [data-pressed]) {
+  background: var(--seed-color-bg-layer-default);
+  color: var(--seed-color-fg-brand);
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand);
+  --seed-prefix-icon-color: var(--seed-color-fg-brand);
+  --seed-count-color: var(--seed-color-fg-brand);
+}
+
+.seed-reaction-button__root:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-reaction-button__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  box-shadow: inset 0 0 0 0px var(--seed-color-stroke-brand);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-count-color: var(--seed-color-fg-disabled);
+}
+
+.seed-reaction-button__root[data-loading] {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-reaction-button__root:is([aria-pressed="true"], [data-pressed])[data-loading] {
+  background: var(--seed-color-bg-layer-default-pressed);
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand);
+  --track-color: var(--seed-color-palette-carrot-200);
+  --range-color: var(--seed-color-fg-brand);
+}
+
+.seed-reaction-button__root--size_xsmall {
+  height: var(--seed-dimension-x8);
+  border-radius: var(--seed-radius-full);
+  gap: var(--seed-dimension-x1);
+  padding-inline: var(--seed-dimension-x3);
+  padding-block: var(--seed-dimension-x1_5);
+  font-size: var(--seed-font-size-t3);
+  line-height: var(--seed-line-height-t3);
+  --size: 14px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: 18px;
+  --seed-count-font-size: var(--seed-font-size-t3);
+  --seed-count-line-height: var(--seed-line-height-t3);
+}
+
+.seed-reaction-button__root--size_small {
+  height: var(--seed-dimension-x9);
+  border-radius: var(--seed-radius-full);
+  gap: var(--seed-dimension-x1);
+  padding-inline: var(--seed-dimension-x3_5);
+  padding-block: var(--seed-dimension-x2);
+  font-size: var(--seed-font-size-t3);
+  line-height: var(--seed-line-height-t3);
+  --size: 14px;
+  --thickness: 2px;
+  --seed-prefix-icon-size: 18px;
+  --seed-count-font-size: var(--seed-font-size-t3);
+  --seed-count-line-height: var(--seed-line-height-t3);
+}
+
+.seed-bottom-sheet__positioner {
+  overscroll-behavior-y: none;
+  --sheet-z-index: 2;
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  justify-content: center;
+  align-items: flex-end;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.seed-bottom-sheet__backdrop {
+  background: var(--seed-color-bg-overlay);
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  position: fixed;
+  inset: 0;
+}
+
+.seed-bottom-sheet__backdrop:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d2);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-bottom-sheet__backdrop:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter);
+  animation-duration: var(--seed-duration-d2);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+}
+
+.seed-bottom-sheet__content {
+  box-sizing: border-box;
+  word-break: break-all;
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  background: var(--seed-color-bg-layer-default);
+  border-top-left-radius: var(--seed-radius-r6);
+  border-top-right-radius: var(--seed-radius-r6);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  position: relative;
+}
+
+.seed-bottom-sheet__content:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d4);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 100%;
+  --seed-exit-opacity: 1;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-bottom-sheet__content:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter-expressive);
+  animation-duration: var(--seed-duration-d6);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 100%;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+}
+
+.seed-bottom-sheet__header {
+  gap: var(--seed-dimension-x2);
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  padding-top: var(--seed-dimension-x6);
+  padding-bottom: var(--seed-dimension-x4);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-bottom-sheet__title {
+  color: var(--seed-color-fg-neutral);
+  font-size: var(--seed-font-size-t8);
+  line-height: var(--seed-line-height-t8);
+  font-weight: var(--seed-font-weight-bold);
+  margin: 0;
+}
+
+.seed-bottom-sheet__description {
+  color: var(--seed-color-fg-neutral-muted);
+  font-size: var(--seed-font-size-t6);
+  line-height: var(--seed-line-height-t6);
+  font-weight: var(--seed-font-weight-regular);
+  white-space: pre-wrap;
+  margin: 0;
+}
+
+.seed-bottom-sheet__body {
+  --seed-box-padding-x: var(--seed-dimension-spacing-x-global-gutter);
+  --seed-box-height: initial;
+  --seed-box-min-height: initial;
+  --seed-box-max-height: initial;
+  --seed-box-justify-content: initial;
+  --seed-box-align-items: initial;
+  padding-inline: var(--seed-box-padding-x);
+  height: var(--seed-box-height);
+  min-height: var(--seed-box-min-height);
+  max-height: var(--seed-box-max-height);
+  justify-content: var(--seed-box-justify-content);
+  align-items: var(--seed-box-align-items);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-bottom-sheet__footer {
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  padding-top: var(--seed-dimension-x3);
+  padding-bottom: var(--seed-dimension-x4);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-bottom-sheet__closeButton {
+  top: var(--seed-dimension-x5);
+  right: var(--seed-dimension-x5);
+  border-radius: var(--seed-radius-full);
+  background: var(--seed-color-palette-gray-300);
+  --seed-icon-size: 14px;
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  justify-content: center;
+  align-items: center;
+  width: 28px;
+  height: 28px;
+  display: flex;
+  position: absolute;
+}
+
+.seed-bottom-sheet__closeButton:after {
+  content: "";
+  position: absolute;
+  inset: -8px;
+}
+
+.seed-action-sheet__positioner {
+  overscroll-behavior-y: none;
+  --sheet-z-index: 2;
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  justify-content: center;
+  align-items: flex-end;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.seed-action-sheet__backdrop {
+  background: var(--seed-color-bg-overlay);
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  position: fixed;
+  inset: 0;
+}
+
+.seed-action-sheet__backdrop:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d2);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-action-sheet__backdrop:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter);
+  animation-duration: var(--seed-duration-d2);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+}
+
+.seed-action-sheet__content {
+  box-sizing: border-box;
+  word-break: break-all;
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  background: var(--seed-color-bg-layer-floating);
+  border-top-left-radius: var(--seed-radius-r5);
+  border-top-right-radius: var(--seed-radius-r5);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  position: relative;
+}
+
+.seed-action-sheet__content:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d4);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 100%;
+  --seed-exit-opacity: 1;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-action-sheet__content:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter-expressive);
+  animation-duration: var(--seed-duration-d6);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 100%;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+}
+
+.seed-action-sheet__header {
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  padding-block: var(--seed-dimension-x3_5);
+  align-items: center;
+  gap: var(--seed-dimension-x1);
+  flex-direction: column;
+  display: flex;
+  position: relative;
+}
+
+.seed-action-sheet__header:after {
+  content: "";
+  left: var(--seed-dimension-spacing-x-global-gutter);
+  right: var(--seed-dimension-spacing-x-global-gutter);
+  background: var(--seed-color-stroke-neutral);
+  height: 1px;
+  display: block;
+  position: absolute;
+  bottom: 0;
+}
+
+.seed-action-sheet__title {
+  color: var(--seed-color-fg-neutral-muted);
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-action-sheet__description {
+  color: var(--seed-color-fg-neutral-muted);
+  font-size: var(--seed-font-size-t3);
+  line-height: var(--seed-line-height-t3);
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-action-sheet__list {
+  flex-direction: column;
+  align-items: stretch;
+  display: flex;
+}
+
+.seed-action-sheet__closeButton {
+  background-color: var(--seed-color-bg-layer-floating);
+  min-height: 50px;
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  padding-block: var(--seed-dimension-x3_5);
+  color: var(--seed-color-fg-neutral);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-bold);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-action-sheet__closeButton:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-floating-pressed);
+}
+
+.seed-action-sheet-item__root {
+  background-color: var(--seed-color-bg-layer-floating);
+  min-height: 50px;
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  padding-block: var(--seed-dimension-x3_5);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-regular);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.seed-action-sheet-item__root:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-floating-pressed);
+}
+
+.seed-action-sheet-item__root:after {
+  content: "";
+  left: var(--seed-dimension-spacing-x-global-gutter);
+  right: var(--seed-dimension-spacing-x-global-gutter);
+  background: var(--seed-color-stroke-neutral);
+  height: 1px;
+  display: block;
+  position: absolute;
+  bottom: 0;
+}
+
+.seed-action-sheet-item__root--tone_neutral {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-action-sheet-item__root--tone_critical {
+  color: var(--seed-color-fg-critical);
+}
+
+.seed-extended-action-sheet__positioner {
+  overscroll-behavior-y: none;
+  --sheet-z-index: 2;
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  justify-content: center;
+  align-items: flex-end;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.seed-extended-action-sheet__backdrop {
+  background: var(--seed-color-bg-overlay);
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  position: fixed;
+  inset: 0;
+}
+
+.seed-extended-action-sheet__backdrop:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d2);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-extended-action-sheet__backdrop:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter);
+  animation-duration: var(--seed-duration-d2);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+}
+
+.seed-extended-action-sheet__content {
+  box-sizing: border-box;
+  word-break: break-all;
+  z-index: calc(var(--sheet-z-index)  + var(--layer-index, 0));
+  background: var(--seed-color-bg-layer-floating);
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  padding-block: var(--seed-dimension-x4);
+  border-top-left-radius: var(--seed-radius-r5);
+  border-top-right-radius: var(--seed-radius-r5);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  position: relative;
+}
+
+.seed-extended-action-sheet__content:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d4);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 100%;
+  --seed-exit-opacity: 1;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-extended-action-sheet__content:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter-expressive);
+  animation-duration: var(--seed-duration-d6);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 100%;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+}
+
+.seed-extended-action-sheet__header {
+  align-items: center;
+  gap: var(--seed-dimension-x1);
+  padding-bottom: var(--seed-dimension-x4);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-extended-action-sheet__title {
+  color: var(--seed-color-fg-neutral);
+  font-size: var(--seed-font-size-t6);
+  line-height: var(--seed-line-height-t6);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-extended-action-sheet__list {
+  align-items: stretch;
+  gap: var(--seed-dimension-x2_5);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-extended-action-sheet__group {
+  border-radius: var(--seed-radius-r4);
+  flex-direction: column;
+  align-items: stretch;
+  display: flex;
+  overflow: hidden;
+}
+
+.seed-extended-action-sheet__footer {
+  padding-top: var(--seed-dimension-x2_5);
+  flex-direction: column;
+  align-items: stretch;
+  display: flex;
+}
+
+.seed-extended-action-sheet__closeButton {
+  background-color: var(--seed-color-bg-neutral-weak);
+  min-height: 52px;
+  padding-inline: var(--seed-dimension-x5);
+  padding-block: var(--seed-dimension-x3_5);
+  border-radius: var(--seed-radius-r3);
+  color: var(--seed-color-fg-neutral);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-medium);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-extended-action-sheet__closeButton:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-extended-action-sheet-item__root {
+  background-color: var(--seed-color-bg-neutral-weak);
+  min-height: 52px;
+  padding-inline: var(--seed-dimension-x4);
+  padding-block: var(--seed-dimension-x3_5);
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--seed-dimension-x3_5);
+  box-shadow: inset 0 calc(-1 * 1px) 0 var(--seed-color-stroke-neutral);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-regular);
+  display: flex;
+}
+
+.seed-extended-action-sheet-item__root:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-extended-action-sheet-item__root:last-child {
+  box-shadow: none;
+}
+
+.seed-extended-action-sheet-item__root {
+  --seed-prefix-icon-size: 22px;
+}
+
+.seed-extended-action-sheet-item__root--tone_neutral {
+  color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-extended-action-sheet-item__root--tone_critical {
+  color: var(--seed-color-fg-critical);
+  --seed-prefix-icon-color: var(--seed-color-fg-critical);
+}
+
+.seed-fab__root {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  font-family: inherit;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-fab__root:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-fab__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+}
+
+.seed-fab__root {
+  background: var(--seed-color-bg-layer-floating);
+  border-radius: var(--seed-radius-full);
+  --seed-icon-size: 22px;
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  width: 44px;
+  height: 44px;
+  box-shadow: 0 2px 6px #00000026;
+}
+
+.seed-fab__root:is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-floating-pressed);
+}
+
+.seed-extended-fab__root {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-family: inherit;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-extended-fab__root:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-extended-fab__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+}
+
+.seed-extended-fab__root {
+  border-radius: var(--seed-radius-full);
+  box-shadow: 0 2px 6px #00000026;
+}
+
+.seed-extended-fab__root--variant_neutralSolid {
+  background: var(--seed-color-bg-neutral-inverted);
+  color: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-extended-fab__root--variant_neutralSolid:is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-inverted-pressed);
+}
+
+.seed-extended-fab__root--variant_neutralSolid {
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-extended-fab__root--variant_layerFloating {
+  background: var(--seed-color-bg-layer-floating);
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-extended-fab__root--variant_layerFloating:is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-floating-pressed);
+}
+
+.seed-extended-fab__root--variant_layerFloating {
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-extended-fab__root--size_small {
+  padding-inline: var(--seed-dimension-x3_5);
+  padding-block: var(--seed-dimension-x2_5);
+  gap: var(--seed-dimension-x1);
+  min-height: 40px;
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-medium);
+  --seed-prefix-icon-size: 16px;
+}
+
+.seed-extended-fab__root--size_medium {
+  padding-inline: var(--seed-dimension-x4);
+  padding-block: var(--seed-dimension-x3);
+  gap: var(--seed-dimension-x1);
+  min-height: 48px;
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-bold);
+  --seed-prefix-icon-size: 16px;
+}
+
+.seed-badge__root {
+  box-sizing: border-box;
+  text-transform: none;
+  text-align: start;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-badge__root--size_medium {
+  min-height: var(--seed-dimension-x5);
+  padding-inline: var(--seed-dimension-x1_5);
+  padding-block: var(--seed-dimension-x0_5);
+  font-size: var(--seed-font-size-t1);
+  line-height: var(--seed-line-height-t1);
+}
+
+.seed-badge__root--size_large {
+  min-height: var(--seed-dimension-x6);
+  padding-inline: var(--seed-dimension-x2);
+  padding-block: var(--seed-dimension-x1);
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+}
+
+.seed-badge__root--shape_pill {
+  border-radius: var(--seed-radius-full);
+}
+
+.seed-badge__root--variant_weak {
+  font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-badge__root--variant_solid, .seed-badge__root--variant_outline {
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-badge__root--shape_rectangle-size_medium {
+  border-radius: var(--seed-radius-r1);
+}
+
+.seed-badge__root--shape_rectangle-size_large {
+  border-radius: var(--seed-radius-r1_5);
+}
+
+.seed-badge__root--tone_neutral-variant_weak {
+  background-color: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-badge__root--tone_neutral-variant_solid {
+  background-color: var(--seed-color-bg-neutral-inverted);
+  color: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-badge__root--tone_neutral-variant_outline {
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral);
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-badge__root--tone_brand-variant_weak {
+  background-color: var(--seed-color-palette-carrot-100);
+  color: var(--seed-color-palette-carrot-900);
+}
+
+.seed-badge__root--tone_brand-variant_solid {
+  background-color: var(--seed-color-bg-brand-solid);
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-badge__root--tone_brand-variant_outline {
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand);
+  color: var(--seed-color-fg-brand);
+}
+
+.seed-badge__root--tone_informative-variant_weak {
+  background-color: var(--seed-color-bg-informative-weak);
+  color: var(--seed-color-fg-informative-contrast);
+}
+
+.seed-badge__root--tone_informative-variant_solid {
+  background-color: var(--seed-color-bg-informative-solid);
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-badge__root--tone_informative-variant_outline {
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-informative);
+  color: var(--seed-color-fg-informative);
+}
+
+.seed-badge__root--tone_positive-variant_weak {
+  background-color: var(--seed-color-bg-positive-weak);
+  color: var(--seed-color-fg-positive-contrast);
+}
+
+.seed-badge__root--tone_positive-variant_solid {
+  background-color: var(--seed-color-bg-positive-solid);
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-badge__root--tone_positive-variant_outline {
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-positive);
+  color: var(--seed-color-fg-positive);
+}
+
+.seed-badge__root--tone_critical-variant_weak {
+  background-color: var(--seed-color-bg-critical-weak);
+  color: var(--seed-color-fg-critical-contrast);
+}
+
+.seed-badge__root--tone_critical-variant_solid {
+  background-color: var(--seed-color-bg-critical-solid);
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-badge__root--tone_critical-variant_outline {
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-critical);
+  color: var(--seed-color-fg-critical);
+}
+
+.seed-radio__root {
+  box-sizing: border-box;
+  background-color: var(--seed-color-bg-layer-default);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--seed-color-stroke-control);
+  border-radius: var(--seed-radius-full);
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-radio__root:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-radio__root:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-bg-brand-solid);
+  border-width: 0;
+}
+
+.seed-radio__root:is(:active, [data-active]):is(:checked, [data-checked]) {
+  background-color: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-radio__root:is(:disabled, [disabled], [data-disabled]) {
+  background-color: var(--seed-color-palette-gray-300);
+}
+
+.seed-radio__root:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
+  background-color: none;
+  border-color: var(--seed-color-palette-gray-300);
+}
+
+.seed-radio__icon {
+  border-radius: var(--seed-radius-full);
+  display: none;
+}
+
+.seed-radio__icon:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-palette-static-white);
+  display: block;
+}
+
+.seed-radio__icon:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
+  background-color: var(--seed-color-palette-gray-300);
+}
+
+.seed-radio__root--size_large {
+  width: var(--seed-dimension-x6);
+  height: var(--seed-dimension-x6);
+}
+
+.seed-radio__icon--size_large {
+  width: var(--seed-dimension-x2_5);
+  height: var(--seed-dimension-x2_5);
+}
+
+.seed-radio__icon--size_large:is(:disabled, [disabled], [data-disabled]) {
+  width: var(--seed-dimension-x3);
+  height: var(--seed-dimension-x3);
+}
+
+.seed-radio__root--size_medium {
+  width: var(--seed-dimension-x5);
+  height: var(--seed-dimension-x5);
+}
+
+.seed-radio__icon--size_medium {
+  width: var(--seed-dimension-x2);
+  height: var(--seed-dimension-x2);
+}
+
+.seed-radio__icon--size_medium:is(:disabled, [disabled], [data-disabled]) {
+  width: var(--seed-dimension-x2_5);
+  height: var(--seed-dimension-x2_5);
+}
+
+.seed-dialog__positioner {
+  overscroll-behavior-y: none;
+  --dialog-z-index: 2;
+  z-index: calc(var(--dialog-z-index)  + var(--layer-index, 0));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.seed-dialog__backdrop {
+  background: var(--seed-color-bg-overlay);
+  z-index: calc(var(--dialog-z-index)  + var(--layer-index, 0));
+  position: fixed;
+  inset: 0;
+}
+
+.seed-dialog__backdrop:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter);
+  animation-duration: var(--seed-duration-d2);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+}
+
+.seed-dialog__backdrop:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d2);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-dialog__content {
+  box-sizing: border-box;
+  word-break: break-all;
+  z-index: calc(var(--dialog-z-index)  + var(--layer-index, 0));
+  background: var(--seed-color-bg-layer-default);
+  max-width: 272px;
+  margin: auto var(--seed-dimension-x8);
+  padding: var(--seed-dimension-x5) var(--seed-dimension-x5);
+  border-radius: var(--seed-radius-r5);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  position: relative;
+}
+
+.seed-dialog__content:is([data-state="open"], [data-open]) {
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter-expressive);
+  animation-duration: var(--seed-duration-d4);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1.3;
+}
+
+.seed-dialog__content:not(:is([data-state="open"], [data-open])) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d2);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-dialog__header {
+  gap: var(--seed-dimension-x1_5);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-dialog__title {
+  color: var(--seed-color-fg-neutral);
+  font-size: var(--seed-font-size-t7);
+  line-height: var(--seed-line-height-t7);
+  font-weight: var(--seed-font-weight-bold);
+  margin: 0;
+}
+
+.seed-dialog__description {
+  color: var(--seed-color-fg-neutral);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-regular);
+  white-space: pre-wrap;
+  margin: 0;
+}
+
+.seed-dialog__footer {
+  padding-top: var(--seed-dimension-x4);
+  flex-direction: column;
+  align-items: stretch;
+  display: flex;
+}
+
+.seed-checkbox__root {
+  vertical-align: top;
+  isolation: isolate;
+  cursor: pointer;
+  align-items: flex-start;
+  gap: var(--seed-dimension-x2);
+  max-inline-size: 100%;
+  display: inline-flex;
+  position: relative;
+}
+
+.seed-checkbox__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+}
+
+.seed-checkbox__control {
+  box-sizing: border-box;
+  flex-shrink: 0;
+  position: relative;
+}
+
+.seed-checkbox__icon {
+  content: "";
+  text-align: center;
+  overflow: initial;
+  margin: auto;
+  display: none;
+  position: absolute;
+  inset: 0;
+}
+
+.seed-checkbox__label {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-checkbox__label--weight_default {
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-checkbox__label--weight_stronger {
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-checkbox__control--variant_square {
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--seed-color-stroke-control);
+}
+
+.seed-checkbox__control--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  background: var(--seed-color-bg-brand-solid);
+  border-width: 0;
+}
+
+.seed-checkbox__control--variant_square:is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-checkbox__control--variant_square:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  background: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  border-color: var(--seed-color-stroke-neutral);
+}
+
+.seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
+  background: var(--seed-color-bg-disabled);
+}
+
+.seed-checkbox__icon--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-palette-static-white);
+  display: block;
+}
+
+.seed-checkbox__icon--variant_square:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-fg-disabled);
+  display: block;
+}
+
+.seed-checkbox__label--variant_square:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-checkbox__control--variant_ghost, .seed-checkbox__control--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  background: none;
+}
+
+.seed-checkbox__control--variant_ghost:is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-checkbox__control--variant_ghost:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  background: var(--seed-color-palette-carrot-200);
+}
+
+.seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
+  background: none;
+}
+
+.seed-checkbox__icon--variant_ghost {
+  color: var(--seed-color-fg-placeholder);
+  display: block;
+}
+
+.seed-checkbox__icon--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
+  color: var(--seed-color-fg-brand);
+}
+
+.seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]), .seed-checkbox__label--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-checkbox__root--size_large {
+  min-height: var(--seed-dimension-x9);
+}
+
+.seed-checkbox__control--size_large {
+  border-radius: var(--seed-radius-r1);
+  width: var(--seed-dimension-x6);
+  height: var(--seed-dimension-x6);
+  margin: calc((var(--seed-dimension-x9)  - var(--seed-dimension-x6)) / 2) 0;
+}
+
+.seed-checkbox__label--size_large {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  margin-block-start: calc(18px - .65625rem);
+}
+
+.seed-checkbox__root--size_medium {
+  min-height: var(--seed-dimension-x8);
+}
+
+.seed-checkbox__control--size_medium {
+  border-radius: var(--seed-radius-r1);
+  width: var(--seed-dimension-x5);
+  height: var(--seed-dimension-x5);
+  margin: calc((var(--seed-dimension-x8)  - var(--seed-dimension-x5)) / 2) 0;
+}
+
+.seed-checkbox__label--size_medium {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  margin-block-start: calc(16px - .59375rem);
+}
+
+.seed-checkbox__icon--size_medium-variant_ghost {
+  width: 14px;
+  height: 14px;
+}
+
+.seed-checkbox__icon--size_large-variant_ghost {
+  width: 18px;
+  height: 18px;
+}
+
+.seed-checkbox__icon--size_medium-variant_square {
+  width: 12px;
+  height: 12px;
+}
+
+.seed-checkbox__icon--size_large-variant_square {
+  width: 14px;
+  height: 14px;
+}
+
+.seed-action-chip__root {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  text-align: start;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: inherit;
+  line-height: 1;
+  font-weight: var(--seed-font-weight-medium);
+  border-radius: var(--seed-radius-full);
+  background: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle);
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  --seed-count-line-height: 1px;
+  --seed-count-font-weight: var(--seed-font-weight-medium);
+  --seed-count-color: var(--seed-color-fg-neutral-muted);
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.seed-action-chip__root:is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-action-chip__root:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-action-chip__root:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  cursor: not-allowed;
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-action-chip__root--size_medium {
+  min-height: var(--seed-dimension-x9);
+  padding-block: var(--seed-dimension-x2);
+  gap: var(--seed-dimension-x1);
+  font-size: var(--seed-font-size-t4);
+  --seed-count-font-size: var(--seed-font-size-t4);
+  --seed-prefix-icon-size: var(--seed-dimension-x4);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+  --seed-icon-size: var(--seed-dimension-x4);
+}
+
+.seed-action-chip__root--size_small {
+  min-height: var(--seed-dimension-x8);
+  padding-block: var(--seed-dimension-x1_5);
+  gap: var(--seed-dimension-x1);
+  font-size: var(--seed-font-size-t4);
+  --seed-count-font-size: var(--seed-font-size-t4);
+  --seed-prefix-icon-size: var(--seed-dimension-x4);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+  --seed-icon-size: var(--seed-dimension-x4);
+}
+
+.seed-action-chip__root--size_medium-layout_withText {
+  padding-inline: var(--seed-dimension-x3_5);
+}
+
+.seed-action-chip__root--size_medium-layout_iconOnly {
+  min-width: var(--seed-dimension-x9);
+}
+
+.seed-action-chip__root--size_small-layout_withText {
+  padding-inline: var(--seed-dimension-x3);
+}
+
+.seed-action-chip__root--size_small-layout_iconOnly {
+  min-width: var(--seed-dimension-x8);
+}
+
+.seed-control-chip__root {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  text-align: start;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border-radius: var(--seed-radius-full);
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral);
+  color: var(--seed-color-fg-neutral);
+  line-height: 1;
+  font-weight: var(--seed-font-weight-medium);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle);
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  --seed-count-line-height: 1px;
+  --seed-count-font-weight: var(--seed-font-weight-medium);
+  --seed-count-color: var(--seed-color-fg-neutral-muted);
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.seed-control-chip__root:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-control-chip__root:is(:active, [data-active]) {
+  background: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-control-chip__root:is(:checked, [data-checked]) {
+  box-shadow: none;
+  background: var(--seed-color-bg-neutral-solid-muted);
+  color: var(--seed-color-palette-static-white);
+  font-weight: var(--seed-font-weight-bold);
+  --seed-prefix-icon-color: var(--seed-color-palette-static-white);
+  --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+  --seed-icon-color: var(--seed-color-palette-static-white);
+  --seed-count-color: var(--seed-color-palette-static-white-alpha-800);
+}
+
+.seed-control-chip__root:is(:checked, [data-checked]):is(:active, [data-active]) {
+  background: var(--seed-color-bg-neutral-solid-muted-pressed);
+}
+
+.seed-control-chip__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-suffix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
+}
+
+.seed-control-chip__root--size_medium {
+  min-height: var(--seed-dimension-x9);
+  padding-block: var(--seed-dimension-x2);
+  gap: var(--seed-dimension-x1);
+  font-size: var(--seed-font-size-t4);
+  --seed-prefix-icon-size: var(--seed-dimension-x4);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+  --seed-icon-size: var(--seed-dimension-x4);
+  --seed-count-font-size: var(--seed-font-size-t4);
+}
+
+.seed-control-chip__root--size_small {
+  min-height: var(--seed-dimension-x8);
+  padding-block: var(--seed-dimension-x1_5);
+  gap: var(--seed-dimension-x1);
+  font-size: var(--seed-font-size-t4);
+  --seed-prefix-icon-size: var(--seed-dimension-x4);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+  --seed-icon-size: var(--seed-dimension-x4);
+  --seed-count-font-size: var(--seed-font-size-t4);
+}
+
+.seed-control-chip__root--size_medium-layout_withText {
+  padding-inline: var(--seed-dimension-x3_5);
+}
+
+.seed-control-chip__root--size_medium-layout_iconOnly {
+  min-width: var(--seed-dimension-x9);
+}
+
+.seed-control-chip__root--size_small-layout_withText {
+  padding-inline: var(--seed-dimension-x3);
+}
+
+.seed-control-chip__root--size_small-layout_iconOnly {
+  min-width: var(--seed-dimension-x8);
+}
+
+.seed-callout__root {
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: start;
+  width: 100%;
+  min-height: 50px;
+  padding-inline: var(--seed-dimension-x3_5);
+  padding-block: var(--seed-dimension-x3_5);
+  align-items: center;
+  gap: var(--seed-dimension-x3);
+  border-radius: var(--seed-radius-r2_5);
+  --seed-prefix-icon-size: var(--seed-dimension-x4);
+  --seed-suffix-icon-size: var(--seed-dimension-x4);
+  border: none;
+  font-family: inherit;
+  display: flex;
+}
+
+.seed-callout__root:is(button) {
+  cursor: pointer;
+}
+
+.seed-callout__content {
+  margin-inline-end: auto;
+  display: inline-flex;
+}
+
+.seed-callout__title {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-bold);
+  margin-inline-end: 1ch;
+}
+
+.seed-callout__description {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-callout__link {
+  cursor: pointer;
+  font-family: inherit;
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-regular);
+  text-underline-offset: 2px;
+  background-color: #0000;
+  border: none;
+  margin-inline-start: 1ch;
+  padding: 0;
+  text-decoration: underline;
+  display: inline-block;
+}
+
+.seed-callout__closeButton {
+  cursor: pointer;
+  width: var(--seed-dimension-x10);
+  height: var(--seed-dimension-x10);
+  margin: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * -.5);
+  background-color: #0000;
+  border: none;
+  flex-grow: 0;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: flex;
+}
+
+.seed-callout__root--tone_neutral {
+  background-color: var(--seed-color-bg-neutral-weak);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-callout__root--tone_neutral:is(button):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-callout__title--tone_neutral, .seed-callout__description--tone_neutral, .seed-callout__link--tone_neutral {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-callout__root--tone_informative {
+  background-color: var(--seed-color-bg-informative-weak);
+  --seed-prefix-icon-color: var(--seed-color-fg-informative-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast);
+}
+
+.seed-callout__root--tone_informative:is(button):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-informative-weak-pressed);
+}
+
+.seed-callout__title--tone_informative, .seed-callout__description--tone_informative, .seed-callout__link--tone_informative {
+  color: var(--seed-color-fg-informative-contrast);
+}
+
+.seed-callout__root--tone_warning {
+  background-color: var(--seed-color-bg-warning-weak);
+  --seed-prefix-icon-color: var(--seed-color-fg-warning-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast);
+}
+
+.seed-callout__root--tone_warning:is(button):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-warning-weak-pressed);
+}
+
+.seed-callout__title--tone_warning, .seed-callout__description--tone_warning, .seed-callout__link--tone_warning {
+  color: var(--seed-color-fg-warning-contrast);
+}
+
+.seed-callout__root--tone_critical {
+  background-color: var(--seed-color-bg-critical-weak);
+  --seed-prefix-icon-color: var(--seed-color-fg-critical-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast);
+}
+
+.seed-callout__root--tone_critical:is(button):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-critical-weak-pressed);
+}
+
+.seed-callout__title--tone_critical, .seed-callout__description--tone_critical, .seed-callout__link--tone_critical {
+  color: var(--seed-color-fg-critical-contrast);
+}
+
+.seed-callout__root--tone_magic {
+  background-color: var(--seed-color-bg-magic-weak);
+  --seed-prefix-icon-color: var(--seed-color-fg-magic-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-magic-contrast);
+}
+
+.seed-callout__root--tone_magic:is(button):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-magic-weak-pressed);
+}
+
+.seed-callout__title--tone_magic, .seed-callout__description--tone_magic, .seed-callout__link--tone_magic {
+  color: var(--seed-color-fg-magic-contrast);
+}
+
+.seed-manner-temp-badge__root {
+  box-sizing: border-box;
+  text-transform: none;
+  text-align: start;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border-radius: var(--seed-radius-full);
+  min-height: 20px;
+  padding-inline: var(--seed-dimension-x1_5);
+  padding-block: var(--seed-dimension-x0_5);
+  font-size: var(--seed-font-size-t1);
+  line-height: var(--seed-line-height-t1);
+  font-weight: var(--seed-font-weight-bold);
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.seed-manner-temp-badge__root--level_l1 {
+  background-color: var(--seed-color-manner-temp-l1-bg);
+  color: var(--seed-color-manner-temp-l1-text);
+}
+
+.seed-manner-temp-badge__root--level_l2 {
+  background-color: var(--seed-color-manner-temp-l2-bg);
+  color: var(--seed-color-manner-temp-l2-text);
+}
+
+.seed-manner-temp-badge__root--level_l3 {
+  background-color: var(--seed-color-manner-temp-l3-bg);
+  color: var(--seed-color-manner-temp-l3-text);
+}
+
+.seed-manner-temp-badge__root--level_l4 {
+  background-color: var(--seed-color-manner-temp-l4-bg);
+  color: var(--seed-color-manner-temp-l4-text);
+}
+
+.seed-manner-temp-badge__root--level_l5 {
+  background-color: var(--seed-color-manner-temp-l5-bg);
+  color: var(--seed-color-manner-temp-l5-text);
+}
+
+.seed-manner-temp-badge__root--level_l6 {
+  background-color: var(--seed-color-manner-temp-l6-bg);
+  color: var(--seed-color-manner-temp-l6-text);
+}
+
+.seed-segmented-control__root {
+  box-sizing: border-box;
+  min-width: fit-content;
+  max-width: 100%;
+  padding: var(--seed-dimension-x1);
+  border-radius: var(--seed-radius-full);
+  background-color: var(--seed-color-bg-neutral-weak);
+  isolation: isolate;
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  align-items: center;
+  display: grid;
+  position: relative;
+}
+
+.seed-segmented-control__indicator {
+  z-index: -1;
+  will-change: transform;
+  transform: translateX(calc(var(--segment-index) * 100%));
+  inset-block: var(--seed-dimension-x1);
+  width: calc((100% - var(--seed-dimension-x1) * 2) / var(--segment-count));
+  border-radius: var(--seed-radius-full);
+  background-color: var(--seed-color-bg-layer-default);
+  transition: transform var(--seed-duration-d4) var(--seed-timing-function-easing);
+  position: absolute;
+  inset-inline-start: var(--seed-dimension-x1);
+  box-shadow: 0 1px 6px #0000000d;
+}
+
+.seed-segmented-control__item {
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+  box-sizing: border-box;
+  overflow-wrap: break-word;
+  min-width: 86px;
+  min-height: var(--seed-dimension-x8);
+  padding-inline: var(--seed-dimension-x4);
+  border-radius: var(--seed-radius-full);
+  font-weight: var(--seed-font-weight-medium);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  color: var(--seed-color-fg-neutral-muted);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-segmented-control__item:is(:checked, [data-checked]) {
+  color: var(--seed-color-fg-neutral);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-segmented-control__item:not(:is(:checked, [data-checked])):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-select-box-group__root {
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.seed-select-box__root {
+  cursor: pointer;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--seed-dimension-x2_5);
+  padding-inline: var(--seed-dimension-x4);
+  padding-block: var(--seed-dimension-x5);
+  border-radius: var(--seed-radius-r3);
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral);
+  display: flex;
+}
+
+.seed-select-box__root:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-select-box__root:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-bg-neutral-weak);
+  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-control);
+}
+
+.seed-select-box__root:is(:checked, [data-checked]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-select-box__content {
+  gap: var(--seed-dimension-x0_5);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-select-box__checkboxControl {
+  box-sizing: border-box;
+  width: var(--seed-dimension-x6);
+  height: var(--seed-dimension-x6);
+  background-color: var(--seed-color-bg-layer-default);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--seed-color-stroke-control);
+  border-radius: var(--seed-radius-r1);
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-select-box__checkboxControl:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-select-box__checkboxControl:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-bg-brand-solid);
+  border-width: 0;
+}
+
+.seed-select-box__checkboxControl:is(:checked, [data-checked]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-select-box__checkboxIcon {
+  width: var(--seed-dimension-x3_5);
+  height: var(--seed-dimension-x3_5);
+  display: none;
+}
+
+.seed-select-box__checkboxIcon:is(:checked, [data-checked]) {
+  color: var(--seed-color-palette-static-white);
+  display: block;
+}
+
+.seed-select-box__radioControl {
+  box-sizing: border-box;
+  width: var(--seed-dimension-x6);
+  height: var(--seed-dimension-x6);
+  background-color: var(--seed-color-bg-layer-default);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--seed-color-stroke-control);
+  border-radius: var(--seed-radius-full);
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-select-box__radioControl:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-select-box__radioControl:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-bg-brand-solid);
+  border-width: 0;
+}
+
+.seed-select-box__radioControl:is(:checked, [data-checked]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-select-box__radioIcon {
+  width: var(--seed-dimension-x2_5);
+  height: var(--seed-dimension-x2_5);
+  border-radius: var(--seed-radius-full);
+  display: none;
+}
+
+.seed-select-box__radioIcon:is(:checked, [data-checked]) {
+  background-color: var(--seed-color-palette-static-white);
+  color: var(--seed-color-palette-static-white);
+  display: block;
+}
+
+.seed-select-box__label {
+  color: var(--seed-color-fg-neutral);
+  font-weight: var(--seed-font-weight-bold);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+}
+
+.seed-select-box__description {
+  color: var(--seed-color-fg-neutral-muted);
+  font-weight: var(--seed-font-weight-regular);
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-switch__root {
+  box-sizing: border-box;
+  vertical-align: top;
+  isolation: isolate;
+  opacity: 1;
+  cursor: pointer;
+  justify-content: space-between;
+  align-items: flex-start;
+  display: inline-flex;
+  position: relative;
+}
+
+.seed-switch__root:is(:disabled, [disabled], [data-disabled]) {
+  opacity: .38;
+  cursor: not-allowed;
+}
+
+.seed-switch__control {
+  box-sizing: border-box;
+  border-radius: var(--seed-radius-full);
+  background: var(--seed-color-palette-gray-600);
+  transition: background-color 50ms cubic-bezier(.35, 0, .35, 1) 20ms;
+  display: block;
+  position: relative;
+}
+
+.seed-switch__control:is(:checked, [data-checked]) {
+  background: var(--seed-color-bg-brand-solid);
+}
+
+.seed-switch__thumb {
+  border-radius: var(--seed-radius-full);
+  background: var(--seed-color-palette-static-white);
+  transition: transform .15s cubic-bezier(.35, 0, .35, 1);
+}
+
+.seed-switch__root--size_medium {
+  min-height: 32px;
+}
+
+.seed-switch__control--size_medium {
+  min-block-size: 32px;
+  min-inline-size: 52px;
+  padding: 2px;
+}
+
+.seed-switch__thumb--size_medium {
+  width: 28px;
+  height: 28px;
+  box-shadow: 0 3px 8px #00000026, 0 1px 3px #0000000f;
+}
+
+.seed-switch__thumb--size_medium:is(:checked, [data-checked]) {
+  transform: translateX(20px);
+}
+
+.seed-switch__root--size_small {
+  gap: var(--seed-dimension-x2);
+  min-height: 24px;
+}
+
+.seed-switch__control--size_small {
+  min-block-size: 16px;
+  min-inline-size: 26px;
+  margin: 4px 0;
+  padding: 2px;
+}
+
+.seed-switch__thumb--size_small {
+  width: 12px;
+  height: 12px;
+}
+
+.seed-switch__thumb--size_small:is(:checked, [data-checked]) {
+  transform: translateX(10px);
+}
+
+.seed-switch__label--size_small {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-regular);
+  margin-top: calc(12px - .59375rem);
+}
+
+.seed-help-bubble__backdrop {
+  z-index: 1000;
+  background: var(--seed-color-bg-overlay);
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  inset: 0;
+}
+
+.seed-help-bubble__backdrop:is(:hidden, [hidden], [data-hidden]) {
+  display: none !important;
+}
+
+.seed-help-bubble__content {
+  background: var(--seed-color-bg-neutral-solid);
+  padding-inline: var(--seed-dimension-x3);
+  padding-block: var(--seed-dimension-x3);
+  border-radius: var(--seed-radius-r3);
+  word-break: keep-all;
+  --seed-box-max-width: initial;
+  max-width: var(--seed-box-max-width);
+  flex-direction: column;
+  display: flex;
+}
+
+.seed-help-bubble__content:is(:hidden, [hidden], [data-hidden]) {
+  display: none !important;
+}
+
+.seed-help-bubble__arrow {
+  fill: var(--seed-color-bg-neutral-solid);
+  width: 10px;
+  height: 6px;
+}
+
+.seed-help-bubble__title {
+  color: var(--seed-color-palette-static-white);
+  font-size: var(--seed-font-size-t3);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-help-bubble__description {
+  color: var(--seed-color-palette-static-white);
+  font-size: var(--seed-font-size-t3);
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-help-bubble__closeButton {
+  color: var(--seed-color-palette-static-white);
+  --seed-icon-size: 14px;
+  --seed-icon-color: var(--seed-color-palette-static-white);
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+
+.seed-identity-placeholder__root {
+  box-sizing: border-box;
+  vertical-align: top;
+  background-color: var(--seed-color-palette-gray-400);
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  position: relative;
+}
+
+.seed-identity-placeholder__image {
+  object-fit: cover;
+  fill: #f7f8fa;
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: hidden;
+}
+
+.seed-inline-banner__root {
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  width: 100%;
+  min-height: var(--seed-dimension-x10);
+  padding-inline: var(--seed-dimension-x4);
+  padding-block: var(--seed-dimension-x2_5);
+  --seed-prefix-icon-size: var(--seed-dimension-x4);
+  --seed-prefix-icon-margin-right: var(--seed-dimension-x2);
+  --seed-prefix-icon-margin-top: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * .5 - var(--seed-dimension-x2_5));
+  --seed-suffix-icon-size: var(--seed-dimension-x4);
+  --seed-suffix-icon-margin-left: var(--seed-dimension-x4);
+  --seed-suffix-icon-margin-top: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * .5 - var(--seed-dimension-x2_5));
+  border: none;
+  align-items: flex-start;
+  font-family: inherit;
+  display: flex;
+}
+
+.seed-inline-banner__root:is(button) {
+  cursor: pointer;
+}
+
+.seed-inline-banner__content {
+  box-sizing: border-box;
+  text-align: start;
+  margin-inline-end: auto;
+  display: inline-flex;
+}
+
+.seed-inline-banner__title {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-bold);
+  margin-inline-end: 1ch;
+}
+
+.seed-inline-banner__description {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-inline-banner__link {
+  cursor: pointer;
+  height: var(--seed-dimension-x10);
+  margin-left: var(--seed-dimension-x4);
+  font-family: inherit;
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+  font-weight: var(--seed-font-weight-regular);
+  text-underline-offset: 2px;
+  background-color: #0000;
+  border: none;
+  flex-grow: 0;
+  flex-shrink: 0;
+  align-items: center;
+  text-decoration: underline;
+  display: flex;
+}
+
+.seed-inline-banner__closeButton {
+  width: var(--seed-dimension-x10);
+  height: var(--seed-dimension-x10);
+  margin: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * -.5);
+  margin-top: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * -.5 + (var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * .5 - var(--seed-dimension-x2_5));
+  margin-left: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * -.5 + var(--seed-dimension-x4));
+  --seed-suffix-icon-margin-top: initial;
+  --seed-suffix-icon-margin-left: initial;
+  cursor: pointer;
+  background-color: #0000;
+  border: none;
+  flex-grow: 0;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: flex;
+}
+
+.seed-inline-banner__root--variant_neutralWeak {
+  background-color: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-inline-banner__title--variant_neutralWeak, .seed-inline-banner__description--variant_neutralWeak, .seed-inline-banner__link--variant_neutralWeak {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-inline-banner__root--variant_positiveWeak {
+  background-color: var(--seed-color-bg-positive-weak);
+  color: var(--seed-color-fg-positive-contrast);
+  --seed-prefix-icon-color: var(--seed-color-fg-positive-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-positive-contrast);
+}
+
+.seed-inline-banner__title--variant_positiveWeak, .seed-inline-banner__description--variant_positiveWeak, .seed-inline-banner__link--variant_positiveWeak {
+  color: var(--seed-color-fg-positive-contrast);
+}
+
+.seed-inline-banner__root--variant_informativeWeak {
+  background-color: var(--seed-color-bg-informative-weak);
+  color: var(--seed-color-fg-informative-contrast);
+  --seed-prefix-icon-color: var(--seed-color-fg-informative-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast);
+}
+
+.seed-inline-banner__title--variant_informativeWeak, .seed-inline-banner__description--variant_informativeWeak, .seed-inline-banner__link--variant_informativeWeak {
+  color: var(--seed-color-fg-informative-contrast);
+}
+
+.seed-inline-banner__root--variant_warningWeak {
+  background-color: var(--seed-color-bg-warning-weak);
+  color: var(--seed-color-fg-warning-contrast);
+  --seed-prefix-icon-color: var(--seed-color-fg-warning-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast);
+}
+
+.seed-inline-banner__title--variant_warningWeak, .seed-inline-banner__description--variant_warningWeak, .seed-inline-banner__link--variant_warningWeak {
+  color: var(--seed-color-fg-warning-contrast);
+}
+
+.seed-inline-banner__root--variant_warningSolid {
+  background-color: var(--seed-color-bg-warning-solid);
+  color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --seed-suffix-icon-color: var(--seed-color-fg-neutral);
+}
+
+.seed-inline-banner__title--variant_warningSolid, .seed-inline-banner__description--variant_warningSolid, .seed-inline-banner__link--variant_warningSolid {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-inline-banner__root--variant_criticalWeak {
+  background-color: var(--seed-color-bg-critical-weak);
+  color: var(--seed-color-fg-critical-contrast);
+  --seed-prefix-icon-color: var(--seed-color-fg-critical-contrast);
+  --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast);
+}
+
+.seed-inline-banner__title--variant_criticalWeak, .seed-inline-banner__description--variant_criticalWeak, .seed-inline-banner__link--variant_criticalWeak {
+  color: var(--seed-color-fg-critical-contrast);
+}
+
+.seed-inline-banner__root--variant_criticalSolid {
+  background-color: var(--seed-color-bg-critical-solid);
+  color: var(--seed-color-palette-static-white);
+  --seed-prefix-icon-color: var(--seed-color-palette-static-white);
+  --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+}
+
+.seed-inline-banner__title--variant_criticalSolid, .seed-inline-banner__description--variant_criticalSolid, .seed-inline-banner__link--variant_criticalSolid {
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-progress-circle__root {
+  box-sizing: border-box;
+  display: inline-flex;
+  position: relative;
+}
+
+.seed-progress-circle__root[data-progress-state="indeterminate"] {
+  animation: 1.2s cubic-bezier(.35, .25, .65, .75) infinite rotate;
+}
+
+.seed-progress-circle__track {
+  stroke: var(--track-color);
+}
+
+.seed-progress-circle__range {
+  stroke: var(--range-color);
+  stroke-linecap: round;
+  transition-property: stroke-dasharray;
+  transition-duration: .3s;
+  transition-timing-function: cubic-bezier(0, 0, .15, 1);
+}
+
+.seed-progress-circle__range[data-progress-state="indeterminate"] {
+  animation: 1.2s cubic-bezier(.35, 0, .65, 1) infinite progress-circle-head, 1.2s cubic-bezier(.35, 0, .65, .6) infinite progress-circle-tail;
+}
+
+.seed-progress-circle__root--tone_neutral {
+  --track-color: var(--seed-color-palette-gray-200);
+  --range-color: var(--seed-color-palette-gray-500);
+}
+
+.seed-progress-circle__root--tone_brand {
+  --track-color: var(--seed-color-palette-carrot-200);
+  --range-color: var(--seed-color-bg-brand-solid);
+}
+
+.seed-progress-circle__root--tone_staticWhite {
+  --track-color: var(--seed-color-palette-static-white-alpha-200);
+  --range-color: var(--seed-color-palette-static-white);
+}
+
+.seed-progress-circle__root--size_24 {
+  --size: var(--seed-dimension-x6);
+  --thickness: 3px;
+}
+
+.seed-progress-circle__root--size_40 {
+  --size: var(--seed-dimension-x10);
+  --thickness: 5px;
+}
+
+.seed-tabs__root {
+  position: relative;
+}
+
+.seed-tabs__list {
+  isolation: isolate;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  flex-wrap: nowrap;
+  align-content: stretch;
+  align-items: stretch;
+  display: flex;
+  position: relative;
+  overflow-x: auto;
+}
+
+.seed-tabs__list::-webkit-scrollbar {
+  display: none;
+}
+
+.seed-tabs__list {
+  background: var(--seed-color-bg-layer-default);
+  box-shadow: inset 0 -1px var(--seed-color-stroke-neutral);
+}
+
+.seed-tabs__carousel {
+  display: block;
+  overflow: hidden;
+}
+
+.seed-tabs__carouselCamera {
+  display: flex;
+}
+
+.seed-tabs__carouselCamera[data-auto-height] {
+  align-items: flex-start;
+}
+
+.seed-tabs__content {
+  flex: 0 0 100%;
+  min-width: 0;
+  overflow: hidden auto;
+  transform: translate3d(0, 0, 0);
+}
+
+.seed-tabs__content:not([data-carousel]):not(:is(:selected, [data-selected])) {
+  display: none;
+}
+
+.seed-tabs__indicator {
+  will-change: left, width;
+  transition-property: left, width;
+  transition-duration: var(--seed-duration-d4);
+  transition-timing-function: var(--seed-timing-function-easing);
+  left: var(--indicator-left, 0px);
+  width: var(--indicator-width, 0px);
+  color: var(--seed-color-fg-neutral);
+  border-bottom: 2px solid var(--seed-color-fg-neutral);
+  position: absolute;
+  bottom: 0;
+}
+
+.seed-tabs__indicator[data-ssr] {
+  display: none;
+}
+
+.seed-tabs__trigger {
+  cursor: pointer;
+  box-sizing: border-box;
+  white-space: nowrap;
+  color: var(--seed-color-fg-neutral-subtle);
+  background-color: #0000;
+  border: none;
+  justify-content: center;
+  align-items: flex-end;
+  display: flex;
+  position: relative;
+}
+
+.seed-tabs__trigger:is(:selected, [data-selected]) {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-tabs__trigger:is(:selected, [data-selected])[data-ssr]:after {
+  content: "";
+  background-color: var(--seed-color-fg-neutral);
+  height: 2px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.seed-tabs__triggerNotification {
+  top: 0;
+  right: calc(-1 * var(--seed-dimension-x1)  - var(--seed-dimension-x0_5));
+  background-color: var(--seed-color-bg-brand-solid);
+  width: var(--seed-dimension-x1);
+  height: var(--seed-dimension-x1);
+  border-radius: var(--seed-radius-full);
+  align-self: flex-start;
+  position: absolute;
+}
+
+.seed-tabs__list--triggerLayout_fill {
+  justify-content: space-around;
+  padding-inline: 0;
+}
+
+.seed-tabs__indicator--triggerLayout_fill {
+  left: calc(var(--indicator-left, 0px)  + var(--seed-dimension-spacing-x-global-gutter));
+  width: calc(var(--indicator-width, 0px)  - 2 * var(--seed-dimension-spacing-x-global-gutter));
+}
+
+.seed-tabs__trigger--triggerLayout_fill {
+  flex: 1;
+}
+
+.seed-tabs__list--triggerLayout_hug {
+  padding-inline: var(--seed-dimension-spacing-x-global-gutter);
+  justify-content: flex-start;
+}
+
+.seed-tabs__indicator--triggerLayout_hug {
+  left: calc(var(--indicator-left, 0px)  + 0px);
+  width: calc(var(--indicator-width, 0px)  - 2 * 0px);
+}
+
+.seed-tabs__root--contentLayout_fill {
+  flex-direction: column;
+  height: 100%;
+  display: flex;
+}
+
+.seed-tabs__carousel--contentLayout_fill {
+  flex: 1;
+}
+
+.seed-tabs__carouselCamera--contentLayout_fill {
+  align-items: stretch;
+  height: 100%;
+}
+
+.seed-tabs__root--contentLayout_hug {
+  display: block;
+}
+
+.seed-tabs__root--size_small {
+  --tabs-list-height: 40px;
+}
+
+.seed-tabs__list--size_small {
+  min-height: 40px;
+}
+
+.seed-tabs__trigger--size_small {
+  min-height: 40px;
+  padding-inline: var(--seed-dimension-x2_5);
+  padding-block: var(--seed-dimension-x2_5);
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-tabs__root--size_medium {
+  --tabs-list-height: 44px;
+}
+
+.seed-tabs__list--size_medium {
+  min-height: 44px;
+}
+
+.seed-tabs__trigger--size_medium {
+  min-height: 44px;
+  padding-inline: var(--seed-dimension-x2_5);
+  padding-block: var(--seed-dimension-x2_5);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-tabs__root--stickyList_true {
+  position: relative;
+}
+
+.seed-tabs__list--stickyList_true {
+  z-index: 1;
+  position: sticky;
+  top: 0;
+}
+
+.seed-chip-tabs__root {
+  position: relative;
+}
+
+.seed-chip-tabs__list {
+  isolation: isolate;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  padding: 0px var(--seed-dimension-x4);
+  flex-wrap: nowrap;
+  align-content: stretch;
+  align-items: stretch;
+  display: flex;
+  position: relative;
+  overflow-x: auto;
+}
+
+.seed-chip-tabs__list::-webkit-scrollbar {
+  display: none;
+}
+
+.seed-chip-tabs__carousel {
+  display: block;
+  overflow: hidden;
+}
+
+.seed-chip-tabs__carouselCamera {
+  display: flex;
+}
+
+.seed-chip-tabs__carouselCamera[data-auto-height] {
+  align-items: flex-start;
+}
+
+.seed-chip-tabs__content {
+  flex: 0 0 100%;
+  min-width: 0;
+  overflow: hidden auto;
+  transform: translate3d(0, 0, 0);
+}
+
+.seed-chip-tabs__content:not([data-carousel]):not(:is(:selected, [data-selected])) {
+  display: none;
+}
+
+.seed-chip-tabs__trigger {
+  cursor: pointer;
+  box-sizing: border-box;
+  white-space: nowrap;
+  border-radius: var(--seed-radius-full);
+  padding: var(--seed-dimension-x2) var(--seed-dimension-x3_5);
+  min-height: 36px;
+  font-family: inherit;
+  font-size: var(--seed-font-size-t4);
+  font-weight: var(--seed-font-weight-bold);
+  border: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-chip-tabs__list--variant_neutralSolid {
+  gap: 0;
+}
+
+.seed-chip-tabs__trigger--variant_neutralSolid {
+  color: var(--seed-color-fg-neutral);
+  font-weight: var(--seed-font-weight-bold);
+  background-color: #0000;
+}
+
+.seed-chip-tabs__trigger--variant_neutralSolid:is(:selected, [data-selected]) {
+  background-color: var(--seed-color-bg-neutral-inverted);
+  color: var(--seed-color-fg-neutral-inverted);
+}
+
+.seed-chip-tabs__trigger--variant_neutralSolid:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-layer-default-pressed);
+}
+
+.seed-chip-tabs__trigger--variant_neutralSolid:is(:selected, [data-selected]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-inverted-pressed);
+}
+
+.seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) {
+  background-color: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-chip-tabs__list--variant_brandSolid {
+  gap: 8px;
+}
+
+.seed-chip-tabs__trigger--variant_brandSolid {
+  background-color: var(--seed-color-bg-neutral-weak);
+  color: var(--seed-color-fg-neutral-muted);
+  font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-chip-tabs__trigger--variant_brandSolid:is(:selected, [data-selected]) {
+  background-color: var(--seed-color-bg-brand-solid);
+  color: var(--seed-color-palette-static-white);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-chip-tabs__trigger--variant_brandSolid:is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-neutral-weak-pressed);
+}
+
+.seed-chip-tabs__trigger--variant_brandSolid:is(:selected, [data-selected]):is(:active, [data-active]) {
+  background-color: var(--seed-color-bg-brand-solid-pressed);
+}
+
+.seed-chip-tabs__trigger--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+  background-color: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-chip-tabs__trigger--variant_brandSolid:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) {
+  background-color: var(--seed-color-bg-disabled);
+}
+
+.seed-chip-tabs__root--contentLayout_fill {
+  flex-direction: column;
+  height: 100%;
+  display: flex;
+}
+
+.seed-chip-tabs__carousel--contentLayout_fill {
+  flex: 1;
+}
+
+.seed-chip-tabs__carouselCamera--contentLayout_fill {
+  align-items: stretch;
+  height: 100%;
+}
+
+.seed-chip-tabs__root--contentLayout_hug {
+  display: block;
+}
+
+.seed-chip-tabs__root--stickyList_true {
+  position: relative;
+}
+
+.seed-chip-tabs__list--stickyList_true {
+  z-index: 1;
+  position: sticky;
+  top: 0;
+}
+
+.seed-skeleton__root {
+  box-sizing: border-box;
+  background: var(--seed-color-palette-gray-200);
+  --seed-box-width: initial;
+  --seed-box-height: initial;
+  width: --seed-box-width;
+  height: --seed-box-height;
+  display: inline-block;
+  overflow: hidden;
+}
+
+.seed-skeleton__root:after {
+  content: "";
+  background-image: linear-gradient(90deg, var(--seed-gradient-shimmer));
+  width: 100%;
+  height: 100%;
+  animation-name: slide-x;
+  animation-duration: 1.5s;
+  animation-fill-mode: forwards;
+  animation-timing-function: var(--seed-timing-function-easing);
+  background-repeat: no-repeat;
+  animation-iteration-count: infinite;
+  display: block;
+}
+
+.seed-skeleton__root--radius_0 {
+  border-radius: 0;
+}
+
+.seed-skeleton__root--radius_8 {
+  border-radius: 8px;
+}
+
+.seed-skeleton__root--radius_16 {
+  border-radius: 16px;
+}
+
+.seed-skeleton__root--radius_full {
+  border-radius: var(--seed-radius-full);
+}
+
+.seed-snackbar__root {
+  box-sizing: border-box;
+  background: var(--seed-color-bg-neutral-solid);
+  border-radius: var(--seed-radius-r2);
+  width: 100%;
+  padding-inline: var(--seed-dimension-x4);
+  padding-block: var(--seed-dimension-x2_5);
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--seed-dimension-x2);
+  min-height: 44px;
+  animation: seed-enter;
+  animation-timing-function: var(--seed-timing-function-enter);
+  animation-duration: var(--seed-duration-d4);
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 100%;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+  display: flex;
+}
+
+.seed-snackbar__root:not([data-open]) {
+  animation: seed-exit;
+  animation-timing-function: var(--seed-timing-function-exit);
+  animation-duration: var(--seed-duration-d4);
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 100%;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation-fill-mode: forwards;
+}
+
+.seed-snackbar__message {
+  color: var(--seed-color-palette-static-white);
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-regular);
+  flex-grow: 1;
+  margin: 0;
+}
+
+.seed-snackbar__prefixIcon {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+}
+
+.seed-snackbar__actionButton {
+  box-sizing: border-box;
+  cursor: pointer;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: unset;
+  color: var(--seed-color-fg-brand);
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-bold);
+  border: none;
+  outline: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+  position: relative;
+}
+
+.seed-snackbar__actionButton:after {
+  content: "";
+  top: 50%;
+  left: calc(-1 * var(--seed-dimension-x2));
+  right: calc(-1 * var(--seed-dimension-x2));
+  background: none;
+  min-height: 44px;
+  position: absolute;
+  transform: translateY(-50%);
+}
+
+.seed-snackbar__prefixIcon--variant_default {
+  display: none;
+}
+
+.seed-snackbar__prefixIcon--variant_positive {
+  color: var(--seed-color-fg-positive);
+}
+
+.seed-snackbar__prefixIcon--variant_critical {
+  color: var(--seed-color-fg-critical);
+}
+
+.seed-snackbar-region__root {
+  z-index: 2147483647;
+  left: calc(env(safe-area-inset-left, 0px));
+  right: calc(env(safe-area-inset-right, 0px));
+  bottom: calc(env(safe-area-inset-bottom, 0px)  + var(--snackbar-region-offset, 0px));
+  padding-inline: var(--seed-dimension-x2);
+  padding-block: var(--seed-dimension-x2);
+  transition-property: bottom;
+  transition-duration: var(--seed-duration-d4);
+  transition-timing-function: var(--seed-timing-function-easing);
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+.seed-text__root {
+  text-align: var(--seed-text-align);
+  color: var(--seed-text-color);
+  font-size: var(--seed-font-size);
+  line-height: var(--seed-line-height);
+  font-weight: var(--seed-font-weight);
+  --seed-text-color: inherit;
+  --seed-font-size: inherit;
+  --seed-line-height: inherit;
+  --seed-font-weight: inherit;
+  --seed-text-align: inherit;
+  --seed-max-lines: initial;
+  margin: 0;
+}
+
+.seed-text__root--textStyle_screenTitle {
+  --seed-font-size: var(--seed-font-size-t10);
+  --seed-line-height: var(--seed-line-height-t10);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_articleBody {
+  --seed-font-size: var(--seed-font-size-t5);
+  --seed-line-height: var(--seed-line-height-t6);
+  --seed-font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text__root--textStyle_t1Regular {
+  --seed-font-size: var(--seed-font-size-t1);
+  --seed-line-height: var(--seed-line-height-t1);
+  --seed-font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text__root--textStyle_t1Medium {
+  --seed-font-size: var(--seed-font-size-t1);
+  --seed-line-height: var(--seed-line-height-t1);
+  --seed-font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-text__root--textStyle_t1Bold {
+  --seed-font-size: var(--seed-font-size-t1);
+  --seed-line-height: var(--seed-line-height-t1);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t2Regular {
+  --seed-font-size: var(--seed-font-size-t2);
+  --seed-line-height: var(--seed-line-height-t2);
+  --seed-font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text__root--textStyle_t2Medium {
+  --seed-font-size: var(--seed-font-size-t2);
+  --seed-line-height: var(--seed-line-height-t2);
+  --seed-font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-text__root--textStyle_t2Bold {
+  --seed-font-size: var(--seed-font-size-t2);
+  --seed-line-height: var(--seed-line-height-t2);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t3Regular {
+  --seed-font-size: var(--seed-font-size-t3);
+  --seed-line-height: var(--seed-line-height-t3);
+  --seed-font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text__root--textStyle_t3Medium {
+  --seed-font-size: var(--seed-font-size-t3);
+  --seed-line-height: var(--seed-line-height-t3);
+  --seed-font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-text__root--textStyle_t3Bold {
+  --seed-font-size: var(--seed-font-size-t3);
+  --seed-line-height: var(--seed-line-height-t3);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t4Regular {
+  --seed-font-size: var(--seed-font-size-t4);
+  --seed-line-height: var(--seed-line-height-t4);
+  --seed-font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text__root--textStyle_t4Medium {
+  --seed-font-size: var(--seed-font-size-t4);
+  --seed-line-height: var(--seed-line-height-t4);
+  --seed-font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-text__root--textStyle_t4Bold {
+  --seed-font-size: var(--seed-font-size-t4);
+  --seed-line-height: var(--seed-line-height-t4);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t5Regular {
+  --seed-font-size: var(--seed-font-size-t5);
+  --seed-line-height: var(--seed-line-height-t5);
+  --seed-font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text__root--textStyle_t5Medium {
+  --seed-font-size: var(--seed-font-size-t5);
+  --seed-line-height: var(--seed-line-height-t5);
+  --seed-font-weight: var(--seed-font-weight-medium);
+}
+
+.seed-text__root--textStyle_t5Bold {
+  --seed-font-size: var(--seed-font-size-t5);
+  --seed-line-height: var(--seed-line-height-t5);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t6Bold {
+  --seed-font-size: var(--seed-font-size-t6);
+  --seed-line-height: var(--seed-line-height-t6);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t7Bold {
+  --seed-font-size: var(--seed-font-size-t7);
+  --seed-line-height: var(--seed-line-height-t7);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t8Bold {
+  --seed-font-size: var(--seed-font-size-t8);
+  --seed-line-height: var(--seed-line-height-t8);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t9Bold {
+  --seed-font-size: var(--seed-font-size-t9);
+  --seed-line-height: var(--seed-line-height-t9);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--textStyle_t10Bold {
+  --seed-font-size: var(--seed-font-size-t10);
+  --seed-line-height: var(--seed-line-height-t10);
+  --seed-font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text__root--maxLines_none {
+  display: unset;
+  overflow: unset;
+  min-width: unset;
+  text-overflow: unset;
+  white-space: unset;
+  -webkit-line-clamp: unset;
+}
+
+.seed-text__root--maxLines_single {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-line-clamp: var(--seed-max-lines);
+  min-width: 0;
+  display: block;
+  overflow: hidden;
+}
+
+.seed-text__root--maxLines_multi {
+  text-overflow: ellipsis;
+  min-width: 0;
+  white-space: initial;
+  -webkit-line-clamp: var(--seed-max-lines);
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  overflow: hidden;
+}
+
+.seed-link-with-icon__root {
+  cursor: pointer;
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  padding-inline: 0;
+  padding-block: var(--seed-dimension-x0_5);
+  font-family: inherit;
+  font-weight: var(--seed-font-weight-regular);
+  color: var(--seed-box-color);
+  --seed-suffix-icon-color: var(--seed-box-color);
+  background-color: #0000;
+  border: none;
+  outline: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+.seed-link-with-icon__root--size_t6 {
+  font-size: var(--seed-font-size-t6);
+  line-height: var(--seed-line-height-t6);
+  --seed-suffix-icon-size: var(--seed-dimension-x4);
+}
+
+.seed-link-with-icon__root--size_t5 {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+}
+
+.seed-link-with-icon__root--size_t4 {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  --seed-suffix-icon-size: var(--seed-dimension-x3_5);
+}
+
+.seed-text-field__root {
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.seed-text-field__label {
+  color: var(--seed-color-fg-neutral);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-text-field__indicator {
+  color: var(--seed-color-fg-neutral);
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text-field__field {
+  background-color: var(--seed-color-bg-layer-default);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--seed-color-stroke-field);
+  align-items: center;
+  display: flex;
+}
+
+.seed-text-field__field:not([data-readonly]):is(:focus, [data-focus]) {
+  border-color: var(--seed-color-stroke-field-focused);
+}
+
+.seed-text-field__field:is(:invalid, [data-invalid]) {
+  background-color: var(--seed-color-bg-critical-weak);
+  border-color: var(--seed-color-stroke-critical);
+}
+
+.seed-text-field__field:is(:invalid, [data-invalid]):is(:focus, [data-focus]) {
+  background-color: var(--seed-color-bg-layer-default);
+}
+
+.seed-text-field__field:is(:disabled, [disabled], [data-disabled]), .seed-text-field__field[data-readonly] {
+  background-color: var(--seed-color-bg-disabled);
+}
+
+.seed-text-field__prefixText {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-text-field__prefixText:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-text-field__prefixIcon {
+  color: var(--seed-color-fg-neutral);
+  flex-shrink: 0;
+}
+
+.seed-text-field__prefixIcon:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-text-field__suffixText {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-text-field__suffixText:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-text-field__suffixIcon {
+  color: var(--seed-color-fg-neutral);
+  flex-shrink: 0;
+}
+
+.seed-text-field__suffixIcon:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-text-field__value {
+  box-sizing: border-box;
+  font: inherit;
+}
+
+.seed-text-field__value:is(input) {
+  padding-inline: 0;
+}
+
+.seed-text-field__value:is(textarea) {
+  width: 100%;
+  min-height: 90px;
+  padding-inline: 0;
+}
+
+.seed-text-field__value {
+  resize: none;
+  height: 100%;
+  color: var(--seed-color-fg-neutral);
+  background: none;
+  border: none;
+  outline: none;
+  flex-grow: 1;
+}
+
+.seed-text-field__value::placeholder {
+  color: var(--seed-color-fg-placeholder);
+}
+
+.seed-text-field__value:is(:disabled, [disabled], [data-disabled]), .seed-text-field__value:is(:disabled, [disabled], [data-disabled])::placeholder {
+  color: var(--seed-color-fg-disabled);
+}
+
+.seed-text-field__footer {
+  justify-content: space-between;
+  align-items: flex-start;
+  display: flex;
+}
+
+.seed-text-field__description {
+  font-weight: var(--seed-font-weight-regular);
+  color: var(--seed-color-fg-neutral-subtle);
+}
+
+.seed-text-field__errorMessage {
+  color: var(--seed-color-fg-critical);
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+.seed-text-field__errorIcon {
+  flex: none;
+}
+
+.seed-text-field__characterCountArea {
+  flex: none;
+  margin-inline-start: auto;
+  display: flex;
+}
+
+.seed-text-field__characterCount {
+  color: var(--seed-color-fg-neutral);
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text-field__characterCount[data-empty] {
+  color: var(--seed-color-fg-neutral-subtle);
+}
+
+.seed-text-field__maxCharacterCount {
+  color: var(--seed-color-fg-neutral-subtle);
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-text-field__header--size_xlarge {
+  padding-bottom: var(--seed-dimension-x3);
+  gap: var(--seed-dimension-x1_5);
+}
+
+.seed-text-field__label--size_xlarge, .seed-text-field__indicator--size_xlarge {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+}
+
+.seed-text-field__field--size_xlarge {
+  border-radius: var(--seed-radius-r2_5);
+  gap: var(--seed-dimension-x2);
+  min-height: 56px;
+  padding-inline: var(--seed-dimension-x4);
+}
+
+.seed-text-field__value--size_xlarge {
+  padding-block: var(--seed-dimension-x3);
+  font-size: var(--seed-font-size-t6);
+  line-height: var(--seed-line-height-t6);
+}
+
+.seed-text-field__prefixText--size_xlarge {
+  font-size: var(--seed-font-size-t6);
+  line-height: var(--seed-line-height-t6);
+}
+
+.seed-text-field__prefixIcon--size_xlarge {
+  width: var(--seed-dimension-x5);
+  height: var(--seed-dimension-x5);
+}
+
+.seed-text-field__suffixText--size_xlarge {
+  font-size: var(--seed-font-size-t6);
+  line-height: var(--seed-line-height-t6);
+}
+
+.seed-text-field__suffixIcon--size_xlarge {
+  width: var(--seed-dimension-x5);
+  height: var(--seed-dimension-x5);
+}
+
+.seed-text-field__footer--size_xlarge {
+  gap: var(--seed-dimension-x3_5);
+  padding-top: var(--seed-dimension-x2);
+  min-height: 20px;
+}
+
+.seed-text-field__description--size_xlarge, .seed-text-field__errorMessage--size_xlarge {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-text-field__errorIcon--size_xlarge {
+  width: var(--seed-dimension-x4);
+  height: var(--seed-dimension-x4);
+  margin-right: var(--seed-dimension-x1);
+}
+
+.seed-text-field__characterCount--size_xlarge, .seed-text-field__maxCharacterCount--size_xlarge {
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+}
+
+.seed-text-field__header--size_large {
+  padding-bottom: var(--seed-dimension-x3);
+  gap: var(--seed-dimension-x1_5);
+}
+
+.seed-text-field__label--size_large, .seed-text-field__indicator--size_large {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+}
+
+.seed-text-field__field--size_large {
+  border-radius: var(--seed-radius-r2_5);
+  gap: var(--seed-dimension-x2);
+  min-height: 52px;
+  padding-inline: var(--seed-dimension-x4);
+}
+
+.seed-text-field__value--size_large {
+  padding-block: var(--seed-dimension-x3);
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+}
+
+.seed-text-field__prefixText--size_large {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+}
+
+.seed-text-field__prefixIcon--size_large {
+  width: var(--seed-dimension-x5);
+  height: var(--seed-dimension-x5);
+}
+
+.seed-text-field__suffixText--size_large {
+  font-size: var(--seed-font-size-t5);
+  line-height: var(--seed-line-height-t5);
+}
+
+.seed-text-field__suffixIcon--size_large {
+  width: var(--seed-dimension-x5);
+  height: var(--seed-dimension-x5);
+}
+
+.seed-text-field__footer--size_large {
+  gap: var(--seed-dimension-x3_5);
+  padding-top: var(--seed-dimension-x2);
+  min-height: 20px;
+}
+
+.seed-text-field__description--size_large, .seed-text-field__errorMessage--size_large {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-text-field__errorIcon--size_large {
+  width: var(--seed-dimension-x4);
+  height: var(--seed-dimension-x4);
+  margin-right: var(--seed-dimension-x1);
+}
+
+.seed-text-field__characterCount--size_large, .seed-text-field__maxCharacterCount--size_large {
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+}
+
+.seed-text-field__header--size_medium {
+  padding-bottom: var(--seed-dimension-x3);
+}
+
+.seed-text-field__label--size_medium, .seed-text-field__indicator--size_medium {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-text-field__field--size_medium {
+  border-radius: var(--seed-radius-r2);
+  gap: var(--seed-dimension-x1_5);
+  min-height: 40px;
+  padding-inline: var(--seed-dimension-x3_5);
+}
+
+.seed-text-field__value--size_medium {
+  padding-block: var(--seed-dimension-x2_5);
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-text-field__prefixText--size_medium {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-text-field__prefixIcon--size_medium {
+  width: var(--seed-dimension-x4);
+  height: var(--seed-dimension-x4);
+}
+
+.seed-text-field__suffixText--size_medium {
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+}
+
+.seed-text-field__suffixIcon--size_medium {
+  width: var(--seed-dimension-x4);
+  height: var(--seed-dimension-x4);
+}
+
+.seed-text-field__footer--size_medium {
+  gap: var(--seed-dimension-x3_5);
+  padding-top: var(--seed-dimension-x2);
+  min-height: var(--seed-dimension-x4);
+}
+
+.seed-text-field__description--size_medium, .seed-text-field__errorMessage--size_medium {
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+}
+
+.seed-text-field__errorIcon--size_medium {
+  width: var(--seed-dimension-x3_5);
+  height: var(--seed-dimension-x3_5);
+  margin-right: var(--seed-dimension-x1);
+}
+
+.seed-text-field__characterCount--size_medium, .seed-text-field__maxCharacterCount--size_medium {
+  font-size: var(--seed-font-size-t2);
+  line-height: var(--seed-line-height-t2);
+}
+
+.seed-visually-hidden__root {
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.seed-app-screen__root {
+  --app-bar-offset: calc(var(--app-bar-height)  + var(--seed-safe-area-top));
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+}
+
+.seed-app-screen__dim {
+  z-index: var(--z-index-dim);
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.seed-app-screen__layer {
+  z-index: var(--z-index-layer);
+  box-sizing: border-box;
+  -webkit-overflow-scrolling: touch;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  right: 0;
+  overflow-y: scroll;
+}
+
+.seed-app-screen__layer::-webkit-scrollbar {
+  display: none;
+}
+
+.seed-app-screen__layer {
+  background-color: var(--seed-color-bg-layer-default);
+}
+
+.seed-app-screen__edge {
+  z-index: var(--z-index-edge);
+  width: 20px;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+
+.seed-app-screen__root--theme_cupertino {
+  --app-bar-height: 44px;
+}
+
+.seed-app-screen__dim--theme_cupertino {
+  background: var(--seed-color-bg-overlay);
+  height: 100%;
+}
+
+.seed-app-screen__root--theme_android {
+  --app-bar-height: 56px;
+}
+
+.seed-app-screen__edge--theme_android {
+  display: none;
+}
+
+.seed-app-screen__root--transitionStyle_slideFromRightIOS {
+  --z-index-dim: calc(var(--z-index-base)  + 0);
+  --z-index-layer: calc(var(--z-index-base)  + 2);
+  --z-index-edge: calc(var(--z-index-base)  + 4);
+  --z-index-app-bar: calc(var(--z-index-base)  + 7);
+}
+
+.seed-app-screen__layer--transitionStyle_slideFromRightIOS {
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="enter-active"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: 100%;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="exit-active"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  transform: translate3d(var(--swipe-back-displacement, 0), 0, 0);
+  --seed-exit-translate-x: 100%;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 1;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-global-transition-state="enter-done"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: var(--swipe-back-displacement, 0);
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-swipe-back-state="swiping"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
+  transform: translate3d(var(--swipe-back-displacement, 0), 0, 0);
+  animation: none;
+}
+
+[data-global-transition-state="enter-active"][data-top-activity-type="full-screen"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  --seed-exit-translate-x: -30%;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 1;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="exit-active"][data-top-activity-type="full-screen"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  --seed-enter-translate-x: calc(-30% + var(--swipe-back-displacement, 0) * .3);
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="enter-done"][data-top-activity-type="full-screen"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  transform: translate3d(calc(-30% + var(--swipe-back-displacement, 0) * .3), 0, 0);
+  --seed-exit-translate-x: -30%;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 1;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-swipe-back-state="swiping"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
+  transform: translate3d(calc(-30% + var(--swipe-back-displacement, 0) * .3), 0, 0);
+  animation: none;
+}
+
+[data-global-transition-state="enter-active"] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+}
+
+[data-global-transition-state="exit-active"] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-global-transition-state="enter-done"] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+}
+
+[data-swipe-back-state="swiping"] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  animation: none;
+}
+
+.seed-app-screen__root--transitionStyle_fadeFromBottomAndroid {
+  --z-index-dim: calc(var(--z-index-base)  + 0);
+  --z-index-layer: calc(var(--z-index-base)  + 3);
+  --z-index-edge: calc(var(--z-index-base)  + 4);
+  --z-index-app-bar: calc(var(--z-index-base)  + 4);
+}
+
+.seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid {
+  background: linear-gradient(var(--seed-color-bg-overlay), #0000);
+  height: 160px;
+}
+
+[data-global-transition-state="enter-active"] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.23, .1, .32, 1) seed-enter;
+  transform: translate3d(0, -8vh, 0);
+}
+
+[data-global-transition-state="exit-active"] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
+  opacity: 1;
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .15s linear forwards seed-exit;
+  transform: translate3d(0, -8vh, 0);
+}
+
+.seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid {
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="enter-active"] .seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 8vh;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.23, .1, .32, 1) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="exit-active"] .seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
+  opacity: 1;
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 8vh;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .15s linear forwards seed-exit;
+  transform: translate3d(0, 0, 0);
+}
+
+.seed-app-screen__layer--layerOffsetTop_safeArea {
+  padding-top: var(--seed-safe-area-top);
+}
+
+.seed-app-screen__layer--layerOffsetTop_appBar {
+  padding-top: var(--app-bar-offset);
+}
+
+.seed-app-screen__layer--layerOffsetBottom_safeArea {
+  padding-bottom: var(--seed-safe-area-bottom);
+}
+
+.seed-app-bar__root {
+  z-index: var(--z-index-app-bar);
+  box-sizing: border-box;
+  align-items: flex-end;
+  width: 100%;
+  display: flex;
+  position: absolute;
+}
+
+.seed-app-bar__root:before {
+  content: "";
+  pointer-events: none;
+  z-index: -1;
+  position: absolute;
+  inset: 0;
+}
+
+.seed-app-bar__left {
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.seed-app-bar__right {
+  align-items: center;
+  height: 100%;
+  margin-left: auto;
+  display: flex;
+}
+
+.seed-app-bar__iconButton {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-app-bar__icon {
+  flex-shrink: 0;
+  display: inline-block;
+}
+
+.seed-app-bar__root--theme_cupertino {
+  height: 44px;
+  padding-inline: var(--seed-dimension-x4);
+}
+
+.seed-app-bar__iconButton--theme_cupertino {
+  width: 40px;
+  height: 40px;
+}
+
+.seed-app-bar__iconButton--theme_cupertino:first-child {
+  margin-left: -8px;
+}
+
+.seed-app-bar__iconButton--theme_cupertino:last-child {
+  margin-right: -8px;
+}
+
+.seed-app-bar__icon--theme_cupertino {
+  width: 24px;
+  height: 24px;
+}
+
+.seed-app-bar__root--theme_android {
+  height: 56px;
+  padding-inline: var(--seed-dimension-x4);
+}
+
+.seed-app-bar__iconButton--theme_android {
+  width: 40px;
+  height: 40px;
+}
+
+.seed-app-bar__iconButton--theme_android:first-child {
+  margin-left: -8px;
+}
+
+.seed-app-bar__iconButton--theme_android:last-child {
+  margin-right: -8px;
+}
+
+.seed-app-bar__icon--theme_android {
+  width: 24px;
+  height: 24px;
+}
+
+.seed-app-bar__left--theme_android {
+  padding-right: 16px;
+}
+
+[data-global-transition-state="enter-active"] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before {
+  --seed-enter-translate-x: 100%;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="exit-active"] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before {
+  transform: translate3d(var(--swipe-back-displacement, 0), 0, 0);
+  --seed-exit-translate-x: 100%;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 1;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-global-transition-state="enter-done"] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before {
+  --seed-enter-translate-x: var(--swipe-back-displacement, 0);
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 1;
+  --seed-enter-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="enter-active"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+}
+
+[data-global-transition-state="exit-active"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-global-transition-state="enter-done"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+}
+
+[data-swipe-back-state="swiping"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  animation: none;
+}
+
+[data-global-transition-state="enter-active"][data-top-activity-type="full-screen"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  opacity: 1;
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-global-transition-state="exit-active"][data-top-activity-type="full-screen"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+}
+
+[data-global-transition-state="enter-done"][data-top-activity-type="full-screen"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-swipe-back-state="swiping"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  animation: none;
+}
+
+[data-global-transition-state="enter-active"] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
+  --seed-enter-translate-x: 0;
+  --seed-enter-translate-y: 8vh;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.23, .1, .32, 1) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="exit-active"] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
+  opacity: 1;
+  --seed-exit-translate-x: 0;
+  --seed-exit-translate-y: 8vh;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .15s linear forwards seed-exit;
+  transform: translate3d(0, 0, 0);
+}
+
+.seed-app-bar__root--tone_layer:before {
+  background-color: var(--seed-color-bg-layer-default);
+}
+
+.seed-app-bar__icon--tone_layer {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-app-bar__root--tone_transparent:before {
+  background-color: #0000;
+}
+
+.seed-app-bar__icon--tone_transparent {
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-app-bar__root--divider_true:before {
+  box-shadow: inset 0px calc(-1 * 1px) 0 var(--seed-color-stroke-neutral-muted);
+}
+
+.seed-app-bar-main__root {
+  flex: 1;
+  height: 100%;
+}
+
+.seed-app-bar-main__title, .seed-app-bar-main__subtitle {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.seed-app-bar-main__title--layout_titleOnly {
+  font-size: var(--seed-font-size-t6-static);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-app-bar-main__title--layout_withSubtitle {
+  font-size: var(--seed-font-size-t5-static);
+  font-weight: var(--seed-font-weight-bold);
+}
+
+.seed-app-bar-main__subtitle--layout_withSubtitle {
+  font-size: var(--seed-font-size-t2-static);
+  font-weight: var(--seed-font-weight-regular);
+}
+
+.seed-app-bar-main__root--theme_cupertino {
+  text-align: center;
+  height: 100%;
+  padding-inline: var(--centered-title-padding-x, 0);
+  pointer-events: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+
+.seed-app-bar-main__root--theme_android {
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+[data-global-transition-state="enter-active"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: 25%;
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: 0;
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="exit-active"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  transform: translate3d(calc(var(--swipe-back-displacement, 0) * .25), 0, 0);
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-exit-translate-x: 25%;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-global-transition-state="enter-done"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top] {
+  --seed-enter-translate-x: calc(var(--swipe-back-displacement, 0) * .25);
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-swipe-back-state="swiping"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
+  transform: translate3d(calc(var(--swipe-back-displacement, 0) * .25), 0, 0);
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  animation: none;
+}
+
+[data-global-transition-state="enter-active"][data-top-activity-type="full-screen"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  opacity: 1;
+  --seed-exit-translate-x: -25%;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="exit-active"][data-top-activity-type="full-screen"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  --seed-enter-translate-x: calc(-25% + var(--swipe-back-displacement, 0) * .25);
+  --seed-enter-translate-y: 0;
+  --seed-enter-opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-enter-scale: 1;
+  opacity: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) seed-enter;
+  transform: translate3d(0, 0, 0);
+}
+
+[data-global-transition-state="enter-done"][data-top-activity-type="full-screen"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
+  transform: translate3d(calc(-25% + var(--swipe-back-displacement, 0) * .25), 0, 0);
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  --seed-exit-translate-x: -25%;
+  --seed-exit-translate-y: 0;
+  --seed-exit-opacity: 0;
+  --seed-exit-scale: 1;
+  animation: .3s cubic-bezier(.22, .1, .3, .85) forwards seed-exit;
+}
+
+[data-swipe-back-state="swiping"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
+  transform: translate3d(calc(-25% + var(--swipe-back-displacement, 0) * .25), 0, 0);
+  opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
+  animation: none;
+}
+
+.seed-app-bar-main__root--tone_layer, .seed-app-bar-main__title--tone_layer {
+  color: var(--seed-color-fg-neutral);
+}
+
+.seed-app-bar-main__subtitle--tone_layer {
+  color: var(--seed-color-fg-neutral-muted);
+}
+
+.seed-app-bar-main__root--tone_transparent, .seed-app-bar-main__title--tone_transparent, .seed-app-bar-main__subtitle--tone_transparent {
+  color: var(--seed-color-palette-static-white);
+}
+
+.seed-pull-to-refresh__root {
+  --ptr-size: 44px;
+  --ptr-transition-duration: var(--seed-duration-d6);
+  height: 100%;
+}
+
+.seed-pull-to-refresh__indicator {
+  transform: translateY(min(calc(var(--ptr-displacement, 0)  - var(--ptr-size)), 0px));
+  transition: transform var(--seed-duration-d6);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.seed-pull-to-refresh__indicator[data-ptr-dragging] {
+  transition: none;
+}
+
+@keyframes seed-enter {
+  from {
+    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 {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes slide-x {
+  0% {
+    transform: translateX(-100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+@keyframes progress-circle-head {
+  0% {
+    stroke-dasharray: 0 1000%;
+  }
+
+  75% {
+    stroke-dasharray: var(--circumference), 1000%;
+  }
+
+  100% {
+    stroke-dasharray: var(--circumference), 1000%;
+  }
+}
+
+@keyframes progress-circle-tail {
+  0% {
+    stroke-dashoffset: 0;
+  }
+
+  33.33% {
+    stroke-dashoffset: 0;
+  }
+
+  100% {
+    stroke-dashoffset: calc(var(--circumference) * -1);
+  }
+}