body {
  margin: 0;

  overflow: hidden;

  -webkit-tap-highlight-color: transparent;
}

* {
  user-select: none;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
}
:root {
  font-family:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
    "Open Sans", "Helvetica Neue", sans-serif;
  background-color: var(--seed-color-bg-layer-default);
}

body {
  overscroll-behavior: none;
}

/* perf test */
.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.gap-2 {
  gap: 8px;
}

.w-50px {
  width: 50px;
}

.h-50px {
  height: 50px;
}

.bg-brandSolid {
  background-color: var(--seed-color-bg-brand-solid);
}
: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-static-color-static-black: #000000;
  --seed-static-color-static-white: #ffffff;
  --seed-static-color-static-gray-900: #212124;
  --seed-static-color-static-carrot-50: #fff5f0;
  --seed-static-color-static-carrot-800: #cc4700;
  --seed-static-color-static-green-50: #e8faf6;
  --seed-static-color-static-green-800: #008c72;
  --seed-static-color-static-yellow-50: #fff7e6;
  --seed-static-color-static-yellow-800: #ba5e02;
  --seed-static-color-static-red-50: #fff3f2;
  --seed-static-color-static-red-800: #e81300;
  --seed-static-color-static-blue-50: #ebf7fa;
  --seed-static-color-static-blue-800: #0a85b5;
  --seed-static-color-static-black-alpha-200: #00000033;
  --seed-static-color-static-black-alpha-500: #00000080;
  --seed-static-color-static-white-alpha-50: #ffffff0d;
  --seed-static-color-static-white-alpha-200: #ffffff33;
  --seed-semantic-color-on-primary: var(--seed-static-color-static-white);
  --seed-semantic-color-overlay-low: var(--seed-static-color-static-black-alpha-200);
  --seed-semantic-color-overlay-dim: var(--seed-static-color-static-black-alpha-500);
  --seed-semantic-color-on-primary-overlay-50: var(--seed-static-color-static-white-alpha-50);
  --seed-semantic-color-on-primary-overlay-200: var(--seed-static-color-static-white-alpha-200);
  --seed-scale-dimension-font-size-10: 0.625rem;
  --seed-scale-dimension-font-size-25: 0.6875rem;
  --seed-scale-dimension-font-size-50: 0.75rem;
  --seed-scale-dimension-font-size-75: 0.8125rem;
  --seed-scale-dimension-font-size-100: 0.875rem;
  --seed-scale-dimension-font-size-150: 0.9375rem;
  --seed-scale-dimension-font-size-200: 1rem;
  --seed-scale-dimension-font-size-300: 1.125rem;
  --seed-scale-dimension-font-size-400: 1.25rem;
  --seed-scale-dimension-font-size-500: 1.5rem;
  --seed-scale-dimension-font-size-600: 1.625rem;
  --seed-scale-dimension-font-size-700: 2rem;
  --seed-scale-dimension-font-size-800: 2.125rem;
  --seed-scale-dimension-font-size-900: 2.625rem;
  --seed-scale-dimension-font-size-1000: 3rem;
  --seed-scale-dimension-font-size-1100: 3.375rem;
  --seed-scale-dimension-font-size-1200: 3.75rem;
  --seed-scale-dimension-font-size-1300: 4.5rem;
  --seed-semantic-typography-h1-font-size: var(--seed-scale-dimension-font-size-1000);
  --seed-semantic-typography-h2-font-size: var(--seed-scale-dimension-font-size-900);
  --seed-semantic-typography-h3-font-size: var(--seed-scale-dimension-font-size-800);
  --seed-semantic-typography-h4-font-size: var(--seed-scale-dimension-font-size-600);
  --seed-semantic-typography-title1-bold-font-size: var(--seed-scale-dimension-font-size-500);
  --seed-semantic-typography-title1-regular-font-size: var(--seed-scale-dimension-font-size-500);
  --seed-semantic-typography-title2-bold-font-size: var(--seed-scale-dimension-font-size-400);
  --seed-semantic-typography-title2-regular-font-size: var(--seed-scale-dimension-font-size-400);
  --seed-semantic-typography-title3-bold-font-size: var(--seed-scale-dimension-font-size-300);
  --seed-semantic-typography-title3-regular-font-size: var(--seed-scale-dimension-font-size-300);
  --seed-semantic-typography-subtitle1-bold-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-subtitle1-regular-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-subtitle2-bold-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-subtitle2-regular-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-body-l1-bold-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-body-l1-regular-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-body-l2-bold-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-body-l2-regular-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-body-m1-bold-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-body-m1-regular-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-body-m2-bold-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-body-m2-regular-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-caption1-bold-font-size: var(--seed-scale-dimension-font-size-75);
  --seed-semantic-typography-caption1-regular-font-size: var(--seed-scale-dimension-font-size-75);
  --seed-semantic-typography-caption2-bold-font-size: var(--seed-scale-dimension-font-size-50);
  --seed-semantic-typography-caption2-regular-font-size: var(--seed-scale-dimension-font-size-50);
  --seed-semantic-typography-label1-bold-font-size: var(--seed-scale-dimension-font-size-300);
  --seed-semantic-typography-label1-regular-font-size: var(--seed-scale-dimension-font-size-300);
  --seed-semantic-typography-label2-bold-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-label2-regular-font-size: var(--seed-scale-dimension-font-size-200);
  --seed-semantic-typography-label3-bold-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-label3-regular-font-size: var(--seed-scale-dimension-font-size-100);
  --seed-semantic-typography-label4-bold-font-size: var(--seed-scale-dimension-font-size-50);
  --seed-semantic-typography-label4-regular-font-size: var(--seed-scale-dimension-font-size-50);
  --seed-semantic-typography-label5-bold-font-size: var(--seed-scale-dimension-font-size-25);
  --seed-semantic-typography-label5-regular-font-size: var(--seed-scale-dimension-font-size-25);
  --seed-semantic-typography-label6-bold-font-size: var(--seed-scale-dimension-font-size-10);
  --seed-semantic-typography-label6-regular-font-size: var(--seed-scale-dimension-font-size-10);
  --seed-static-font-weight-regular: normal;
  --seed-static-font-weight-bold: bold;
  --seed-semantic-typography-h1-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-h2-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-h3-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-h4-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-title1-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-title1-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-title2-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-title2-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-title3-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-title3-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-subtitle1-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-subtitle1-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-subtitle2-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-subtitle2-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-body-l1-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-body-l1-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-body-l2-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-body-l2-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-body-m1-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-body-m1-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-body-m2-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-body-m2-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-caption1-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-caption1-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-caption2-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-caption2-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-label1-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-label1-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-label2-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-label2-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-label3-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-label3-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-label4-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-label4-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-label5-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-label5-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-semantic-typography-label6-bold-font-weight: var(--seed-static-font-weight-bold);
  --seed-semantic-typography-label6-regular-font-weight: var(--seed-static-font-weight-regular);
  --seed-static-line-height-static-small: 135%;
  --seed-static-line-height-static-medium: 150%;
  --seed-static-line-height-static-large: 162%;
  --seed-semantic-typography-h1-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-h2-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-h3-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-h4-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-title1-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-title1-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-title2-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-title2-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-title3-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-title3-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-subtitle1-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-subtitle1-regular-line-height: var(
    --seed-static-line-height-static-small
  );
  --seed-semantic-typography-subtitle2-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-subtitle2-regular-line-height: var(
    --seed-static-line-height-static-small
  );
  --seed-semantic-typography-body-l1-bold-line-height: var(--seed-static-line-height-static-medium);
  --seed-semantic-typography-body-l1-regular-line-height: var(
    --seed-static-line-height-static-medium
  );
  --seed-semantic-typography-body-l2-bold-line-height: var(--seed-static-line-height-static-medium);
  --seed-semantic-typography-body-l2-regular-line-height: var(
    --seed-static-line-height-static-medium
  );
  --seed-semantic-typography-body-m1-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-body-m1-regular-line-height: var(
    --seed-static-line-height-static-small
  );
  --seed-semantic-typography-body-m2-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-body-m2-regular-line-height: var(
    --seed-static-line-height-static-small
  );
  --seed-semantic-typography-caption1-bold-line-height: var(--seed-static-line-height-static-medium);
  --seed-semantic-typography-caption1-regular-line-height: var(
    --seed-static-line-height-static-medium
  );
  --seed-semantic-typography-caption2-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-caption2-regular-line-height: var(
    --seed-static-line-height-static-small
  );
  --seed-semantic-typography-label1-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label1-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label2-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label2-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label3-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label3-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label4-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label4-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label5-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label5-regular-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label6-bold-line-height: var(--seed-static-line-height-static-small);
  --seed-semantic-typography-label6-regular-line-height: var(--seed-static-line-height-static-small);
}

:root,
:root[data-seed-user-color-scheme="light"],
:root[data-seed-color-mode="light-only"],
:root [data-seed-color-mode="light-only"],
: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-scale-color-gray-00: #ffffff;
  --seed-scale-color-gray-50: #f7f8fa;
  --seed-scale-color-gray-100: #f2f3f6;
  --seed-scale-color-gray-200: #eaebee;
  --seed-scale-color-gray-300: #dcdee3;
  --seed-scale-color-gray-400: #d1d3d8;
  --seed-scale-color-gray-500: #adb1ba;
  --seed-scale-color-gray-600: #868b94;
  --seed-scale-color-gray-700: #4d5159;
  --seed-scale-color-gray-800: #393a40;
  --seed-scale-color-gray-900: #212124;
  --seed-scale-color-v3-gray-00: #ffffff;
  --seed-scale-color-v3-gray-100: #f7f8f9;
  --seed-scale-color-carrot-50: #fff5f0;
  --seed-scale-color-carrot-100: #ffe2d2;
  --seed-scale-color-carrot-200: #ffd2b9;
  --seed-scale-color-carrot-300: #ffbc97;
  --seed-scale-color-carrot-400: #ff9e66;
  --seed-scale-color-carrot-500: #ff6f0f;
  --seed-scale-color-carrot-600: #fa6616;
  --seed-scale-color-carrot-700: #f05705;
  --seed-scale-color-carrot-800: #cc4700;
  --seed-scale-color-carrot-900: #b44104;
  --seed-scale-color-carrot-950: #a03a03;
  --seed-scale-color-blue-50: #ebf7fa;
  --seed-scale-color-blue-100: #d2edfa;
  --seed-scale-color-blue-200: #b9e3fa;
  --seed-scale-color-blue-300: #87d7ff;
  --seed-scale-color-blue-400: #57c7ff;
  --seed-scale-color-blue-500: #009ceb;
  --seed-scale-color-blue-600: #0088cc;
  --seed-scale-color-blue-700: #0077b2;
  --seed-scale-color-blue-800: #006199;
  --seed-scale-color-blue-900: #004c73;
  --seed-scale-color-blue-950: #003b59;
  --seed-scale-color-red-50: #fff3f2;
  --seed-scale-color-red-100: #ffe5e3;
  --seed-scale-color-red-200: #fcd2cf;
  --seed-scale-color-red-300: #ffaca6;
  --seed-scale-color-red-400: #ff7e75;
  --seed-scale-color-red-500: #ff4133;
  --seed-scale-color-red-600: #fa2314;
  --seed-scale-color-red-700: #e81607;
  --seed-scale-color-red-800: #a62014;
  --seed-scale-color-red-900: #910c00;
  --seed-scale-color-red-950: #821006;
  --seed-scale-color-green-50: #e8faf6;
  --seed-scale-color-green-100: #c7f2e4;
  --seed-scale-color-green-200: #96ebc3;
  --seed-scale-color-green-300: #6adeac;
  --seed-scale-color-green-400: #30c795;
  --seed-scale-color-green-500: #1aa174;
  --seed-scale-color-green-600: #128c6e;
  --seed-scale-color-green-700: #077a5e;
  --seed-scale-color-green-800: #06614a;
  --seed-scale-color-green-900: #004f40;
  --seed-scale-color-green-950: #004034;
  --seed-scale-color-yellow-50: #fff7e6;
  --seed-scale-color-yellow-100: #ffe3ba;
  --seed-scale-color-yellow-200: #facc87;
  --seed-scale-color-yellow-300: #f7be68;
  --seed-scale-color-yellow-400: #dea651;
  --seed-scale-color-yellow-500: #c27f29;
  --seed-scale-color-yellow-600: #a66c21;
  --seed-scale-color-yellow-700: #805217;
  --seed-scale-color-yellow-800: #6b4717;
  --seed-scale-color-yellow-900: #593d17;
  --seed-scale-color-yellow-950: #4d361a;
  --seed-scale-color-pink-50: #fff5f5;
  --seed-scale-color-pink-100: #ffdddb;
  --seed-scale-color-pink-200: #ffbfc5;
  --seed-scale-color-pink-300: #ffadb4;
  --seed-scale-color-pink-400: #ff8a9d;
  --seed-scale-color-pink-500: #f0657c;
  --seed-scale-color-pink-600: #db4b6a;
  --seed-scale-color-pink-700: #bd2b5c;
  --seed-scale-color-pink-800: #991c45;
  --seed-scale-color-pink-900: #800d3d;
  --seed-scale-color-pink-950: #660a30;
  --seed-scale-color-purple-50: #f6f4fe;
  --seed-scale-color-purple-100: #e3dafe;
  --seed-scale-color-purple-200: #d5c7ff;
  --seed-scale-color-purple-300: #cfbfff;
  --seed-scale-color-purple-400: #b69eff;
  --seed-scale-color-purple-500: #9675fa;
  --seed-scale-color-purple-600: #8361e8;
  --seed-scale-color-purple-700: #6748c7;
  --seed-scale-color-purple-800: #4f3699;
  --seed-scale-color-purple-900: #3f2687;
  --seed-scale-color-purple-950: #331e70;
  --seed-scale-color-gray-alpha-50: #0017580d;
  --seed-scale-color-gray-alpha-100: #15234e1a;
  --seed-scale-color-gray-alpha-200: #19233e33;
  --seed-scale-color-gray-alpha-500: #282e4080;
  --seed-scale-color-carrot-alpha-50: #ff6f0f0d;
  --seed-scale-color-carrot-alpha-100: #ff6f0f24;
  --seed-scale-color-carrot-alpha-200: #ff6f0f33;
  --seed-scale-color-blue-alpha-50: #009ceb0d;
  --seed-scale-color-blue-alpha-100: #009ceb1a;
  --seed-scale-color-blue-alpha-200: #009ceb33;
  --seed-scale-color-red-alpha-50: #ff41330d;
  --seed-scale-color-red-alpha-100: #ff41331a;
  --seed-scale-color-red-alpha-200: #ff413333;
  --seed-scale-color-yellow-alpha-50: #f7be6814;
  --seed-scale-color-yellow-alpha-100: #f7be6824;
  --seed-scale-color-yellow-alpha-200: #f7be683d;
  --seed-scale-color-green-alpha-50: #1aa1740d;
  --seed-scale-color-green-alpha-100: #1aa17424;
  --seed-scale-color-green-alpha-200: #1aa17433;
  --seed-semantic-color-primary: var(--seed-scale-color-carrot-500);
  --seed-semantic-color-primary-low: var(--seed-scale-color-carrot-alpha-100);
  --seed-semantic-color-secondary: var(--seed-scale-color-gray-900);
  --seed-semantic-color-secondary-low: var(--seed-scale-color-gray-alpha-50);
  --seed-semantic-color-success: var(--seed-scale-color-green-500);
  --seed-semantic-color-success-low: var(--seed-scale-color-green-alpha-50);
  --seed-semantic-color-warning: var(--seed-scale-color-yellow-400);
  --seed-semantic-color-warning-low: var(--seed-scale-color-yellow-alpha-100);
  --seed-semantic-color-danger: var(--seed-scale-color-red-600);
  --seed-semantic-color-danger-low: var(--seed-scale-color-red-alpha-50);
  --seed-semantic-color-paper-sheet: var(--seed-scale-color-gray-00);
  --seed-semantic-color-paper-dialog: var(--seed-scale-color-gray-00);
  --seed-semantic-color-paper-floating: var(--seed-scale-color-gray-00);
  --seed-semantic-color-paper-contents: var(--seed-scale-color-gray-50);
  --seed-semantic-color-paper-default: var(--seed-scale-color-gray-00);
  --seed-semantic-color-paper-background: var(--seed-scale-color-gray-100);
  --seed-semantic-color-paper-accent: var(--seed-scale-color-carrot-50);
  --seed-semantic-color-primary-hover: var(--seed-scale-color-carrot-400);
  --seed-semantic-color-primary-pressed: var(--seed-scale-color-carrot-400);
  --seed-semantic-color-primary-low-hover: var(--seed-scale-color-carrot-alpha-200);
  --seed-semantic-color-primary-low-active: var(--seed-scale-color-carrot-alpha-200);
  --seed-semantic-color-primary-low-pressed: var(--seed-scale-color-carrot-alpha-200);
  --seed-semantic-color-gray-hover: var(--seed-scale-color-gray-100);
  --seed-semantic-color-gray-pressed: var(--seed-scale-color-gray-100);
  --seed-semantic-color-on-primary-low-overlay-50: var(--seed-scale-color-carrot-alpha-50);
  --seed-semantic-color-on-primary-low-overlay-100: var(--seed-scale-color-carrot-alpha-100);
  --seed-semantic-color-on-primary-low-overlay-200: var(--seed-scale-color-carrot-alpha-200);
  --seed-semantic-color-on-gray-overlay-50: var(--seed-scale-color-gray-alpha-50);
  --seed-semantic-color-on-gray-overlay-100: var(--seed-scale-color-gray-alpha-100);
  --seed-semantic-color-text-selection: var(--seed-scale-color-carrot-50);
  --seed-semantic-color-divider-1: var(--seed-scale-color-gray-alpha-50);
  --seed-semantic-color-divider-2: var(--seed-scale-color-gray-200);
  --seed-semantic-color-divider-3: var(--seed-scale-color-gray-300);
  --seed-semantic-color-accent: var(--seed-scale-color-blue-500);
  --seed-semantic-color-ink-text: var(--seed-scale-color-gray-900);
  --seed-semantic-color-ink-text-low: var(--seed-scale-color-gray-600);
  --seed-semantic-color-gray-active: var(--seed-scale-color-gray-700);
}

:root[data-seed-user-color-scheme="dark"],
:root[data-seed-color-mode="dark-only"],
:root [data-seed-color-mode="dark-only"],
: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-scale-color-gray-00: #17171a;
  --seed-scale-color-gray-50: #212124;
  --seed-scale-color-gray-100: #2b2e33;
  --seed-scale-color-gray-200: #34373d;
  --seed-scale-color-gray-300: #43474f;
  --seed-scale-color-gray-400: #50545c;
  --seed-scale-color-gray-500: #6d717a;
  --seed-scale-color-gray-600: #868b94;
  --seed-scale-color-gray-700: #adb1ba;
  --seed-scale-color-gray-800: #ced3de;
  --seed-scale-color-gray-900: #eaebee;
  --seed-scale-color-v3-gray-00: #000000;
  --seed-scale-color-v3-gray-100: #16171b;
  --seed-scale-color-carrot-50: #7a3814;
  --seed-scale-color-carrot-100: #974011;
  --seed-scale-color-carrot-200: #bf4c0d;
  --seed-scale-color-carrot-300: #d15715;
  --seed-scale-color-carrot-400: #e96017;
  --seed-scale-color-carrot-500: #ff6e1d;
  --seed-scale-color-carrot-600: #ee9561;
  --seed-scale-color-carrot-700: #edb08e;
  --seed-scale-color-carrot-800: #edc4ad;
  --seed-scale-color-carrot-900: #edd3c4;
  --seed-scale-color-carrot-950: #ede4e0;
  --seed-scale-color-blue-50: #09405c;
  --seed-scale-color-blue-100: #0a4969;
  --seed-scale-color-blue-200: #065d8f;
  --seed-scale-color-blue-300: #0772a8;
  --seed-scale-color-blue-400: #0685c4;
  --seed-scale-color-blue-500: #079ae3;
  --seed-scale-color-blue-600: #5ec4f7;
  --seed-scale-color-blue-700: #8bd3f7;
  --seed-scale-color-blue-800: #a8d7f0;
  --seed-scale-color-blue-900: #c4e4f5;
  --seed-scale-color-blue-950: #d7f3fa;
  --seed-scale-color-red-50: #78130a;
  --seed-scale-color-red-100: #870f04;
  --seed-scale-color-red-200: #9e2419;
  --seed-scale-color-red-300: #e01e10;
  --seed-scale-color-red-400: #f2291b;
  --seed-scale-color-red-500: #f74639;
  --seed-scale-color-red-600: #f78279;
  --seed-scale-color-red-700: #f5a59f;
  --seed-scale-color-red-800: #f5c5c1;
  --seed-scale-color-red-900: #f5d7d5;
  --seed-scale-color-red-950: #f7e5e4;
  --seed-scale-color-green-50: #053b31;
  --seed-scale-color-green-100: #044a3d;
  --seed-scale-color-green-200: #085945;
  --seed-scale-color-green-300: #0b755b;
  --seed-scale-color-green-400: #158569;
  --seed-scale-color-green-500: #1e9c72;
  --seed-scale-color-green-600: #34bf91;
  --seed-scale-color-green-700: #6dd6a9;
  --seed-scale-color-green-800: #98e3c0;
  --seed-scale-color-green-900: #caede1;
  --seed-scale-color-green-950: #d8ede8;
  --seed-scale-color-yellow-50: #40301b;
  --seed-scale-color-yellow-100: #543a18;
  --seed-scale-color-yellow-200: #664416;
  --seed-scale-color-yellow-300: #80541c;
  --seed-scale-color-yellow-400: #a16c27;
  --seed-scale-color-yellow-500: #bd7f2f;
  --seed-scale-color-yellow-600: #d4a257;
  --seed-scale-color-yellow-700: #f0bb6c;
  --seed-scale-color-yellow-800: #f7cb88;
  --seed-scale-color-yellow-900: #fae0b9;
  --seed-scale-color-yellow-950: #ede7da;
  --seed-scale-color-pink-50: #52102c;
  --seed-scale-color-pink-100: #730f39;
  --seed-scale-color-pink-200: #912449;
  --seed-scale-color-pink-300: #b2305c;
  --seed-scale-color-pink-400: #d14f6c;
  --seed-scale-color-pink-500: #e56a7e;
  --seed-scale-color-pink-600: #fa91a2;
  --seed-scale-color-pink-700: #faafb5;
  --seed-scale-color-pink-800: #fac0c5;
  --seed-scale-color-pink-900: #f5dbda;
  --seed-scale-color-pink-950: #f2e4e4;
  --seed-scale-color-purple-50: #3c2a70;
  --seed-scale-color-purple-100: #463080;
  --seed-scale-color-purple-200: #553d99;
  --seed-scale-color-purple-300: #694cc2;
  --seed-scale-color-purple-400: #8667e0;
  --seed-scale-color-purple-500: #987af0;
  --seed-scale-color-purple-600: #b19bf2;
  --seed-scale-color-purple-700: #ccbff5;
  --seed-scale-color-purple-800: #d6cafa;
  --seed-scale-color-purple-900: #e3dcfa;
  --seed-scale-color-purple-950: #dad8e3;
  --seed-scale-color-gray-alpha-50: #ffffff0d;
  --seed-scale-color-gray-alpha-100: #ffffff1a;
  --seed-scale-color-gray-alpha-200: #ffffff33;
  --seed-scale-color-gray-alpha-500: #ffffff80;
  --seed-scale-color-carrot-alpha-50: #ff6e1d14;
  --seed-scale-color-carrot-alpha-100: #ff6e1d24;
  --seed-scale-color-carrot-alpha-200: #ff6e1d33;
  --seed-scale-color-blue-alpha-50: #079ae30d;
  --seed-scale-color-blue-alpha-100: #079ae31a;
  --seed-scale-color-blue-alpha-200: #079ae333;
  --seed-scale-color-red-alpha-50: #f746390d;
  --seed-scale-color-red-alpha-100: #f746391a;
  --seed-scale-color-red-alpha-200: #f7463933;
  --seed-scale-color-yellow-alpha-50: #f0bb6c14;
  --seed-scale-color-yellow-alpha-100: #f0bb6c24;
  --seed-scale-color-yellow-alpha-200: #f0bb6c3d;
  --seed-scale-color-green-alpha-50: #1e9c720d;
  --seed-scale-color-green-alpha-100: #1e9c7224;
  --seed-scale-color-green-alpha-200: #1e9c7233;
  --seed-semantic-color-primary: var(--seed-scale-color-carrot-500);
  --seed-semantic-color-primary-low: var(--seed-scale-color-carrot-alpha-50);
  --seed-semantic-color-secondary: var(--seed-scale-color-gray-900);
  --seed-semantic-color-secondary-low: var(--seed-scale-color-gray-alpha-100);
  --seed-semantic-color-success: var(--seed-scale-color-green-500);
  --seed-semantic-color-success-low: var(--seed-scale-color-green-alpha-50);
  --seed-semantic-color-warning: var(--seed-scale-color-yellow-700);
  --seed-semantic-color-warning-low: var(--seed-scale-color-yellow-alpha-50);
  --seed-semantic-color-danger: var(--seed-scale-color-red-400);
  --seed-semantic-color-danger-low: var(--seed-scale-color-red-alpha-50);
  --seed-semantic-color-paper-sheet: var(--seed-scale-color-gray-50);
  --seed-semantic-color-paper-dialog: var(--seed-scale-color-gray-100);
  --seed-semantic-color-paper-floating: var(--seed-scale-color-gray-100);
  --seed-semantic-color-paper-contents: var(--seed-scale-color-gray-00);
  --seed-semantic-color-paper-default: var(--seed-scale-color-gray-50);
  --seed-semantic-color-paper-background: var(--seed-scale-color-gray-00);
  --seed-semantic-color-paper-accent: var(--seed-scale-color-gray-100);
  --seed-semantic-color-primary-hover: var(--seed-scale-color-carrot-600);
  --seed-semantic-color-primary-pressed: var(--seed-scale-color-carrot-600);
  --seed-semantic-color-primary-low-hover: var(--seed-scale-color-carrot-alpha-100);
  --seed-semantic-color-primary-low-active: var(--seed-scale-color-carrot-alpha-100);
  --seed-semantic-color-primary-low-pressed: var(--seed-scale-color-carrot-alpha-100);
  --seed-semantic-color-gray-hover: var(--seed-scale-color-gray-100);
  --seed-semantic-color-gray-pressed: var(--seed-scale-color-gray-100);
  --seed-semantic-color-on-primary-low-overlay-50: var(--seed-scale-color-carrot-alpha-50);
  --seed-semantic-color-on-primary-low-overlay-100: var(--seed-scale-color-carrot-alpha-100);
  --seed-semantic-color-on-primary-low-overlay-200: var(--seed-scale-color-carrot-alpha-200);
  --seed-semantic-color-on-gray-overlay-50: var(--seed-scale-color-gray-alpha-50);
  --seed-semantic-color-on-gray-overlay-100: var(--seed-scale-color-gray-alpha-100);
  --seed-semantic-color-text-selection: var(--seed-scale-color-carrot-50);
  --seed-semantic-color-divider-1: var(--seed-scale-color-gray-alpha-50);
  --seed-semantic-color-divider-2: var(--seed-scale-color-gray-200);
  --seed-semantic-color-divider-3: var(--seed-scale-color-gray-alpha-200);
  --seed-semantic-color-accent: var(--seed-scale-color-blue-500);
  --seed-semantic-color-ink-text: var(--seed-scale-color-gray-900);
  --seed-semantic-color-ink-text-low: var(--seed-scale-color-gray-600);
  --seed-semantic-color-gray-active: var(--seed-scale-color-gray-100);
}

/* V3 Compat layer */
:root[data-seed-v3-compat][data-seed-user-color-scheme="dark"],
:root[data-seed-v3-compat][data-seed-color-mode="dark-only"],
:root[data-seed-v3-compat] [data-seed-color-mode="dark-only"],
:root[data-seed-v3-compat][data-seed][data-seed="dark-only"][data-seed-scale-color="light"],
:root[data-seed-v3-compat][data-seed][data-seed-scale-color="dark"]:not([data-seed="light-only"]),
:root[data-seed-v3-compat][data-seed]:not([data-seed="light-only"]) [data-seed-scale-color="dark"] {
  --seed-semantic-color-paper-sheet: var(--seed-scale-color-v3-gray-100);
  --seed-semantic-color-paper-contents: var(--seed-scale-color-v3-gray-00);
  --seed-semantic-color-paper-default: var(--seed-scale-color-v3-gray-100);
  --seed-semantic-color-paper-background: var(--seed-scale-color-v3-gray-00);
}

:root,
:root[data-seed-platform="ios"],
:root[data-seed][data-seed-scale-letter-spacing="ios"] {
  --seed-scale-letter-spacing-none: 0em;
  --seed-scale-letter-spacing-narrow-200: -0.02em;
  --seed-scale-letter-spacing-narrow-300: -0.03em;
  --seed-scale-letter-spacing-narrow-400: -0.04em;
  --seed-semantic-typography-h1-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-h2-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-h3-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-h4-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-title1-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-title1-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-title2-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-title2-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-title3-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-title3-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-subtitle1-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-subtitle1-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-subtitle2-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-subtitle2-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-l1-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-l1-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-l2-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-l2-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-m1-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-m1-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-m2-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-body-m2-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-caption1-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-caption1-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-caption2-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-caption2-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label1-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label1-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label2-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label2-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label3-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label3-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label4-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label4-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label5-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label5-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label6-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label6-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
}

:root[data-seed-platform="android"],
:root[data-seed][data-seed-scale-letter-spacing="android"] {
  --seed-scale-letter-spacing-none: 0em;
  --seed-scale-letter-spacing-narrow-200: -0.02em;
  --seed-scale-letter-spacing-narrow-300: -0.03em;
  --seed-scale-letter-spacing-narrow-400: -0.04em;
  --seed-semantic-typography-h1-letter-spacing: var(--seed-scale-letter-spacing-narrow-400);
  --seed-semantic-typography-h2-letter-spacing: var(--seed-scale-letter-spacing-narrow-400);
  --seed-semantic-typography-h3-letter-spacing: var(--seed-scale-letter-spacing-narrow-300);
  --seed-semantic-typography-h4-letter-spacing: var(--seed-scale-letter-spacing-narrow-300);
  --seed-semantic-typography-title1-bold-letter-spacing: var(--seed-scale-letter-spacing-narrow-300);
  --seed-semantic-typography-title1-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-300
  );
  --seed-semantic-typography-title2-bold-letter-spacing: var(--seed-scale-letter-spacing-narrow-300);
  --seed-semantic-typography-title2-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-300
  );
  --seed-semantic-typography-title3-bold-letter-spacing: var(--seed-scale-letter-spacing-narrow-300);
  --seed-semantic-typography-title3-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-300
  );
  --seed-semantic-typography-subtitle1-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-subtitle1-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-subtitle2-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-subtitle2-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-l1-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-l1-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-l2-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-l2-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-m1-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-m1-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-m2-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-body-m2-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-caption1-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-400
  );
  --seed-semantic-typography-caption1-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-400
  );
  --seed-semantic-typography-caption2-bold-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-400
  );
  --seed-semantic-typography-caption2-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-400
  );
  --seed-semantic-typography-label1-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label1-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-label2-bold-letter-spacing: var(--seed-scale-letter-spacing-narrow-200);
  --seed-semantic-typography-label2-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-label3-bold-letter-spacing: var(--seed-scale-letter-spacing-narrow-200);
  --seed-semantic-typography-label3-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-label4-bold-letter-spacing: var(--seed-scale-letter-spacing-narrow-200);
  --seed-semantic-typography-label4-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-label5-bold-letter-spacing: var(--seed-scale-letter-spacing-narrow-200);
  --seed-semantic-typography-label5-regular-letter-spacing: var(
    --seed-scale-letter-spacing-narrow-200
  );
  --seed-semantic-typography-label6-bold-letter-spacing: var(--seed-scale-letter-spacing-none);
  --seed-semantic-typography-label6-regular-letter-spacing: var(--seed-scale-letter-spacing-none);
}

.seed-semantic-typography-h1 {
  font-size: var(--seed-semantic-typography-h1-font-size);
  font-weight: var(--seed-semantic-typography-h1-font-weight);
  line-height: var(--seed-semantic-typography-h1-line-height);
  letter-spacing: var(--seed-semantic-typography-h1-letter-spacing);
}

.seed-semantic-typography-h2 {
  font-size: var(--seed-semantic-typography-h2-font-size);
  font-weight: var(--seed-semantic-typography-h2-font-weight);
  line-height: var(--seed-semantic-typography-h2-line-height);
  letter-spacing: var(--seed-semantic-typography-h2-letter-spacing);
}

.seed-semantic-typography-h3 {
  font-size: var(--seed-semantic-typography-h3-font-size);
  font-weight: var(--seed-semantic-typography-h3-font-weight);
  line-height: var(--seed-semantic-typography-h3-line-height);
  letter-spacing: var(--seed-semantic-typography-h3-letter-spacing);
}

.seed-semantic-typography-h4 {
  font-size: var(--seed-semantic-typography-h4-font-size);
  font-weight: var(--seed-semantic-typography-h4-font-weight);
  line-height: var(--seed-semantic-typography-h4-line-height);
  letter-spacing: var(--seed-semantic-typography-h4-letter-spacing);
}

.seed-semantic-typography-title1-bold {
  font-size: var(--seed-semantic-typography-title1-bold-font-size);
  font-weight: var(--seed-semantic-typography-title1-bold-font-weight);
  line-height: var(--seed-semantic-typography-title1-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-title1-bold-letter-spacing);
}

.seed-semantic-typography-title1-regular {
  font-size: var(--seed-semantic-typography-title1-regular-font-size);
  font-weight: var(--seed-semantic-typography-title1-regular-font-weight);
  line-height: var(--seed-semantic-typography-title1-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-title1-regular-letter-spacing);
}

.seed-semantic-typography-title2-bold {
  font-size: var(--seed-semantic-typography-title2-bold-font-size);
  font-weight: var(--seed-semantic-typography-title2-bold-font-weight);
  line-height: var(--seed-semantic-typography-title2-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-title2-bold-letter-spacing);
}

.seed-semantic-typography-title2-regular {
  font-size: var(--seed-semantic-typography-title2-regular-font-size);
  font-weight: var(--seed-semantic-typography-title2-regular-font-weight);
  line-height: var(--seed-semantic-typography-title2-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-title2-regular-letter-spacing);
}

.seed-semantic-typography-title3-bold {
  font-size: var(--seed-semantic-typography-title3-bold-font-size);
  font-weight: var(--seed-semantic-typography-title3-bold-font-weight);
  line-height: var(--seed-semantic-typography-title3-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-title3-bold-letter-spacing);
}

.seed-semantic-typography-title3-regular {
  font-size: var(--seed-semantic-typography-title3-regular-font-size);
  font-weight: var(--seed-semantic-typography-title3-regular-font-weight);
  line-height: var(--seed-semantic-typography-title3-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-title3-regular-letter-spacing);
}

.seed-semantic-typography-subtitle1-bold {
  font-size: var(--seed-semantic-typography-subtitle1-bold-font-size);
  font-weight: var(--seed-semantic-typography-subtitle1-bold-font-weight);
  line-height: var(--seed-semantic-typography-subtitle1-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-subtitle1-bold-letter-spacing);
}

.seed-semantic-typography-subtitle1-regular {
  font-size: var(--seed-semantic-typography-subtitle1-regular-font-size);
  font-weight: var(--seed-semantic-typography-subtitle1-regular-font-weight);
  line-height: var(--seed-semantic-typography-subtitle1-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-subtitle1-regular-letter-spacing);
}

.seed-semantic-typography-subtitle2-bold {
  font-size: var(--seed-semantic-typography-subtitle2-bold-font-size);
  font-weight: var(--seed-semantic-typography-subtitle2-bold-font-weight);
  line-height: var(--seed-semantic-typography-subtitle2-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-subtitle2-bold-letter-spacing);
}

.seed-semantic-typography-subtitle2-regular {
  font-size: var(--seed-semantic-typography-subtitle2-regular-font-size);
  font-weight: var(--seed-semantic-typography-subtitle2-regular-font-weight);
  line-height: var(--seed-semantic-typography-subtitle2-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-subtitle2-regular-letter-spacing);
}

.seed-semantic-typography-body-l1-bold {
  font-size: var(--seed-semantic-typography-body-l1-bold-font-size);
  font-weight: var(--seed-semantic-typography-body-l1-bold-font-weight);
  line-height: var(--seed-semantic-typography-body-l1-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-body-l1-bold-letter-spacing);
}

.seed-semantic-typography-body-l1-regular {
  font-size: var(--seed-semantic-typography-body-l1-regular-font-size);
  font-weight: var(--seed-semantic-typography-body-l1-regular-font-weight);
  line-height: var(--seed-semantic-typography-body-l1-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-body-l1-regular-letter-spacing);
}

.seed-semantic-typography-body-l2-bold {
  font-size: var(--seed-semantic-typography-body-l2-bold-font-size);
  font-weight: var(--seed-semantic-typography-body-l2-bold-font-weight);
  line-height: var(--seed-semantic-typography-body-l2-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-body-l2-bold-letter-spacing);
}

.seed-semantic-typography-body-l2-regular {
  font-size: var(--seed-semantic-typography-body-l2-regular-font-size);
  font-weight: var(--seed-semantic-typography-body-l2-regular-font-weight);
  line-height: var(--seed-semantic-typography-body-l2-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-body-l2-regular-letter-spacing);
}

.seed-semantic-typography-body-m1-bold {
  font-size: var(--seed-semantic-typography-body-m1-bold-font-size);
  font-weight: var(--seed-semantic-typography-body-m1-bold-font-weight);
  line-height: var(--seed-semantic-typography-body-m1-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-body-m1-bold-letter-spacing);
}

.seed-semantic-typography-body-m1-regular {
  font-size: var(--seed-semantic-typography-body-m1-regular-font-size);
  font-weight: var(--seed-semantic-typography-body-m1-regular-font-weight);
  line-height: var(--seed-semantic-typography-body-m1-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-body-m1-regular-letter-spacing);
}

.seed-semantic-typography-body-m2-bold {
  font-size: var(--seed-semantic-typography-body-m2-bold-font-size);
  font-weight: var(--seed-semantic-typography-body-m2-bold-font-weight);
  line-height: var(--seed-semantic-typography-body-m2-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-body-m2-bold-letter-spacing);
}

.seed-semantic-typography-body-m2-regular {
  font-size: var(--seed-semantic-typography-body-m2-regular-font-size);
  font-weight: var(--seed-semantic-typography-body-m2-regular-font-weight);
  line-height: var(--seed-semantic-typography-body-m2-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-body-m2-regular-letter-spacing);
}

.seed-semantic-typography-caption1-bold {
  font-size: var(--seed-semantic-typography-caption1-bold-font-size);
  font-weight: var(--seed-semantic-typography-caption1-bold-font-weight);
  line-height: var(--seed-semantic-typography-caption1-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-caption1-bold-letter-spacing);
}

.seed-semantic-typography-caption1-regular {
  font-size: var(--seed-semantic-typography-caption1-regular-font-size);
  font-weight: var(--seed-semantic-typography-caption1-regular-font-weight);
  line-height: var(--seed-semantic-typography-caption1-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-caption1-regular-letter-spacing);
}

.seed-semantic-typography-caption2-bold {
  font-size: var(--seed-semantic-typography-caption2-bold-font-size);
  font-weight: var(--seed-semantic-typography-caption2-bold-font-weight);
  line-height: var(--seed-semantic-typography-caption2-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-caption2-bold-letter-spacing);
}

.seed-semantic-typography-caption2-regular {
  font-size: var(--seed-semantic-typography-caption2-regular-font-size);
  font-weight: var(--seed-semantic-typography-caption2-regular-font-weight);
  line-height: var(--seed-semantic-typography-caption2-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-caption2-regular-letter-spacing);
}

.seed-semantic-typography-label1-bold {
  font-size: var(--seed-semantic-typography-label1-bold-font-size);
  font-weight: var(--seed-semantic-typography-label1-bold-font-weight);
  line-height: var(--seed-semantic-typography-label1-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-label1-bold-letter-spacing);
}

.seed-semantic-typography-label1-regular {
  font-size: var(--seed-semantic-typography-label1-regular-font-size);
  font-weight: var(--seed-semantic-typography-label1-regular-font-weight);
  line-height: var(--seed-semantic-typography-label1-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-label1-regular-letter-spacing);
}

.seed-semantic-typography-label2-bold {
  font-size: var(--seed-semantic-typography-label2-bold-font-size);
  font-weight: var(--seed-semantic-typography-label2-bold-font-weight);
  line-height: var(--seed-semantic-typography-label2-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-label2-bold-letter-spacing);
}

.seed-semantic-typography-label2-regular {
  font-size: var(--seed-semantic-typography-label2-regular-font-size);
  font-weight: var(--seed-semantic-typography-label2-regular-font-weight);
  line-height: var(--seed-semantic-typography-label2-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-label2-regular-letter-spacing);
}

.seed-semantic-typography-label3-bold {
  font-size: var(--seed-semantic-typography-label3-bold-font-size);
  font-weight: var(--seed-semantic-typography-label3-bold-font-weight);
  line-height: var(--seed-semantic-typography-label3-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-label3-bold-letter-spacing);
}

.seed-semantic-typography-label3-regular {
  font-size: var(--seed-semantic-typography-label3-regular-font-size);
  font-weight: var(--seed-semantic-typography-label3-regular-font-weight);
  line-height: var(--seed-semantic-typography-label3-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-label3-regular-letter-spacing);
}

.seed-semantic-typography-label4-bold {
  font-size: var(--seed-semantic-typography-label4-bold-font-size);
  font-weight: var(--seed-semantic-typography-label4-bold-font-weight);
  line-height: var(--seed-semantic-typography-label4-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-label4-bold-letter-spacing);
}

.seed-semantic-typography-label4-regular {
  font-size: var(--seed-semantic-typography-label4-regular-font-size);
  font-weight: var(--seed-semantic-typography-label4-regular-font-weight);
  line-height: var(--seed-semantic-typography-label4-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-label4-regular-letter-spacing);
}

.seed-semantic-typography-label5-bold {
  font-size: var(--seed-semantic-typography-label5-bold-font-size);
  font-weight: var(--seed-semantic-typography-label5-bold-font-weight);
  line-height: var(--seed-semantic-typography-label5-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-label5-bold-letter-spacing);
}

.seed-semantic-typography-label5-regular {
  font-size: var(--seed-semantic-typography-label5-regular-font-size);
  font-weight: var(--seed-semantic-typography-label5-regular-font-weight);
  line-height: var(--seed-semantic-typography-label5-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-label5-regular-letter-spacing);
}

.seed-semantic-typography-label6-bold {
  font-size: var(--seed-semantic-typography-label6-bold-font-size);
  font-weight: var(--seed-semantic-typography-label6-bold-font-weight);
  line-height: var(--seed-semantic-typography-label6-bold-line-height);
  letter-spacing: var(--seed-semantic-typography-label6-bold-letter-spacing);
}

.seed-semantic-typography-label6-regular {
  font-size: var(--seed-semantic-typography-label6-regular-font-size);
  font-weight: var(--seed-semantic-typography-label6-regular-font-weight);
  line-height: var(--seed-semantic-typography-label6-regular-line-height);
  letter-spacing: var(--seed-semantic-typography-label6-regular-letter-spacing);
}
:root {
  --seed-safe-area-top: 0px;
  --seed-safe-area-bottom: 0px;
}

@supports (left: constant(safe-area-inset-left)) {
  :root {
    --seed-safe-area-top: constant(safe-area-inset-top);
    --seed-safe-area-bottom: constant(safe-area-inset-bottom);
  }
}

@supports (left: env(safe-area-inset-left)) {
  :root {
    --seed-safe-area-top: env(safe-area-inset-top);
    --seed-safe-area-bottom: env(safe-area-inset-bottom);
  }
}

:root {
  --seed-font-size-multiplier: 1;
  --seed-font-size-limit-min: .8;
  --seed-font-size-limit-max: 1.5;
  --seed-line-height-limit-min: .8;
  --seed-line-height-limit-max: 1.5;
}

[data-seed-platform="ios"] {
  --seed-font-size-limit-max: 1.35;
  --seed-line-height-limit-max: 1.35;
}

@supports (font: -apple-system-body) {
  html[data-seed-platform="ios"][data-seed-font-scaling="enabled"] {
    --seed-font-size-multiplier: .9412;
    font: -apple-system-body;
  }
}

.seed-loading-indicator {
  display: inline-flex;
  position: absolute;
}

.seed-icon, .seed-prefix-icon, .seed-suffix-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.seed-icon {
  width: var(--seed-icon-size);
  height: var(--seed-icon-size);
  color: var(--seed-icon-color, currentColor);
}

.seed-prefix-icon {
  width: var(--seed-prefix-icon-size);
  height: var(--seed-prefix-icon-size);
  color: var(--seed-prefix-icon-color, currentColor);
  margin-left: var(--seed-prefix-icon-margin-left, 0);
  margin-right: var(--seed-prefix-icon-margin-right, 0);
  margin-top: var(--seed-prefix-icon-margin-top, 0);
  margin-bottom: var(--seed-prefix-icon-margin-bottom, 0);
  align-self: var(--seed-prefix-icon-align-self);
  justify-self: var(--seed-prefix-icon-justify-self);
}

.seed-suffix-icon {
  width: var(--seed-suffix-icon-size);
  height: var(--seed-suffix-icon-size);
  color: var(--seed-suffix-icon-color, currentColor);
  margin-left: var(--seed-suffix-icon-margin-left, 0);
  margin-right: var(--seed-suffix-icon-margin-right, 0);
  margin-top: var(--seed-suffix-icon-margin-top, 0);
  margin-bottom: var(--seed-suffix-icon-margin-bottom, 0);
  align-self: var(--seed-suffix-icon-align-self);
  justify-self: var(--seed-suffix-icon-justify-self);
}

.seed-count {
  font-size: var(--seed-count-font-size);
  line-height: var(--seed-count-line-height);
  font-weight: var(--seed-count-font-weight);
  color: var(--seed-count-color);
}

.seed-box {
  --seed-box-background: initial;
  --seed-box-color: initial;
  background: var(--seed-box-background);
  color: var(--seed-box-color);
  --seed-box-border-style: solid;
  --seed-box-border-color: initial;
  border-style: var(--seed-box-border-style);
  border-color: var(--seed-box-border-color);
  --seed-box-border-width: 0;
  --seed-box-border-top-width: var(--seed-box-border-width);
  --seed-box-border-bottom-width: var(--seed-box-border-width);
  --seed-box-border-left-width: var(--seed-box-border-width);
  --seed-box-border-right-width: var(--seed-box-border-width);
  border-top-width: var(--seed-box-border-top-width);
  border-bottom-width: var(--seed-box-border-bottom-width);
  border-left-width: var(--seed-box-border-left-width);
  border-right-width: var(--seed-box-border-right-width);
  --seed-box-padding: 0;
  --seed-box-padding-y: var(--seed-box-padding);
  --seed-box-padding-x: var(--seed-box-padding);
  --seed-box-padding-bottom: var(--seed-box-padding-y);
  --seed-box-padding-top: var(--seed-box-padding-y);
  --seed-box-padding-left: var(--seed-box-padding-x);
  --seed-box-padding-right: var(--seed-box-padding-x);
  padding-top: var(--seed-box-padding-top);
  padding-bottom: var(--seed-box-padding-bottom);
  padding-left: var(--seed-box-padding-left);
  padding-right: var(--seed-box-padding-right);
  --seed-box-bleed-bottom: 0px;
  --seed-box-bleed-top: 0px;
  --seed-box-bleed-left: 0px;
  --seed-box-bleed-right: 0px;
  margin-top: calc(var(--seed-box-bleed-top) * -1);
  margin-bottom: calc(var(--seed-box-bleed-bottom) * -1);
  margin-left: calc(var(--seed-box-bleed-left) * -1);
  margin-right: calc(var(--seed-box-bleed-right) * -1);
  --seed-box-min-height: initial;
  --seed-box-max-height: initial;
  --seed-box-height: initial;
  --seed-box-min-width: initial;
  --seed-box-max-width: initial;
  --seed-box-width: initial;
  min-height: var(--seed-box-min-height);
  max-height: var(--seed-box-max-height);
  height: var(--seed-box-height);
  min-width: var(--seed-box-min-width);
  max-width: var(--seed-box-max-width);
  width: var(--seed-box-width);
  --seed-box-top: initial;
  --seed-box-bottom: initial;
  --seed-box-left: initial;
  --seed-box-right: initial;
  top: var(--seed-box-top);
  bottom: var(--seed-box-bottom);
  left: var(--seed-box-left);
  right: var(--seed-box-right);
  --seed-box-border-radius: initial;
  --seed-box-border-bottom-left-radius: var(--seed-box-border-radius);
  --seed-box-border-bottom-right-radius: var(--seed-box-border-radius);
  --seed-box-border-top-left-radius: var(--seed-box-border-radius);
  --seed-box-border-top-right-radius: var(--seed-box-border-radius);
  border-bottom-left-radius: var(--seed-box-border-bottom-left-radius);
  border-bottom-right-radius: var(--seed-box-border-bottom-right-radius);
  border-top-left-radius: var(--seed-box-border-top-left-radius);
  border-top-right-radius: var(--seed-box-border-top-right-radius);
  --seed-box-display: block;
  --seed-box-position: initial;
  display: var(--seed-box-display);
  position: var(--seed-box-position);
  --seed-box-unstable-transform: initial;
  transform: var(--seed-box-unstable-transform);
  --seed-box-z-index: initial;
  z-index: var(--seed-box-z-index);
  --seed-box-overflow-x: initial;
  --seed-box-overflow-y: initial;
  overflow-x: var(--seed-box-overflow-x);
  overflow-y: var(--seed-box-overflow-y);
  --seed-box-flex-grow: initial;
  --seed-box-flex-shrink: initial;
  flex-grow: var(--seed-box-flex-grow);
  flex-shrink: var(--seed-box-flex-shrink);
  --seed-box-flex-direction: initial;
  --seed-box-flex-wrap: initial;
  --seed-box-justify-content: initial;
  --seed-box-align-items: stretch;
  --seed-box-align-content: stretch;
  --seed-box-align-self: auto;
  --seed-box-gap: initial;
  flex-direction: var(--seed-box-flex-direction);
  flex-wrap: var(--seed-box-flex-wrap);
  justify-content: var(--seed-box-justify-content);
  align-items: var(--seed-box-align-items);
  align-content: var(--seed-box-align-content);
  align-self: var(--seed-box-align-self);
  gap: var(--seed-box-gap);
}

.seed-box:is(:active, [data-active]) {
  --seed-box-background--active: var(--seed-box-background);
  background: var(--seed-box-background--active);
}

.seed-consistent-width:before {
  content: attr(data-text);
  visibility: hidden;
  height: 0;
  font-weight: var(--seed-font-weight-regular);
  display: block;
}

.seed-consistent-width:after {
  content: attr(data-text);
  visibility: hidden;
  height: 0;
  font-weight: var(--seed-font-weight-bold);
  display: block;
}

:root, [data-seed-color-mode="system"] {
  color-scheme: light dark;
}

[data-seed-color-mode="light-only"] {
  color-scheme: light;
}

[data-seed-color-mode="dark-only"] {
  color-scheme: dark;
}

:root {
  --seed-dimension-x0_5: 2px;
  --seed-dimension-x1: 4px;
  --seed-dimension-x1_5: 6px;
  --seed-dimension-x2: 8px;
  --seed-dimension-x2_5: 10px;
  --seed-dimension-x3: 12px;
  --seed-dimension-x3_5: 14px;
  --seed-dimension-x4: 16px;
  --seed-dimension-x4_5: 18px;
  --seed-dimension-x5: 20px;
  --seed-dimension-x6: 24px;
  --seed-dimension-x7: 28px;
  --seed-dimension-x8: 32px;
  --seed-dimension-x9: 36px;
  --seed-dimension-x10: 40px;
  --seed-dimension-x12: 48px;
  --seed-dimension-x13: 52px;
  --seed-dimension-x14: 56px;
  --seed-dimension-x16: 64px;
  --seed-dimension-spacing-x-between-chips: var(--seed-dimension-x2);
  --seed-dimension-spacing-x-global-gutter: var(--seed-dimension-x4);
  --seed-dimension-spacing-y-component-default: var(--seed-dimension-x3);
  --seed-dimension-spacing-y-nav-to-title: var(--seed-dimension-x5);
  --seed-dimension-spacing-y-screen-bottom: var(--seed-dimension-x14);
  --seed-dimension-spacing-y-between-text: var(--seed-dimension-x1_5);
  --seed-duration-d1: 50ms;
  --seed-duration-d2: .1s;
  --seed-duration-d3: .15s;
  --seed-duration-d4: .2s;
  --seed-duration-d5: .25s;
  --seed-duration-d6: .3s;
  --seed-duration-color-transition: var(--seed-duration-d3);
  --seed-font-size-t1: clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min, .8)), calc(.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t2: clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min, .8)), calc(.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t3: clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min, .8)), calc(.8125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t4: clamp(calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-min, .8)), calc(.875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t5: clamp(calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-min, .8)), calc(1rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t6: clamp(calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-min, .8)), calc(1.125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t7: clamp(calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-min, .8)), calc(1.25rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t8: clamp(calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-min, .8)), calc(1.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t9: clamp(calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-min, .8)), calc(1.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t10: clamp(calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-min, .8)), calc(1.625rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-max, 1.5)));
  --seed-font-size-t1-static: 11px;
  --seed-font-size-t2-static: 12px;
  --seed-font-size-t3-static: 13px;
  --seed-font-size-t4-static: 14px;
  --seed-font-size-t5-static: 16px;
  --seed-font-size-t6-static: 18px;
  --seed-font-size-t7-static: 20px;
  --seed-font-size-t8-static: 22px;
  --seed-font-size-t9-static: 24px;
  --seed-font-size-t10-static: 26px;
  --seed-font-weight-regular: 400;
  --seed-font-weight-medium: 500;
  --seed-font-weight-bold: 700;
  --seed-line-height-t1: clamp(calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-min, .8)), calc(.9375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t2: clamp(calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-min, .8)), calc(1rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t3: clamp(calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-min, .8)), calc(1.125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t4: clamp(calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-min, .8)), calc(1.1875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t5: clamp(calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-min, .8)), calc(1.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t6: clamp(calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-min, .8)), calc(1.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t7: clamp(calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-min, .8)), calc(1.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t8: clamp(calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-min, .8)), calc(1.875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t9: clamp(calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-min, .8)), calc(2rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t10: clamp(calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-min, .8)), calc(2.1875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-max, 1.5)));
  --seed-line-height-t1-static: 15px;
  --seed-line-height-t2-static: 16px;
  --seed-line-height-t3-static: 18px;
  --seed-line-height-t4-static: 19px;
  --seed-line-height-t5-static: 22px;
  --seed-line-height-t6-static: 24px;
  --seed-line-height-t7-static: 27px;
  --seed-line-height-t8-static: 30px;
  --seed-line-height-t9-static: 32px;
  --seed-line-height-t10-static: 35px;
  --seed-radius-r0_5: 2px;
  --seed-radius-r1: 4px;
  --seed-radius-r1_5: 6px;
  --seed-radius-r2: 8px;
  --seed-radius-r2_5: 10px;
  --seed-radius-r3: 12px;
  --seed-radius-r3_5: 14px;
  --seed-radius-r4: 16px;
  --seed-radius-r5: 20px;
  --seed-radius-r6: 24px;
  --seed-radius-full: 9999px;
  --seed-timing-function-linear: cubic-bezier(0, 0, 1, 1);
  --seed-timing-function-easing: cubic-bezier(.35, 0, .35, 1);
  --seed-timing-function-enter: cubic-bezier(0, 0, .15, 1);
  --seed-timing-function-exit: cubic-bezier(.35, 0, 1, 1);
  --seed-timing-function-enter-expressive: cubic-bezier(.03, .4, .1, 1);
  --seed-timing-function-exit-expressive: cubic-bezier(.35, 0, .95, .55);
}

:root, :root[data-seed-color-mode="system"][data-seed-user-color-scheme="light"], :root[data-seed-color-mode="light-only"], :root [data-seed-color-mode="light-only"] {
  --seed-color-palette-blue-100: #eff6ff;
  --seed-color-palette-blue-200: #e2edfc;
  --seed-color-palette-blue-300: #cbdffa;
  --seed-color-palette-blue-400: #aacefd;
  --seed-color-palette-blue-500: #85b8fd;
  --seed-color-palette-blue-600: #5e98fe;
  --seed-color-palette-blue-700: #217cf9;
  --seed-color-palette-blue-800: #135fcd;
  --seed-color-palette-blue-900: #0b4596;
  --seed-color-palette-blue-1000: #032451;
  --seed-color-palette-carrot-100: #fff2ec;
  --seed-color-palette-carrot-200: #ffe8db;
  --seed-color-palette-carrot-300: #ffd5c0;
  --seed-color-palette-carrot-400: #ffb999;
  --seed-color-palette-carrot-500: #ff9364;
  --seed-color-palette-carrot-600: #f60;
  --seed-color-palette-carrot-700: #e14d00;
  --seed-color-palette-carrot-800: #b93901;
  --seed-color-palette-carrot-900: #862b00;
  --seed-color-palette-carrot-1000: #471601;
  --seed-color-palette-gray-00: #fff;
  --seed-color-palette-gray-100: #f7f8f9;
  --seed-color-palette-gray-200: #f3f4f5;
  --seed-color-palette-gray-300: #eeeff1;
  --seed-color-palette-gray-400: #dcdee3;
  --seed-color-palette-gray-500: #d1d3d8;
  --seed-color-palette-gray-600: #b0b3ba;
  --seed-color-palette-gray-700: #868b94;
  --seed-color-palette-gray-800: #555d6d;
  --seed-color-palette-gray-900: #2a3038;
  --seed-color-palette-gray-1000: #1a1c20;
  --seed-color-palette-green-100: #edfaf6;
  --seed-color-palette-green-200: #d9f6e9;
  --seed-color-palette-green-300: #b9e9d2;
  --seed-color-palette-green-400: #7ddcb3;
  --seed-color-palette-green-500: #42c593;
  --seed-color-palette-green-600: #10ab7d;
  --seed-color-palette-green-700: #079171;
  --seed-color-palette-green-800: #00745f;
  --seed-color-palette-green-900: #075445;
  --seed-color-palette-green-1000: #0a2b24;
  --seed-color-palette-purple-100: #f5f3fe;
  --seed-color-palette-purple-200: #efeafe;
  --seed-color-palette-purple-300: #e1d8ff;
  --seed-color-palette-purple-400: #d0c0ff;
  --seed-color-palette-purple-500: #b8a1ff;
  --seed-color-palette-purple-600: #9f84fb;
  --seed-color-palette-purple-700: #8969ea;
  --seed-color-palette-purple-800: #6d50cb;
  --seed-color-palette-purple-900: #50379b;
  --seed-color-palette-purple-1000: #29175d;
  --seed-color-palette-red-100: #fdf0f0;
  --seed-color-palette-red-200: #fde7e7;
  --seed-color-palette-red-300: #fed4d2;
  --seed-color-palette-red-400: #feb7b3;
  --seed-color-palette-red-500: #fe928d;
  --seed-color-palette-red-600: #fc6a66;
  --seed-color-palette-red-700: #fa342c;
  --seed-color-palette-red-800: #ca1d13;
  --seed-color-palette-red-900: #921708;
  --seed-color-palette-red-1000: #4a1209;
  --seed-color-palette-static-black: #000;
  --seed-color-palette-static-white: #fff;
  --seed-color-palette-static-black-alpha-100: #00000007;
  --seed-color-palette-static-black-alpha-200: #0000000c;
  --seed-color-palette-static-black-alpha-300: #00000010;
  --seed-color-palette-static-black-alpha-400: #00000021;
  --seed-color-palette-static-black-alpha-500: #0000002c;
  --seed-color-palette-static-black-alpha-600: #0000004c;
  --seed-color-palette-static-black-alpha-700: #00000074;
  --seed-color-palette-static-black-alpha-800: #000000a2;
  --seed-color-palette-static-black-alpha-900: #000000d0;
  --seed-color-palette-static-black-alpha-1000: #000000e3;
  --seed-color-palette-static-white-alpha-50: #ffffff0d;
  --seed-color-palette-static-white-alpha-100: #ffffff17;
  --seed-color-palette-static-white-alpha-200: #ffffff20;
  --seed-color-palette-static-white-alpha-300: #ffffff2e;
  --seed-color-palette-static-white-alpha-400: #ffffff3d;
  --seed-color-palette-static-white-alpha-500: #ffffff60;
  --seed-color-palette-static-white-alpha-600: #ffffff8b;
  --seed-color-palette-static-white-alpha-700: #ffffffb3;
  --seed-color-palette-static-white-alpha-800: #ffffffde;
  --seed-color-palette-static-white-alpha-900: #ffffffea;
  --seed-color-palette-static-white-alpha-1000: #fffffff4;
  --seed-color-palette-yellow-100: #fff7de;
  --seed-color-palette-yellow-200: #fdefb9;
  --seed-color-palette-yellow-300: #fbdc65;
  --seed-color-palette-yellow-400: #e9c647;
  --seed-color-palette-yellow-500: #d4ab28;
  --seed-color-palette-yellow-600: #c49725;
  --seed-color-palette-yellow-700: #9b7821;
  --seed-color-palette-yellow-800: #755b22;
  --seed-color-palette-yellow-900: #4f3e1f;
  --seed-color-palette-yellow-1000: #2c2512;
  --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
  --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
  --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
  --seed-color-fg-brand: var(--seed-color-palette-carrot-600);
  --seed-color-fg-informative: var(--seed-color-palette-blue-700);
  --seed-color-fg-critical: var(--seed-color-palette-red-700);
  --seed-color-fg-positive: var(--seed-color-palette-green-700);
  --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
  --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
  --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
  --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
  --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-00);
  --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
  --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
  --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
  --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
  --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-600);
  --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-700);
  --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
  --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
  --seed-color-bg-critical-solid: var(--seed-color-palette-red-700);
  --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-800);
  --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
  --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
  --seed-color-bg-informative-solid: var(--seed-color-palette-blue-700);
  --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-800);
  --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
  --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
  --seed-color-bg-magic-weak: #f9f2ee;
  --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
  --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-900);
  --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
  --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-300);
  --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
  --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
  --seed-color-bg-positive-solid: var(--seed-color-palette-green-700);
  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-800);
  --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
  --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-300);
  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-400);
  --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
  --seed-color-bg-transparent: #0000;
  --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-black-alpha-100);
  --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
  --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
  --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
  --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
  --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
  --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
  --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
  --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
  --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
  --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-black-alpha-300);
  --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-black-alpha-200);
  --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
  --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
  --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
  --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
  --seed-color-manner-temp-l1-text: #757b85;
  --seed-color-manner-temp-l2-text: #ab863f;
  --seed-color-manner-temp-l3-text: #e08a00;
  --seed-color-manner-temp-l4-text: #f57e00;
  --seed-color-manner-temp-l4-bg: #fff3e5;
  --seed-color-manner-temp-l5-text: #ff7300;
  --seed-color-manner-temp-l6-text: #f60;
  --seed-color-manner-temp-l1-bg: #f1f2f3;
  --seed-color-manner-temp-l2-bg: #f8f4ec;
  --seed-color-manner-temp-l3-bg: #fff5e5;
  --seed-color-manner-temp-l5-bg: #fff1e5;
  --seed-color-manner-temp-l6-bg: #fff0e5;
  --seed-color-manner-temp-l7-text: #ff5100;
  --seed-color-manner-temp-l7-bg: #ffefe5;
  --seed-color-manner-temp-l8-text: #f30;
  --seed-color-manner-temp-l9-text: #e82c45;
  --seed-color-manner-temp-l8-bg: #ffeee5;
  --seed-color-manner-temp-l9-bg: #fdeded;
  --seed-color-manner-temp-l10-text: #cb0123;
  --seed-color-manner-temp-l10-bg: #ffebee;
  --seed-gradient-fade-layer-floating: #fff0 0%, #000 100%;
  --seed-gradient-fade-layer-default: #000 0%, #fff0 100%;
  --seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
  --seed-gradient-glow-magic-pressed: #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;
  --seed-gradient-shimmer-neutral: #fff0 0%, #fff6 46%, #fff6 54%, #fff0 100%;
  --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f58a 46%, #fff9f58a 54%, #fff9f500 100%;
  --seed-gradient-highlight-magic-pressed: #e14f00 20%, #ae58bf 100%;
  --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
}

:root[data-seed-color-mode="system"][data-seed-user-color-scheme="dark"], :root[data-seed-color-mode="dark-only"], :root [data-seed-color-mode="dark-only"] {
  --seed-color-palette-blue-100: #202742;
  --seed-color-palette-blue-200: #1e3352;
  --seed-color-palette-blue-300: #1a4275;
  --seed-color-palette-blue-400: #0f559e;
  --seed-color-palette-blue-500: #1964d8;
  --seed-color-palette-blue-600: #1e82eb;
  --seed-color-palette-blue-700: #41a2f9;
  --seed-color-palette-blue-800: #83bcf9;
  --seed-color-palette-blue-900: #b9d7fb;
  --seed-color-palette-blue-1000: #e5f0fe;
  --seed-color-palette-carrot-100: #31241f;
  --seed-color-palette-carrot-200: #4b291c;
  --seed-color-palette-carrot-300: #6b311c;
  --seed-color-palette-carrot-400: #923600;
  --seed-color-palette-carrot-500: #bd4201;
  --seed-color-palette-carrot-600: #e65200;
  --seed-color-palette-carrot-700: #f60;
  --seed-color-palette-carrot-800: #ff9e65;
  --seed-color-palette-carrot-900: #eecebc;
  --seed-color-palette-carrot-1000: #f4eeea;
  --seed-color-palette-gray-00: #000;
  --seed-color-palette-gray-100: #16171b;
  --seed-color-palette-gray-200: #1d2025;
  --seed-color-palette-gray-300: #2b2e35;
  --seed-color-palette-gray-400: #393d46;
  --seed-color-palette-gray-500: #5b606a;
  --seed-color-palette-gray-600: #868b94;
  --seed-color-palette-gray-700: #b0b3ba;
  --seed-color-palette-gray-800: #dcdee3;
  --seed-color-palette-gray-900: #e9eaec;
  --seed-color-palette-gray-1000: #f3f4f5;
  --seed-color-palette-green-100: #202926;
  --seed-color-palette-green-200: #20362e;
  --seed-color-palette-green-300: #20493b;
  --seed-color-palette-green-400: #19604c;
  --seed-color-palette-green-500: #117956;
  --seed-color-palette-green-600: #1b946d;
  --seed-color-palette-green-700: #22b27f;
  --seed-color-palette-green-800: #35ce9a;
  --seed-color-palette-green-900: #93e5c0;
  --seed-color-palette-green-1000: #d4f6ef;
  --seed-color-palette-purple-100: #28213b;
  --seed-color-palette-purple-200: #3b2873;
  --seed-color-palette-purple-300: #443081;
  --seed-color-palette-purple-400: #5a3bb1;
  --seed-color-palette-purple-500: #764fd9;
  --seed-color-palette-purple-600: #8e6bee;
  --seed-color-palette-purple-700: #a78df0;
  --seed-color-palette-purple-800: #beadf2;
  --seed-color-palette-purple-900: #d9cefa;
  --seed-color-palette-purple-1000: #f0edfc;
  --seed-color-palette-red-100: #322323;
  --seed-color-palette-red-200: #4f2624;
  --seed-color-palette-red-300: #742826;
  --seed-color-palette-red-400: #a12621;
  --seed-color-palette-red-500: #ca2319;
  --seed-color-palette-red-600: #f73526;
  --seed-color-palette-red-700: #ff6e60;
  --seed-color-palette-red-800: #ffa299;
  --seed-color-palette-red-900: #f8c5c3;
  --seed-color-palette-red-1000: #fdf2f2;
  --seed-color-palette-static-black: #000;
  --seed-color-palette-static-white: #fff;
  --seed-color-palette-static-black-alpha-100: #00000007;
  --seed-color-palette-static-black-alpha-200: #0000000c;
  --seed-color-palette-static-black-alpha-300: #00000010;
  --seed-color-palette-static-black-alpha-400: #00000021;
  --seed-color-palette-static-black-alpha-500: #0000002c;
  --seed-color-palette-static-black-alpha-600: #0000004c;
  --seed-color-palette-static-black-alpha-700: #00000074;
  --seed-color-palette-static-black-alpha-800: #000000a2;
  --seed-color-palette-static-black-alpha-900: #000000d0;
  --seed-color-palette-static-black-alpha-1000: #000000e3;
  --seed-color-palette-static-white-alpha-50: #ffffff0d;
  --seed-color-palette-static-white-alpha-100: #ffffff17;
  --seed-color-palette-static-white-alpha-200: #ffffff20;
  --seed-color-palette-static-white-alpha-300: #ffffff2e;
  --seed-color-palette-static-white-alpha-400: #ffffff3d;
  --seed-color-palette-static-white-alpha-500: #ffffff60;
  --seed-color-palette-static-white-alpha-600: #ffffff8b;
  --seed-color-palette-static-white-alpha-700: #ffffffb3;
  --seed-color-palette-static-white-alpha-800: #ffffffde;
  --seed-color-palette-static-white-alpha-900: #ffffffea;
  --seed-color-palette-static-white-alpha-1000: #fffffff4;
  --seed-color-palette-yellow-100: #302819;
  --seed-color-palette-yellow-200: #413218;
  --seed-color-palette-yellow-300: #543e15;
  --seed-color-palette-yellow-400: #714e15;
  --seed-color-palette-yellow-500: #91601b;
  --seed-color-palette-yellow-600: #b6720d;
  --seed-color-palette-yellow-700: #ca901c;
  --seed-color-palette-yellow-800: #dab156;
  --seed-color-palette-yellow-900: #e5d49b;
  --seed-color-palette-yellow-1000: #f7f0cd;
  --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
  --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
  --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
  --seed-color-fg-brand: var(--seed-color-palette-carrot-700);
  --seed-color-fg-informative: var(--seed-color-palette-blue-700);
  --seed-color-fg-critical: var(--seed-color-palette-red-700);
  --seed-color-fg-positive: var(--seed-color-palette-green-700);
  --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
  --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
  --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
  --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
  --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-100);
  --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
  --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
  --seed-color-bg-disabled: var(--seed-color-palette-gray-300);
  --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
  --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-700);
  --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-800);
  --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
  --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
  --seed-color-bg-critical-solid: var(--seed-color-palette-red-600);
  --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-700);
  --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
  --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
  --seed-color-bg-informative-solid: var(--seed-color-palette-blue-600);
  --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-700);
  --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
  --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
  --seed-color-bg-magic-weak: #201f1f;
  --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-300);
  --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-1000);
  --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-300);
  --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-400);
  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-500);
  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-400);
  --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
  --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
  --seed-color-bg-positive-solid: var(--seed-color-palette-green-500);
  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-600);
  --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
  --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-800);
  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-900);
  --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
  --seed-color-bg-transparent: #fff0;
  --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-white-alpha-50);
  --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
  --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
  --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
  --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
  --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
  --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
  --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
  --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
  --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
  --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-white-alpha-100);
  --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-white-alpha-50);
  --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
  --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
  --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
  --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
  --seed-color-manner-temp-l1-text: #b8b8b9;
  --seed-color-manner-temp-l2-text: #f5db97;
  --seed-color-manner-temp-l3-text: #fdda65;
  --seed-color-manner-temp-l4-text: #fbbe55;
  --seed-color-manner-temp-l4-bg: #372301;
  --seed-color-manner-temp-l5-text: #faac4b;
  --seed-color-manner-temp-l6-text: #fc9855;
  --seed-color-manner-temp-l1-bg: #292929;
  --seed-color-manner-temp-l2-bg: #332605;
  --seed-color-manner-temp-l3-bg: #372b01;
  --seed-color-manner-temp-l5-bg: #371f01;
  --seed-color-manner-temp-l6-bg: #351b03;
  --seed-color-manner-temp-l7-text: #f97a25;
  --seed-color-manner-temp-l7-bg: #371701;
  --seed-color-manner-temp-l8-text: #fe6a34;
  --seed-color-manner-temp-l9-text: #fe6a5d;
  --seed-color-manner-temp-l8-bg: #380f00;
  --seed-color-manner-temp-l9-bg: #380500;
  --seed-color-manner-temp-l10-text: #fb6f82;
  --seed-color-manner-temp-l10-bg: #34040a;
  --seed-gradient-fade-layer-floating: #1d202500 0%, #000 100%;
  --seed-gradient-fade-layer-default: #000 0%, #16171b00 100%;
  --seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;
  --seed-gradient-glow-magic-pressed: #3e333e 0%, #51453e 80%, #434242 100%;
  --seed-gradient-shimmer-neutral: #fff0 0%, #ffffff1a 46%, #ffffff1a 54%, #fff0 100%;
  --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f51a 46%, #fff9f51a 54%, #fff9f500 100%;
  --seed-gradient-highlight-magic-pressed: #ff9e65 20%, #e89bee 100%;
  --seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
}

@keyframes seed-enter {
  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);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  to {
    opacity: 0;
  }
}

@keyframes drawer-slide-from-bottom {
  from {
    transform: translate3d(0, var(--initial-transform, 100%), 0);
  }

  to {
    transform: translate3d(0, var(--snap-point-height, 0), 0);
  }
}

@keyframes drawer-slide-to-bottom {
  to {
    transform: translate3d(0, var(--initial-transform, 100%), 0);
  }
}
/* vanilla-extract-css-ns:src/basicUIPlugin.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YUYvUMBDH3/dTBERQMKWprgc57pOIyLSZtnPXZHrp1FsUv7usuOfLrd10F065QB/60F/yHzqTH6T4Yu4/utvqtlTfN0ppPQk0d+3AD3oc5o6CrmGiRs+ka2juushzcLrhgaNVr9q2vT6dIg8dWjWHCWUJc+Sf2DB2Nbwp36nfT2G2b5cWkghhIiEO2s0R9i9WldMS1rAfZ0G3lodx1DVEXXN0GI/lL68W8z+10IVCTfQNrTLj7lSuR+p6sep9sY3o06hzM3sKK/enhsNjx1amMtWHdPTc+II7WRniD3r2f181wcfoC6ZJORmO4efG4a8Y9x9Y1ZNzGFIac4IWNUQETfsStPBoVXn6YDUcBChg1CM4R6GzyqR0uKDXHYxpVMtBDmdAYaqkkSbR0/CryKRRHCjg4xSbYrsoDxZhr6ceUQ6nVgRH83RaqZ4dDOtBDzv9QE56q0xZvr7e/NgUB1+a7MuX6cuy2KYbsyqunleZiQGyM7MzszP/PWcGjh6G/0+bNjLLJwcCf1NPjx5vmnnEKBT4czZsNmw2bDZsNmw2bDbs5QwLwUUml/36Qv2ab3yzW7Nbs1vzje8JYv0JCopajSEdAAA= */
._1q6dj2j0 {
  --stackflow-plugin-basic-ui-background-color: #fff;
  --stackflow-plugin-basic-ui-background-image: unset;
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;
  --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-image: unset;
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
  --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
  --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
  --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
  --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
  --stackflow-plugin-basic-ui-app-bar-line-height: 1.5;
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
}
._1q6dj2j1 {
  --stackflow-plugin-basic-ui-background-color: #fff;
  --stackflow-plugin-basic-ui-background-image: unset;
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
  --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-image: unset;
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
  --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
  --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
  --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
  --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
  --stackflow-plugin-basic-ui-app-bar-line-height: normal;
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
}
:root[data-stackflow-plugin-basic-ui-theme=cupertino] {
  --stackflow-plugin-basic-ui-background-color: #fff;
  --stackflow-plugin-basic-ui-background-image: unset;
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-size: 0.5px;
  --stackflow-plugin-basic-ui-app-bar-height: 2.75rem;
  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-min-height: 2.75rem;
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-image: unset;
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
  --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
  --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
  --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
  --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
  --stackflow-plugin-basic-ui-app-bar-line-height: normal;
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
}
:root[data-stackflow-plugin-basic-ui-theme=android] {
  --stackflow-plugin-basic-ui-background-color: #fff;
  --stackflow-plugin-basic-ui-background-image: unset;
  --stackflow-plugin-basic-ui-dim-background-color: rgba(0, 0, 0, 0.15);
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-color: rgba(0, 0, 0, 0.07);
  --stackflow-plugin-basic-ui-app-bar-border-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-border-size: 1px;
  --stackflow-plugin-basic-ui-app-bar-height: 3.5rem;
  --stackflow-plugin-basic-ui-app-bar-height-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-min-height: 3.5rem;
  --stackflow-plugin-basic-ui-app-bar-icon-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-text-color: #212124;
  --stackflow-plugin-basic-ui-app-bar-text-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-color: #fff;
  --stackflow-plugin-basic-ui-app-bar-background-color-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-background-image: unset;
  --stackflow-plugin-basic-ui-app-bar-background-image-transition-duration: 0s;
  --stackflow-plugin-basic-ui-app-bar-overflow: hidden;
  --stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top: 0px;
  --stackflow-plugin-basic-ui-app-bar-container-padding: 1rem;
  --stackflow-plugin-basic-ui-app-bar-item-gap: 1rem;
  --stackflow-plugin-basic-ui-app-bar-font-size: 1.125rem;
  --stackflow-plugin-basic-ui-app-bar-hit-slop: 0.5rem;
  --stackflow-plugin-basic-ui-app-bar-line-height: 1.5;
  --stackflow-plugin-basic-ui-bottom-sheet-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-border-radius: 1rem;
  --stackflow-plugin-basic-ui-modal-max-width: 100%;
}

/* vanilla-extract-css-ns:src/styles/f.css.ts.vanilla.css?source=LmRodGh4cTAgewogIHdpZHRoOiAxMDAlOwp9Ci5kaHRoeHExIHsKICBoZWlnaHQ6IDEwMCU7Cn0KLmRodGh4cTIgewogIHRvcDogMDsKfQouZGh0aHhxMyB7CiAgbGVmdDogMDsKfQouZGh0aHhxNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9Ci5kaHRoeHE1IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLmRodGh4cTcgewogIGRpc3BsYXk6IGZsZXg7Cn0KLmRodGh4cTggewogIGZsZXg6IDE7Cn0KLmRodGh4cTkgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLmRodGh4cWEgewogIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDsKfQouZGh0aHhxYiB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLmRodGh4cWMgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLmRodGh4cWQgewogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLmRodGh4cWUgewogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouZGh0aHhxZiB7CiAgY3Vyc29yOiBwb2ludGVyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmRodGh4cWcgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KLmRodGh4cWggewogIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Owp9Ci5kaHRoeHFpIHsKICBhcHBlYXJhbmNlOiBub25lOwogIGJvcmRlcjogMDsKICBwYWRkaW5nOiAwOwogIGJhY2tncm91bmQ6IG5vbmU7Cn0= */
.dhthxq0 {
  width: 100%;
}
.dhthxq1 {
  height: 100%;
}
.dhthxq2 {
  top: 0;
}
.dhthxq3 {
  left: 0;
}
.dhthxq4 {
  position: absolute;
}
.dhthxq5 {
  position: relative;
}
.dhthxq7 {
  display: flex;
}
.dhthxq8 {
  flex: 1;
}
.dhthxq9 {
  align-items: center;
}
.dhthxqa {
  align-items: flex-end;
}
.dhthxqb {
  justify-content: center;
}
.dhthxqc {
  overflow: hidden;
}
.dhthxqd {
  white-space: nowrap;
}
.dhthxqe {
  text-align: center;
}
.dhthxqf {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.dhthxqg {
  box-sizing: border-box;
}
.dhthxqh {
  box-sizing: content-box;
}
.dhthxqi {
  appearance: none;
  border: 0;
  padding: 0;
  background: none;
}

/* vanilla-extract-css-ns:src/components/AppScreen.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9WU3Y6bMBCF7/MUc1MJVByZ7Gbbem/6JtWAHeIANmtMflrtu1cY2ACB/Kx601yhjM/nM8djL3+FPNs8Pz1/gz8LgAjjNDG6UpzEOtOGwR6NR0hpMU43mT6QIqsSqUiEpYxJJQmXORmr/NfF+2LZkb9/kjxBHWBkjol4COMUQ3M/nDlrUJXSSq1Y873RJm/J3UrqB6ALjKU9XVQGSH5G1piWmKEVT9wLKf0SAA1gJNo5UctnQOtefxOpuDiy0XZhp3x74bvVjsIIshUy2VoGITUiH2bGIJNKoCGJQS6Fst6njjcAk0To0aaRuhdnaQHu92EHe86CcTHqFZvaIIBwChhfA/LrQDqIO3XFmYBXw4BDGMnuO9rWn3N4AepFkwZXV/ZySruFV0zQ4XBdjEg6MWfzKDdC8w3RuxuitxvqH/297TWYzOnP57e+/ShgUZAIDWnuiv/6D96AAHI09SZWFw/uT857E14ZrD+cpwI5lyqpkeMhXc8OaX5jPto5nR0RdU2/nn6+dHOEe2FcuycGZWx0ltVNkIOIUmnJR7UpSZUwsLqKt0MSY52gWRehcXAuyyLDEwOllRhIClc/pz8V1flZjDGL3V0FcrFu2NSb4x4kt1sG4XK1bt/TmWfjaahuXPfsPDSN827vxjg7P8uqKLSxJXjtMDHI8ejR4uj7gIr3/o+1Ki0q65W4EQSNQCJVKWydqe+7dkZ3bnTrnNkHXcJX5+deVS4VmbIX3HDvQn1/MBCh9v9nFrPGuxj+Ao0vfk33CQAA */
._1dlf4347 {
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
}
._1dlf4348 {
  background-color: var(--stackflow-plugin-basic-ui-background-color);
  background-image: var(--stackflow-plugin-basic-ui-background-image);
}
._1dlf4349 {
  transition: transform var(--_1dlf4340), opacity var(--_1dlf4340);
}
._1dlf434d {
  transform: translate3d(100%, 0, 0);
}
._1dlf434j {
  opacity: 0;
  z-index: var(--_1dlf4341);
}
._1q6dj2j0 ._1dlf434j {
  height: 10rem;
  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
}
._1dlf434a ._1dlf434j,
._1dlf434b ._1dlf434j {
  opacity: 1;
}
._1dlf434c ._1dlf434j,
._1dlf434d ._1dlf434j {
  opacity: 0;
}
._1dlf434k {
  z-index: var(--_1dlf4342);
}
._1q6dj2j1 ._1dlf434k {
  transform: translate3d(100%, 0, 0);
}
._1q6dj2j1 ._1dlf434a ._1dlf434k,
._1q6dj2j1 ._1dlf434b ._1dlf434k {
  transform: translate3d(0, 0, 0);
}
._1q6dj2j0 ._1dlf434k {
  opacity: 0;
  transform: translate3d(0, 10rem, 0);
}
._1q6dj2j0 ._1dlf434a ._1dlf434k,
._1q6dj2j0 ._1dlf434b ._1dlf434k {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
._1dlf434l {
  --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);
  transition:
    transform var(--_1dlf4340),
    opacity var(--_1dlf4340),
    margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
  padding-top: var(--_1dlf4345);
}
._1q6dj2j1 ._1dlf434m {
  transform: translate3d(0, 100%, 0);
}
._1q6dj2j0 ._1dlf434n {
  transform: translate3d(50%, 0, 0);
}
._1dlf434o {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
._1dlf434o::-webkit-scrollbar {
  display: none;
}
._1dlf434p {
  margin-top: var(--_1dlf4345);
  height: calc(100% - var(--_1dlf4345));
}
._1dlf434q {
  width: 1.25rem;
  z-index: var(--_1dlf4343);
}
._1dlf434r {
  top: var(--stackflow-plugin-basic-ui-app-bar-height);
  height: calc(100% - var(--stackflow-plugin-basic-ui-app-bar-height));
}
@supports (padding: max(0px)) and (padding: constant(safe-area-inset-top)) {
  ._1dlf434l {
    --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top)));
  }
}
@supports (padding: max(0px)) and (padding: env(safe-area-inset-top)) {
  ._1dlf434l {
    --_1dlf4345: calc(var(--stackflow-plugin-basic-ui-app-bar-height) + max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top)));
  }
}

/* vanilla-extract-css-ns:src/components/AppBar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1ZzZKjKhjd91Ow6apkSrqw89N3zG4Ws5vVfYApVFQ6CI6QdNK37rvfEmMEYxJJZ/rOwl6lFQ4f53wcPvDpp79fz/B8gcA/DwDklMOM0DRTAdjicgKhVDhaJ0y8wYJtUsphiCWN4IZCXBQwxCVs+0xXD/8+PDWIvkYUW1JW3YfjNT1stGeNFuJonZZiw2MYCSbK4ajdntOVDUdznJKb4HRPDfcOKY/JrkH56ccsmc/mc/1SlZhLqqjgwck0bp4FbFFhvClx9WPqnczr5mmdwxc7KDMci7fhyKKMSXkh6oPav5bx6/OrDzrCF6LhDodSsI0ip+1rtqNuVz1YIso8qH8yrMgsnvgIPXoAeQCN8gyQx2t5BEha5KMu46LAEVX7AKDVef6RB3xUknwUwF0A21/Q1GsoP3lTCfUADn+2YnUTbIjnXWwZGi2bhpba/mW1D0utP3Fm94A6MYDZaACfYQCGW88HM37VvQ2oUZabbMFa/Mai9nuX/9y70tYwgHnb9ILeaFxed9PxSP2iLoSPIQSAckkUQMUORJhFE+iDL65xSfpOplOAbprP2dJteSU5fIS22Zggn7b/X7WApYMFLB0t4Krfj9nyR2RLX3X24oG+xOgvuq43jo3Gww8Mi7Fc+x8S4MQjXno9ov+c8HJLVT9q+1u1rZX5SyvTXPXleDdxue6TOCEQlwRDXXtAJYqpByLBpcJcTfpea2HvOx7h23NDGTP9as106KjHC007G+vHjijXr7sMq63DLXAcU55CRhKHoCPBFaaclPDQX8ffYJVuDPSBGbRiK05HbKpIDlNcdCADkhdqr4FjKguG9wHggvdc9fXF8HGujFhCDe14x0wjwY3bZTNxmkU5QyiXHnCzshb3TCodSXBIcKqgZKLQvXNcppQHN5wfjjAd+gIcKbolnd396fkcL+j+pBjhEDunEkZ2K3d5FdkpQ95EcKUPTsMRjl00AKOcOH9tMTq1UbwdQELB4t9nWa4KtXw5OWAt1huNVRZURf9jNaPXjVQ02etlS7iqNaxiKNWqOQ7Td70CDttnKHbnfMMawd4ml/Vq6vnaAABmNOXau2QAIsIVKXtDa19pBnQ386mWLME5ZfsAVGwxAuVequou/BujfP0DR3/r/78LrqdXW9uipqKvgJrABXq0tthbNjpRfF4pcMfBhtUBiRbdYtKVK3v5XtYhxzt4yDDtqu5jgC9goaE6e+GFzO1P98R2v5CJaG1Rk9Yn7ypZ28+1hDFaSCo7Vkd5RkqqTqzn+NzAzT6wP/eXCJlriZB9pEzprRH+A4G80EAyHwAA */
._1yk3a450 {
  min-height: var(--stackflow-plugin-basic-ui-app-bar-min-height);
}
._1yk3a451 {
  overflow: var(--stackflow-plugin-basic-ui-app-bar-overflow);
}
._1yk3a452 {
  background-color: var(--stackflow-plugin-basic-ui-app-bar-background-color);
  background-image: var(--stackflow-plugin-basic-ui-app-bar-background-image);
  z-index: var(--_1dlf4344);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration);
}
._1q6dj2j1 ._1yk3a452 {
  position: absolute;
}
._1q6dj2j1 ._1dlf434c ._1yk3a452 {
  transform: translate3d(100%, 0, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform 0s;
}
._1q6dj2j0 ._1yk3a452 {
  opacity: 0;
  transform: translate3d(0, 10rem, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform var(--_1dlf4340),
    opacity var(--_1dlf4340);
}
._1q6dj2j0 ._1dlf434a ._1yk3a452,
._1q6dj2j0 ._1dlf434b ._1yk3a452 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
._1q6dj2j0 ._1yk3a453 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
._1q6dj2j0 ._1dlf434c ._1yk3a453 {
  transform: translate3d(100%, 0, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform 0s;
}
._1q6dj2j1 ._1yk3a454 {
  transform: translate3d(100%, 0, 0);
}
._1q6dj2j1 ._1dlf434c ._1yk3a454 {
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform var(--_1dlf4340);
}
._1q6dj2j1 ._1dlf434a ._1yk3a454,
._1q6dj2j1 ._1dlf434b ._1yk3a454 {
  transform: translate3d(0, 0, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform var(--_1dlf4340);
}
._1yk3a455 {
  box-shadow: inset 0px calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-border-size)) 0 var(--stackflow-plugin-basic-ui-app-bar-border-color);
}
._1q6dj2j1 ._1yk3a456 {
  transform: translate3d(0, 100vh, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform var(--_1dlf4340),
    opacity var(--_1dlf4340);
}
._1q6dj2j1 ._1dlf434a ._1yk3a456,
._1q6dj2j1 ._1dlf434b ._1yk3a456 {
  transform: translate3d(0, 0, 0);
}
._1q6dj2j1 ._1dlf434c ._1yk3a456 {
  transform: translate3d(0, 100vh, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform var(--_1dlf4340),
    opacity var(--_1dlf4340);
}
._1q6dj2j0 ._1yk3a457,
._1q6dj2j0 ._1dlf434c ._1yk3a457,
._1q6dj2j0 ._1dlf434d ._1yk3a457 {
  opacity: 0;
  transform: translate3d(50%, 0, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform var(--_1dlf4340),
    opacity var(--_1dlf4340);
}
._1q6dj2j0 ._1dlf434a ._1yk3a457,
._1q6dj2j0 ._1dlf434b ._1yk3a457 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    background-color var(--stackflow-plugin-basic-ui-app-bar-background-color-transition-duration),
    background-image var(--stackflow-plugin-basic-ui-app-bar-background-image-transition-duration),
    box-shadow var(--stackflow-plugin-basic-ui-app-bar-border-color-transition-duration),
    transform var(--_1dlf4340),
    opacity var(--_1dlf4340);
}
._1yk3a458 {
  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));
  height: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));
}
._1yk3a459 {
  height: var(--stackflow-plugin-basic-ui-app-bar-height);
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
}
._1q6dj2j0 ._1yk3a459 {
  padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
  padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
}
._1yk3a45a {
  padding-right: var(--stackflow-plugin-basic-ui-app-bar-item-gap);
}
._1yk3a45a:empty {
  display: none;
}
._1q6dj2j1 ._1yk3a45a {
  padding-left: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
}
._1yk3a45b {
  color: var(--stackflow-plugin-basic-ui-app-bar-icon-color);
  transition: opacity 300ms, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
  padding: var(--stackflow-plugin-basic-ui-app-bar-hit-slop);
  margin: calc(-1 * var(--stackflow-plugin-basic-ui-app-bar-hit-slop));
}
._1yk3a45b:active {
  opacity: 0.2;
  transition: opacity 0s, color var(--stackflow-plugin-basic-ui-app-bar-icon-color-transition-duration);
}
._1yk3a45e {
  display: flex;
  color: var(--stackflow-plugin-basic-ui-app-bar-text-color);
  font-size: var(--stackflow-plugin-basic-ui-app-bar-font-size);
  line-height: var(--stackflow-plugin-basic-ui-app-bar-line-height);
  font-weight: bold;
  transition: height var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration), color var(--stackflow-plugin-basic-ui-app-bar-text-color-transition-duration);
}
._1q6dj2j0 ._1yk3a45e {
  width: 100%;
  justify-content: flex-start;
  box-sizing: border-box;
}
._1q6dj2j1 ._1yk3a45e {
  width: var(--_1dlf4346);
  position: absolute;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont;
  left: 50%;
  transform: translate(-50%);
  height: var(--stackflow-plugin-basic-ui-app-bar-height);
  top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), constant(safe-area-inset-top));
  top: max(var(--stackflow-plugin-basic-ui-app-bar-min-safe-area-inset-top), env(safe-area-inset-top));
}
._1yk3a45f {
  left: 50%;
  height: var(--stackflow-plugin-basic-ui-app-bar-font-size);
  transform: translate(-50%);
  max-width: calc(var(--stackflow-plugin-basic-ui-app-bar-font-size) * 5);
  display: none;
  width: var(--_1dlf4346);
}
._1q6dj2j1 ._1yk3a45f {
  display: block;
}
._1yk3a45g {
  text-overflow: ellipsis;
  font-size: inherit;
  font-weight: inherit;
}
._1yk3a45h {
  padding-left: var(--stackflow-plugin-basic-ui-app-bar-item-gap);
}
._1yk3a45h:empty {
  display: none;
}
._1q6dj2j1 ._1yk3a45h {
  padding-right: var(--stackflow-plugin-basic-ui-app-bar-container-padding);
}

/* vanilla-extract-css-ns:src/components/BottomSheet.css.ts.vanilla.css?source=Ll8xaHQzOGgwMyB7CiAgdHJhbnNpdGlvbjogdmFyKC0tXzFodDM4aDAwKTsKfQouXzFodDM4aDA3IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApOwp9Ci5fMWh0MzhoMGQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktZGltLWJhY2tncm91bmQtY29sb3IpOwogIHotaW5kZXg6IHZhcigtLV8xaHQzOGgwMSk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMTsKfQouXzFodDM4aDA2IC5fMWh0MzhoMGQsIC5fMWh0MzhoMDcgLl8xaHQzOGgwZCB7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDBlIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGFja2Zsb3ctcGx1Z2luLWJhc2ljLXVpLWJhY2tncm91bmQtY29sb3IpOwogIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLXN0YWNrZmxvdy1wbHVnaW4tYmFzaWMtdWktYmFja2dyb3VuZC1pbWFnZSk7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgdmFyKC0tc3RhY2tmbG93LXBsdWdpbi1iYXNpYy11aS1ib3R0b20tc2hlZXQtYm9yZGVyLXJhZGl1cykgMCAwOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMTAwJSwgMCk7CiAgb3BhY2l0eTogMDsKfQouXzFodDM4aDA0IC5fMWh0MzhoMGUsIC5fMWh0MzhoMDUgLl8xaHQzOGgwZSB7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTsKICBvcGFjaXR5OiAxOwp9Ci5fMWh0MzhoMDYgLl8xaHQzOGgwZSwgLl8xaHQzOGgwNyAuXzFodDM4aDBlIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApICFpbXBvcnRhbnQ7CiAgb3BhY2l0eTogMCAhaW1wb3J0YW50Owp9 */
._1ht38h03 {
  transition: var(--_1ht38h00);
}
._1ht38h07 {
  transform: translate3d(100%, 0, 0);
}
._1ht38h0d {
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
  z-index: var(--_1ht38h01);
  opacity: 0;
}
._1ht38h04 ._1ht38h0d,
._1ht38h05 ._1ht38h0d {
  opacity: 1;
}
._1ht38h06 ._1ht38h0d,
._1ht38h07 ._1ht38h0d {
  opacity: 0;
}
._1ht38h0e {
  background-color: var(--stackflow-plugin-basic-ui-background-color);
  background-image: var(--stackflow-plugin-basic-ui-background-image);
  width: 100%;
  border-radius: var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) var(--stackflow-plugin-basic-ui-bottom-sheet-border-radius) 0 0;
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
._1ht38h04 ._1ht38h0e,
._1ht38h05 ._1ht38h0e {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
._1ht38h06 ._1ht38h0e,
._1ht38h07 ._1ht38h0e {
  transform: translate3d(0, 100%, 0) !important;
  opacity: 0 !important;
}

/* vanilla-extract-css-ns:src/components/Modal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51TQW6DMBC884q9VAIJWwZKkpLHVIvtECuAIwOFpurfqxhCIQI1zW3tnRnP2mP6HutLtuMRfDkAtcGyUrXSZQIfaFxChjbz9s63Q4fV9hd80KZI+jLHWkbCDRh78YH5MOcIy0mRnzKjm1IQrnNtbsdUNfLTIdctOedNpkqSYqU4aRQRqiD3LG/vAFyIKoXs7owGtqfPyFX9mQCbWniF0Yw/ljHMHY7UYErdLFG3a9TZqfLJwReHnmyqAjP5LxnLsDKtEvUxgetTXZcFdmTY+kuu0AJzMhK8nm4yVSbAIKSxkYU1qjtSHVHoNgF27oDRTXjtQUijrS1MlqLL+qT4wGgQe76F0niE7lag4Q0aBT2Uvq2p9temjZCGGBSqqR4dckayMpPEVxxz6Qb0sbzJpbzJ+180aM4VV2Iol2K4prjk8gfbkIMO+QMAAA== */
._5ozg8c3 {
  transition: var(--_5ozg8c0);
}
._5ozg8c7 {
  transform: translate3d(100%, 0, 0);
}
._5ozg8cd {
  background-color: var(--stackflow-plugin-basic-ui-dim-background-color);
  z-index: var(--_5ozg8c1);
  opacity: 0;
}
._5ozg8c4 ._5ozg8cd,
._5ozg8c5 ._5ozg8cd {
  opacity: 1;
}
._5ozg8c6 ._5ozg8cd,
._5ozg8c7 ._5ozg8cd {
  opacity: 0;
}
._5ozg8ce {
  background-color: var(--stackflow-plugin-basic-ui-background-color);
  background-image: var(--stackflow-plugin-basic-ui-background-image);
  width: 100%;
  max-width: var(--stackflow-plugin-basic-ui-modal-max-width);
  margin: 0 2.5rem;
  box-shadow:
    0px 0.625rem 2.375rem rgba(0, 0, 0, 0.15),
    0px .5625rem 2.875rem rgba(0, 0, 0, 0.12),
    0px .3125rem .9375rem rgba(0, 0, 0, 0.1);
  border-radius: var(--stackflow-plugin-basic-ui-modal-border-radius);
  transform: scale(1.1);
  opacity: 0;
}
._5ozg8c4 ._5ozg8ce,
._5ozg8c5 ._5ozg8ce {
  transform: scale(1);
  opacity: 1;
}
._5ozg8c6 ._5ozg8ce,
._5ozg8c7 ._5ozg8ce {
  transform: scale(1.1);
  opacity: 0;
}
/*# sourceMappingURL=index.css.map */
.seed-action-button {
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    text-transform: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    flex-shrink: 0;
    font-family: inherit;
    --seed-box-flex-grow: initial;
    flex-grow: var(--seed-box-flex-grow);
    --seed-box-min-width: initial;
    min-width: var(--seed-box-min-width);
    --seed-box-padding-bottom: initial;
    --seed-box-padding-top: initial;
    --seed-box-padding-left: initial;
    --seed-box-padding-right: initial;
    padding-top: var(--seed-box-padding-top);
    padding-bottom: var(--seed-box-padding-bottom);
    padding-left: var(--seed-box-padding-left);
    padding-right: var(--seed-box-padding-right);
    --seed-box-bleed-bottom: 0px;
    --seed-box-bleed-top: 0px;
    --seed-box-bleed-left: 0px;
    --seed-box-bleed-right: 0px;
    margin-top: calc(var(--seed-box-bleed-top) * -1);
    margin-bottom: calc(var(--seed-box-bleed-bottom) * -1);
    margin-left: calc(var(--seed-box-bleed-left) * -1);
    margin-right: calc(var(--seed-box-bleed-right) * -1);
}
.seed-action-button:is(:focus, [data-focus]) {
    outline: none;
}
.seed-action-button:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
}
.seed-action-button {
    transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
}
.seed-action-button--variant_brandSolid {
    background: var(--seed-color-bg-brand-solid);
    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);
    --track-color: var(--seed-color-palette-static-white-alpha-300);
    --range-color: var(--seed-color-palette-static-white);
}
.seed-action-button--variant_brandSolid:is(:active, [data-active]) {
    background: var(--seed-color-bg-brand-solid-pressed);
}
.seed-action-button--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--variant_brandSolid[data-loading] {
    background: var(--seed-color-bg-brand-solid-pressed);
}
.seed-action-button--variant_neutralSolid {
    background: var(--seed-color-bg-neutral-inverted);
    color: var(--seed-color-fg-neutral-inverted);
    font-weight: var(--seed-font-weight-bold);
    --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-300);
    --range-color: var(--seed-color-palette-static-white);
}
.seed-action-button--variant_neutralSolid:is(:active, [data-active]) {
    background: var(--seed-color-bg-neutral-inverted-pressed);
}
.seed-action-button--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--variant_neutralSolid[data-loading] {
    background: var(--seed-color-bg-neutral-inverted-pressed);
}
.seed-action-button--variant_neutralWeak {
    background: var(--seed-color-bg-neutral-weak);
    color: var(--seed-color-fg-neutral);
    font-weight: var(--seed-font-weight-bold);
    --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--variant_neutralWeak:is(:active, [data-active]) {
    background: var(--seed-color-bg-neutral-weak-pressed);
}
.seed-action-button--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--variant_neutralWeak[data-loading] {
    background: var(--seed-color-bg-neutral-weak-pressed);
}
.seed-action-button--variant_criticalSolid {
    background: var(--seed-color-bg-critical-solid);
    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);
    --track-color: var(--seed-color-palette-static-white-alpha-300);
    --range-color: var(--seed-color-palette-static-white);
}
.seed-action-button--variant_criticalSolid:is(:active, [data-active]) {
    background: var(--seed-color-bg-critical-solid-pressed);
}
.seed-action-button--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--variant_criticalSolid[data-loading] {
    background: var(--seed-color-bg-critical-solid-pressed);
}
.seed-action-button--variant_brandOutline {
    border-style: solid;
    background: var(--seed-color-bg-transparent);
    border-width: 1px;
    border-color: var(--seed-color-stroke-neutral-muted);
    color: var(--seed-color-fg-brand);
    font-weight: var(--seed-font-weight-bold);
    --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--variant_brandOutline:is(:active, [data-active]) {
    background: var(--seed-color-bg-transparent-pressed);
}
.seed-action-button--variant_brandOutline:is(:disabled, [disabled], [data-disabled]) {
    background: var(--seed-color-bg-transparent);
    border-color: var(--seed-color-stroke-neutral-muted);
    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--variant_brandOutline[data-loading] {
    background: var(--seed-color-bg-transparent);
}
.seed-action-button--variant_neutralOutline {
    border-style: solid;
    background: var(--seed-color-bg-transparent);
    border-width: 1px;
    border-color: var(--seed-color-stroke-neutral-muted);
    color: var(--seed-color-fg-neutral);
    font-weight: var(--seed-font-weight-bold);
    --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--variant_neutralOutline:is(:active, [data-active]) {
    background: var(--seed-color-bg-transparent-pressed);
}
.seed-action-button--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) {
    background: var(--seed-color-bg-transparent);
    border-color: var(--seed-color-stroke-neutral-muted);
    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--variant_neutralOutline[data-loading] {
    background: var(--seed-color-bg-transparent);
}
.seed-action-button--variant_ghost {
    background: #ffffff00;
    --seed-box-color: var(--seed-color-fg-neutral);
    color: var(--seed-box-color);
    --seed-prefix-icon-color: var(--seed-box-color);
    --seed-suffix-icon-color: var(--seed-box-color);
    --seed-icon-color: var(--seed-box-color);
    --seed-font-weight: var(--seed-font-weight-bold);
    font-weight: var(--seed-font-weight);
    --track-color: var(--seed-color-palette-gray-500);
    --range-color: var(--seed-color-fg-neutral);
}
.seed-action-button--variant_ghost:is(:active, [data-active]) {
    background: var(--seed-color-bg-transparent-pressed);
}
.seed-action-button--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
    background: #ffffff00;
    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--variant_ghost[data-loading] {
    background: var(--seed-color-bg-transparent-pressed);
}
.seed-action-button--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--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--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--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--layout_withText {}
.seed-action-button--layout_iconOnly {}
.seed-action-button--size_xsmall-layout_withText {
    gap: var(--seed-dimension-x1);
    --seed-box-padding-left: var(--seed-dimension-x3_5);
    --seed-box-padding-right: var(--seed-dimension-x3_5);
    --seed-box-padding-top: var(--seed-dimension-x1_5);
    --seed-box-padding-bottom: var(--seed-dimension-x1_5);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-action-button--size_xsmall-layout_iconOnly {
    min-width: var(--seed-dimension-x8);
    --seed-box-padding-left: var(--seed-dimension-x1_5);
    --seed-box-padding-right: var(--seed-dimension-x1_5);
    --seed-box-padding-top: var(--seed-dimension-x1_5);
    --seed-box-padding-bottom: var(--seed-dimension-x1_5);
}
.seed-action-button--size_small-layout_withText {
    gap: var(--seed-dimension-x1);
    --seed-box-padding-left: var(--seed-dimension-x3_5);
    --seed-box-padding-right: var(--seed-dimension-x3_5);
    --seed-box-padding-top: var(--seed-dimension-x2);
    --seed-box-padding-bottom: var(--seed-dimension-x2);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-action-button--size_small-layout_iconOnly {
    min-width: var(--seed-dimension-x9);
    --seed-box-padding-left: var(--seed-dimension-x2);
    --seed-box-padding-right: var(--seed-dimension-x2);
    --seed-box-padding-top: var(--seed-dimension-x2);
    --seed-box-padding-bottom: var(--seed-dimension-x2);
}
.seed-action-button--size_medium-layout_withText {
    gap: var(--seed-dimension-x1_5);
    --seed-box-padding-left: var(--seed-dimension-x4);
    --seed-box-padding-right: var(--seed-dimension-x4);
    --seed-box-padding-top: var(--seed-dimension-x2_5);
    --seed-box-padding-bottom: var(--seed-dimension-x2_5);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-action-button--size_medium-layout_iconOnly {
    min-width: var(--seed-dimension-x10);
    --seed-box-padding-left: var(--seed-dimension-x2_5);
    --seed-box-padding-right: var(--seed-dimension-x2_5);
    --seed-box-padding-top: var(--seed-dimension-x2_5);
    --seed-box-padding-bottom: var(--seed-dimension-x2_5);
}
.seed-action-button--size_large-layout_withText {
    gap: var(--seed-dimension-x2);
    --seed-box-padding-left: var(--seed-dimension-x5);
    --seed-box-padding-right: var(--seed-dimension-x5);
    --seed-box-padding-top: var(--seed-dimension-x3_5);
    --seed-box-padding-bottom: var(--seed-dimension-x3_5);
    font-size: var(--seed-font-size-t6);
    line-height: var(--seed-line-height-t6);
}
.seed-action-button--size_large-layout_iconOnly {
    min-width: var(--seed-dimension-x13);
    --seed-box-padding-left: var(--seed-dimension-x3_5);
    --seed-box-padding-right: var(--seed-dimension-x3_5);
    --seed-box-padding-top: var(--seed-dimension-x3_5);
    --seed-box-padding-bottom: var(--seed-dimension-x3_5);
}.seed-article {
    user-select: text;
    word-break: normal;
    overflow-wrap: break-word;
    line-break: strict;
}
.seed-article:lang(ko) {
    word-break: keep-all;
}.seed-avatar__root {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    border-radius: var(--seed-radius-full);
    width: var(--avatar-size);
    height: var(--avatar-size);
}
.seed-avatar__root:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: var(--seed-radius-full);
    box-shadow: inset 0 0 0 var(--avatar-stroke-width) var(--seed-color-stroke-neutral-subtle);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>'), var(--svg-mask-uri);
    -webkit-mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
    -webkit-mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: source-out;
    mask-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>'), var(--svg-mask-uri);
    mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
    mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
    mask-repeat: no-repeat;
    mask-composite: subtract;
    transform: translateZ(0);
}
.seed-avatar__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>'), var(--svg-mask-uri);
    -webkit-mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
    -webkit-mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: source-out;
    mask-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>'), var(--svg-mask-uri);
    mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
    mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
    mask-repeat: no-repeat;
    mask-composite: subtract;
    transform: translateZ(0);
}
.seed-avatar__image:not([data-loading-state='loaded']) {
    display: none;
}
.seed-avatar__fallback {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: var(--seed-radius-full);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>'), var(--svg-mask-uri);
    -webkit-mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
    -webkit-mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: source-out;
    mask-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>'), var(--svg-mask-uri);
    mask-size: 100% 100%, var(--badge-mask-size) var(--badge-mask-size);
    mask-position: 0 0, var(--badge-mask-offset) var(--badge-mask-offset);
    mask-repeat: no-repeat;
    mask-composite: subtract;
    transform: translateZ(0);
}
.seed-avatar__fallback[data-loading-state='loaded'] {
    display: none;
}
.seed-avatar__badge {
    box-sizing: border-box;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    top: var(--badge-offset);
    left: var(--badge-offset);
    width: var(--badge-size);
    height: var(--badge-size);
}
.seed-avatar__root--size_20 {
    --avatar-size: 20px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 0px;
    --badge-mask-offset: 0px;
}
.seed-avatar__badge--size_20 {
    display: none;
}
.seed-avatar__root--size_24 {
    --avatar-size: 24px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 12px;
    --badge-mask-offset: 14px;
}
.seed-avatar__badge--size_24 {
    --badge-size: 10px;
    --badge-offset: 15px;
}
.seed-avatar__root--size_36 {
    --avatar-size: 36px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 18px;
    --badge-mask-offset: 20px;
}
.seed-avatar__badge--size_36 {
    --badge-size: 14px;
    --badge-offset: 22px;
}
.seed-avatar__root--size_42 {
    --avatar-size: 42px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 20px;
    --badge-mask-offset: 24px;
}
.seed-avatar__badge--size_42 {
    --badge-size: 16px;
    --badge-offset: 26px;
}
.seed-avatar__root--size_48 {
    --avatar-size: 48px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 22px;
    --badge-mask-offset: 28px;
}
.seed-avatar__badge--size_48 {
    --badge-size: 18px;
    --badge-offset: 30px;
}
.seed-avatar__root--size_64 {
    --avatar-size: 64px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 26px;
    --badge-mask-offset: 40px;
}
.seed-avatar__badge--size_64 {
    --badge-size: 22px;
    --badge-offset: 42px;
}
.seed-avatar__root--size_80 {
    --avatar-size: 80px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 32px;
    --badge-mask-offset: 52px;
}
.seed-avatar__badge--size_80 {
    --badge-size: 28px;
    --badge-offset: 54px;
}
.seed-avatar__root--size_96 {
    --avatar-size: 96px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 38px;
    --badge-mask-offset: 62px;
}
.seed-avatar__badge--size_96 {
    --badge-size: 32px;
    --badge-offset: 65px;
}
.seed-avatar__root--size_108 {
    --avatar-size: 108px;
    --avatar-stroke-width: 1px;
    --badge-mask-size: 44px;
    --badge-mask-offset: 70px;
}
.seed-avatar__badge--size_108 {
    --badge-size: 36px;
    --badge-offset: 74px;
}
.seed-avatar__root--badgeMask_none {
    --svg-mask-uri: url('data:image/svg+xml;utf8,<svg />');
}
.seed-avatar__root--badgeMask_circle {
    --svg-mask-uri: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="white"/></svg>');
}
.seed-avatar__badge--badgeMask_circle {
    border-radius: 9999px;
}
.seed-avatar__root--badgeMask_flower {
    --svg-mask-uri: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path shape-rendering="crispEdges" fill-rule="evenodd" clip-rule="evenodd" d="M29.9115 8C28.4089 5.42609 25.682 4.02087 22.8994 4.10435C21.5637 1.68348 19.0037 0 15.9985 0C12.9933 0 10.4333 1.65565 9.09762 4.10435C6.32893 4.03478 3.60197 5.42609 2.09936 8C0.596754 10.5739 0.76371 13.6348 2.19675 16C0.749797 18.3652 0.596754 21.4261 2.09936 24C3.60197 26.5739 6.32893 27.9791 9.11154 27.8957C10.4472 30.3165 13.0072 32 16.0124 32C19.0176 32 21.5776 30.3443 22.9133 27.8957C25.682 27.9652 28.4089 26.5739 29.9115 24C31.4141 21.4261 31.2472 18.3652 29.8141 16C31.2611 13.6348 31.4141 10.5739 29.9115 8Z" fill="white"/></svg>');
}
.seed-avatar__root--badgeMask_shield {
    --svg-mask-uri: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.137 31.4527C18.1171 31.4616 18.0943 31.4721 18.0531 31.491C18.046 31.4943 18.0356 31.4994 18.0221 31.5059C17.8282 31.5996 16.9959 32.0019 16.0001 32C15.0096 32.002 14.1895 31.6075 13.986 31.5096L13.8629 31.4527C13.5452 31.3105 13.1039 31.1059 12.5795 30.8436C11.541 30.3242 10.1273 29.554 8.68691 28.5676C7.2706 27.5976 5.67543 26.3154 4.39746 24.7323C3.12739 23.159 1.92743 20.9794 1.92743 18.3179V7.77468C1.92743 6.02645 3.02031 4.4647 4.66276 3.86583L14.5747 0.25173C15.4953 -0.0839101 16.5047 -0.0839101 17.4252 0.25173L27.3372 3.86583C28.9796 4.4647 30.0725 6.02646 30.0725 7.77468V18.3179C30.0725 20.9794 28.8726 23.159 27.6025 24.7323C26.3245 26.3154 24.7294 27.5976 23.313 28.5676C21.8727 29.554 20.4589 30.3242 19.4205 30.8436C18.8961 31.1059 18.4547 31.3106 18.137 31.4527Z" fill="white"/></svg>');
}.seed-avatar-stack__root {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center
}
.seed-avatar-stack__item {
    display: block;
    border-radius: var(--seed-radius-full);
    background-clip: padding-box
}
.seed-avatar-stack__item--size_20:not(:first-child) {
    margin-left: -5px
}
.seed-avatar-stack__item--size_20 {
    clip-path: inset(-1px);
    box-shadow: 0 0 0 1px 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(-1px);
    box-shadow: 0 0 0 1px 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(-2px);
    box-shadow: 0 0 0 2px var(--seed-color-bg-layer-default)
}
.seed-avatar-stack__item--size_42:not(:first-child) {
    margin-left: -10px
}
.seed-avatar-stack__item--size_42 {
    clip-path: inset(-2px);
    box-shadow: 0 0 0 2px var(--seed-color-bg-layer-default)
}
.seed-avatar-stack__item--size_48:not(:first-child) {
    margin-left: -12px
}
.seed-avatar-stack__item--size_48 {
    clip-path: inset(-2px);
    box-shadow: 0 0 0 2px var(--seed-color-bg-layer-default)
}
.seed-avatar-stack__item--size_64:not(:first-child) {
    margin-left: -16px
}
.seed-avatar-stack__item--size_64 {
    clip-path: inset(-3px);
    box-shadow: 0 0 0 3px var(--seed-color-bg-layer-default)
}
.seed-avatar-stack__item--size_80:not(:first-child) {
    margin-left: -20px
}
.seed-avatar-stack__item--size_80 {
    clip-path: inset(-4px);
    box-shadow: 0 0 0 4px var(--seed-color-bg-layer-default)
}
.seed-avatar-stack__item--size_96:not(:first-child) {
    margin-left: -24px
}
.seed-avatar-stack__item--size_96 {
    clip-path: inset(-5px);
    box-shadow: 0 0 0 5px var(--seed-color-bg-layer-default)
}
.seed-avatar-stack__item--size_108:not(:first-child) {
    margin-left: -27px
}
.seed-avatar-stack__item--size_108 {
    clip-path: inset(-5px);
    box-shadow: 0 0 0 5px var(--seed-color-bg-layer-default)
}.seed-badge__root {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    text-transform: none;
    text-align: start;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none
}
.seed-badge__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.seed-badge__root--size_medium {
    max-width: 7.5rem;
    min-height: var(--seed-dimension-x5);
    padding-left: var(--seed-dimension-x1_5);
    padding-right: var(--seed-dimension-x1_5);
    padding-top: var(--seed-dimension-x0_5);
    padding-bottom: var(--seed-dimension-x0_5);
    border-radius: var(--seed-radius-r1);
    font-size: var(--seed-font-size-t1);
    line-height: var(--seed-line-height-t1)
}
.seed-badge__root--size_large {
    max-width: 6.75rem;
    min-height: var(--seed-dimension-x6);
    padding-left: var(--seed-dimension-x2);
    padding-right: var(--seed-dimension-x2);
    padding-top: var(--seed-dimension-x1);
    padding-bottom: var(--seed-dimension-x1);
    border-radius: var(--seed-radius-r1_5);
    font-size: var(--seed-font-size-t2);
    line-height: var(--seed-line-height-t2)
}
.seed-badge__root--variant_weak {
    font-weight: var(--seed-font-weight-medium)
}
.seed-badge__root--variant_solid {
    font-weight: var(--seed-font-weight-bold)
}
.seed-badge__root--variant_outline {
    font-weight: var(--seed-font-weight-bold)
}
.seed-badge__root--tone_neutral-variant_weak {
    background-color: var(--seed-color-bg-neutral-weak);
    color: var(--seed-color-fg-neutral-muted)
}
.seed-badge__root--tone_neutral-variant_solid {
    background-color: var(--seed-color-palette-gray-800);
    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-muted);
    color: var(--seed-color-fg-neutral-muted)
}
.seed-badge__root--tone_brand-variant_weak {
    background-color: var(--seed-color-bg-brand-weak);
    color: var(--seed-color-fg-brand-contrast)
}
.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-weak);
    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-weak);
    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-weak);
    color: var(--seed-color-fg-positive)
}
.seed-badge__root--tone_warning-variant_weak {
    background-color: var(--seed-color-bg-warning-weak);
    color: var(--seed-color-fg-warning-contrast)
}
.seed-badge__root--tone_warning-variant_solid {
    background-color: var(--seed-color-bg-warning-solid);
    color: var(--seed-color-palette-static-black-alpha-900)
}
.seed-badge__root--tone_warning-variant_outline {
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-warning-weak);
    color: var(--seed-color-fg-warning)
}
.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-weak);
    color: var(--seed-color-fg-critical)
}.seed-bottom-sheet__positioner {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overscroll-behavior-y: none;
    --sheet-z-index: 2;
    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
}
.seed-bottom-sheet__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--seed-color-bg-overlay);
    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
}
.seed-bottom-sheet__backdrop:is([data-state="open"], [data-open])[data-snap-points='false'] {
    animation-name: fade-in;
    animation-duration: var(--seed-duration-d6);
    animation-timing-function: var(--seed-timing-function-enter);
}
.seed-bottom-sheet__backdrop:not(:is([data-state="open"], [data-open]))[data-snap-points='false'] {
    animation-name: fade-out;
    animation-duration: var(--seed-duration-d4);
    animation-timing-function: var(--seed-timing-function-exit);
}
.seed-bottom-sheet__backdrop[data-snap-points='true'] {
    opacity: 0;
}
.seed-bottom-sheet__backdrop:not(:is([data-state="open"], [data-open]))[data-snap-points='true']:not([data-snap-points-overlay='true']) {
    opacity: 0;
}
.seed-bottom-sheet__backdrop:is([data-state="open"], [data-open])[data-snap-points-overlay='true'] {
    opacity: 1;
}
.seed-bottom-sheet__backdrop:is([data-state="open"], [data-open])[data-snap-points='true'][data-should-overlay-animate='true'] {
    animation-name: fade-in;
    animation-duration: var(--seed-duration-d6);
    animation-timing-function: var(--seed-timing-function-enter);
}
.seed-bottom-sheet__content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    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-r6);
    border-top-right-radius: var(--seed-radius-r6);
    touch-action: none;
    will-change: transform;
    transition: transform var(--seed-duration-d6) var(--seed-timing-function-enter-expressive);
    animation-duration: var(--seed-duration-d6);
    animation-timing-function: var(--seed-timing-function-enter-expressive);
}
.seed-bottom-sheet__content:is([data-state="open"], [data-open])[data-snap-points='false'] {
    animation-name: drawer-slide-from-bottom;
    animation-duration: var(--seed-duration-d6);
    animation-timing-function: var(--seed-timing-function-enter-expressive);
}
.seed-bottom-sheet__content:not(:is([data-state="open"], [data-open]))[data-snap-points='false'] {
    animation-name: drawer-slide-to-bottom;
    animation-duration: var(--seed-duration-d4);
    animation-timing-function: var(--seed-timing-function-exit);
}
.seed-bottom-sheet__content[data-snap-points='true'] {
    transform: translate3d(0, var(--initial-transform, 100%), 0);
}
.seed-bottom-sheet__content:is([data-state="open"], [data-open])[data-delayed-snap-points='true'] {
    animation-name: drawer-slide-from-bottom;
    animation-duration: var(--seed-duration-d6);
    animation-timing-function: var(--seed-timing-function-enter-expressive);
}
.seed-bottom-sheet__content[data-delayed-snap-points='true'] {
    transform: translate3d(0, var(--snap-point-height, 0), 0);
}
.seed-bottom-sheet__content::after {
    top: 100%;
    height: 200vh;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: inherit;
    z-index: -1;
}
.seed-bottom-sheet__header {
    display: flex;
    flex-direction: column;
    gap: var(--seed-dimension-x2);
    padding-top: var(--seed-dimension-x6);
    padding-bottom: var(--seed-dimension-x4);
}
.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-t5);
    line-height: var(--seed-line-height-t5);
    font-weight: var(--seed-font-weight-regular);
    margin: 0;
    white-space: pre-wrap;
}
.seed-bottom-sheet__body {
    display: flex;
    flex-direction: column;
    --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-left: var(--seed-box-padding-x);
    padding-right: 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);
}
.seed-bottom-sheet__footer {
    display: flex;
    flex-direction: column;
    padding-left: var(--seed-dimension-spacing-x-global-gutter);
    padding-right: var(--seed-dimension-spacing-x-global-gutter);
    padding-top: var(--seed-dimension-x3);
    padding-bottom: var(--seed-dimension-x4);
}
.seed-bottom-sheet__closeButton {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    top: var(--seed-dimension-x5);
    right: var(--seed-dimension-x5);
    border-radius: var(--seed-radius-full);
    background: var(--seed-color-bg-neutral-weak);
    width: 28px;
    height: 28px;
    cursor: pointer;
    --seed-icon-size: 14px;
    --seed-icon-color: var(--seed-color-fg-neutral);
}
.seed-bottom-sheet__closeButton:after {
    content: "";
    position: absolute;
    top: calc((28px - 44px) / 2);
    right: calc((28px - 44px) / 2);
    bottom: calc((28px - 44px) / 2);
    left: calc((28px - 44px) / 2);
}
.seed-bottom-sheet__header--headerAlign_left {
    justify-content: flex-start;
    padding-left: var(--seed-dimension-spacing-x-global-gutter);
    padding-right: 50px;
}
.seed-bottom-sheet__header--headerAlign_center {
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
}.seed-bottom-sheet-handle__root {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 4px;
    background-color: var(--seed-color-palette-gray-400);
    border-radius: 9999px;
    transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
    touch-action: pan-y;
}
.seed-bottom-sheet-handle__root:is(:active, [data-active]) {
    background-color: var(--seed-color-palette-gray-500);
}
.seed-bottom-sheet-handle__touchArea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    touch-action: inherit;
}.seed-callout__root {
    border: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: inherit;
    font-size: unset;
    display: flex;
    align-items: center;
    text-align: start;
    width: 100%;
    min-height: 50px;
    padding-left: var(--seed-dimension-x3_5);
    padding-right: var(--seed-dimension-x3_5);
    padding-top: var(--seed-dimension-x3_5);
    padding-bottom: var(--seed-dimension-x3_5);
    gap: var(--seed-dimension-x3);
    border-radius: var(--seed-radius-r2_5);
    text-decoration: none;
    --seed-prefix-icon-size: var(--seed-dimension-x4);
    --seed-suffix-icon-size: var(--seed-dimension-x4);
}
.seed-callout__root:is(button, a) {
    cursor: pointer;
}
.seed-callout__content {
    margin-right: auto;
    line-height: var(--seed-line-height-t4);
}
.seed-callout__title {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
    font-weight: var(--seed-font-weight-bold);
}
.seed-callout__title::after {
    content: "  ";
    white-space: pre;
}
.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__description:not(:last-child)::after {
    content: "  ";
    white-space: pre;
}
.seed-callout__link {
    font-family: inherit;
    display: inline-block;
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
    font-weight: var(--seed-font-weight-regular);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.seed-callout__closeButton {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--seed-dimension-x10);
    height: var(--seed-dimension-x10);
    margin: calc((var(--seed-dimension-x10) - var(--seed-dimension-x4)) * -0.5);
}
.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, a):is(:active, [data-active]) {
    background-color: var(--seed-color-bg-neutral-weak-pressed);
}
.seed-callout__title--tone_neutral {
    color: var(--seed-color-fg-neutral);
}
.seed-callout__description--tone_neutral {
    color: var(--seed-color-fg-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, a):is(:active, [data-active]) {
    background-color: var(--seed-color-bg-informative-weak-pressed);
}
.seed-callout__title--tone_informative {
    color: var(--seed-color-fg-informative-contrast);
}
.seed-callout__description--tone_informative {
    color: var(--seed-color-fg-informative-contrast);
}
.seed-callout__link--tone_informative {
    color: var(--seed-color-fg-informative-contrast);
}
.seed-callout__root--tone_positive {
    background-color: var(--seed-color-bg-positive-weak);
    --seed-prefix-icon-color: var(--seed-color-fg-positive-contrast);
    --seed-suffix-icon-color: var(--seed-color-fg-positive-contrast);
}
.seed-callout__root--tone_positive:is(button, a):is(:active, [data-active]) {
    background-color: var(--seed-color-bg-positive-weak-pressed);
}
.seed-callout__title--tone_positive {
    color: var(--seed-color-fg-positive-contrast);
}
.seed-callout__description--tone_positive {
    color: var(--seed-color-fg-positive-contrast);
}
.seed-callout__link--tone_positive {
    color: var(--seed-color-fg-positive-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, a):is(:active, [data-active]) {
    background-color: var(--seed-color-bg-warning-weak-pressed);
}
.seed-callout__title--tone_warning {
    color: var(--seed-color-fg-warning-contrast);
}
.seed-callout__description--tone_warning {
    color: var(--seed-color-fg-warning-contrast);
}
.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, a):is(:active, [data-active]) {
    background-color: var(--seed-color-bg-critical-weak-pressed);
}
.seed-callout__title--tone_critical {
    color: var(--seed-color-fg-critical-contrast);
}
.seed-callout__description--tone_critical {
    color: var(--seed-color-fg-critical-contrast);
}
.seed-callout__link--tone_critical {
    color: var(--seed-color-fg-critical-contrast);
}
.seed-callout__root--tone_magic {
    background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic));
    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
    --seed-suffix-icon-color: var(--seed-color-fg-neutral);
}
.seed-callout__root--tone_magic:is(button, a):is(:active, [data-active]) {
    background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
}
.seed-callout__title--tone_magic {
    color: var(--seed-color-fg-neutral);
}
.seed-callout__description--tone_magic {
    color: var(--seed-color-fg-neutral);
}
.seed-callout__link--tone_magic {
    color: var(--seed-color-fg-neutral);
}.seed-chip__root {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    border: none;
    text-transform: none;
    text-align: start;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: inherit;
    flex-shrink: 0;
    line-height: 1;
    border-radius: var(--seed-radius-full);
    transition-duration: var(--seed-duration-color-transition);
    transition-timing-function: var(--seed-timing-function-easing);
    transition-property: background-color, color, border-color, box-shadow;
}
.seed-chip__root:is(:focus, [data-focus]) {
    outline: none;
}
.seed-chip__root:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
}
.seed-chip__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--seed-font-weight-medium);
    padding-left: var(--seed-dimension-x1_5);
    padding-right: var(--seed-dimension-x1_5);
}
.seed-chip__prefixIcon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding-left: var(--seed-dimension-x1_5);
}
.seed-chip__prefixAvatar {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.seed-chip__suffixIcon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding-right: var(--seed-dimension-x1_5);
}
.seed-chip__root--variant_solid {
    background: var(--seed-color-bg-neutral-weak);
    --seed-icon-color: var(--seed-color-fg-neutral);
}
.seed-chip__root--variant_solid:is(:checked, [data-checked]) {
    box-shadow: none;
    background: var(--seed-color-bg-neutral-inverted);
    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
}
.seed-chip__root--variant_solid:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
    background: var(--seed-color-bg-neutral-weak-pressed);
}
.seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
    background: var(--seed-color-bg-neutral-inverted-pressed);
}
.seed-chip__root--variant_solid:is(:disabled, [disabled], [data-disabled]) {
    opacity: 0.5;
}
.seed-chip__label--variant_solid {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__label--variant_solid:is(:checked, [data-checked]) {
    color: var(--seed-color-fg-neutral-inverted);
}
.seed-chip__prefixIcon--variant_solid {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__suffixIcon--variant_solid {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__root--variant_outlineStrong {
    background: var(--seed-color-bg-transparent);
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
    --seed-icon-color: var(--seed-color-fg-neutral);
}
.seed-chip__root--variant_outlineStrong:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
    background: var(--seed-color-bg-transparent-pressed);
}
.seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]) {
    background: var(--seed-color-bg-neutral-inverted);
    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
}
.seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
    background: var(--seed-color-bg-neutral-inverted-pressed);
}
.seed-chip__root--variant_outlineStrong:is(:disabled, [disabled], [data-disabled]) {
    opacity: 0.5;
}
.seed-chip__label--variant_outlineStrong {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__label--variant_outlineStrong:is(:checked, [data-checked]) {
    color: var(--seed-color-fg-neutral-inverted);
}
.seed-chip__prefixIcon--variant_outlineStrong {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__suffixIcon--variant_outlineStrong {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__root--variant_outlineWeak {
    background: var(--seed-color-bg-transparent);
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
    --seed-icon-color: var(--seed-color-fg-neutral);
}
.seed-chip__root--variant_outlineWeak:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
    background: var(--seed-color-bg-transparent-pressed);
}
.seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]) {
    background: var(--seed-color-bg-neutral-weak);
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-contrast);
}
.seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
    background: var(--seed-color-bg-neutral-weak-pressed);
}
.seed-chip__root--variant_outlineWeak:is(:disabled, [disabled], [data-disabled]) {
    opacity: 0.5;
}
.seed-chip__label--variant_outlineWeak {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__prefixIcon--variant_outlineWeak {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__suffixIcon--variant_outlineWeak {
    color: var(--seed-color-fg-neutral);
}
.seed-chip__root--size_large {
    height: 40px;
    padding-left: var(--seed-dimension-x2_5);
    padding-right: var(--seed-dimension-x2_5);
    --seed-icon-size: var(--seed-dimension-x4);
}
.seed-chip__label--size_large {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-chip__prefixIcon--size_large {
    --seed-icon-size: var(--seed-dimension-x4);
}
.seed-chip__suffixIcon--size_large {
    --seed-icon-size: var(--seed-dimension-x4);
}
.seed-chip__root--size_medium {
    height: 36px;
    padding-left: var(--seed-dimension-x2);
    padding-right: var(--seed-dimension-x2);
    --seed-icon-size: var(--seed-dimension-x4);
}
.seed-chip__label--size_medium {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-chip__prefixIcon--size_medium {
    --seed-icon-size: var(--seed-dimension-x4);
}
.seed-chip__suffixIcon--size_medium {
    --seed-icon-size: var(--seed-dimension-x3_5);
}
.seed-chip__root--size_small {
    height: 32px;
    padding-left: var(--seed-dimension-x1_5);
    padding-right: var(--seed-dimension-x1_5);
    --seed-icon-size: var(--seed-dimension-x3_5);
}
.seed-chip__label--size_small {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-chip__prefixIcon--size_small {
    --seed-icon-size: var(--seed-dimension-x3_5);
}
.seed-chip__suffixIcon--size_small {
    --seed-icon-size: var(--seed-dimension-x3_5);
}
.seed-chip__root--size_small-layout_iconOnly {
    min-width: var(--seed-dimension-x8);
}
.seed-chip__root--size_medium-layout_iconOnly {
    min-width: var(--seed-dimension-x9);
}
.seed-chip__root--size_large-layout_iconOnly {
    min-width: var(--seed-dimension-x10);
}.seed-dialog__positioner {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overscroll-behavior-y: none;
    --dialog-z-index: 2;
    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
}
.seed-dialog__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--seed-color-bg-overlay);
    z-index: calc(var(--dialog-z-index) + var(--layer-index, 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);
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.seed-dialog__content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    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-floating);
    max-width: 272px;
    margin: auto var(--seed-dimension-x8);
    border-radius: var(--seed-radius-r5);
}
.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);
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.seed-dialog__header {
    display: flex;
    flex-direction: column;
    padding-left: var(--seed-dimension-x5);
    padding-right: var(--seed-dimension-x5);
    padding-top: var(--seed-dimension-x5);
    gap: var(--seed-dimension-x1_5);
}
.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);
    margin: 0;
    white-space: pre-wrap;
}
.seed-dialog__footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-left: var(--seed-dimension-x5);
    padding-right: var(--seed-dimension-x5);
    padding-top: var(--seed-dimension-x4);
    padding-bottom: var(--seed-dimension-x5);
}.seed-field__root {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--seed-dimension-x2);
}
.seed-field__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: var(--seed-dimension-x0_5);
    padding-right: var(--seed-dimension-x0_5);
    gap: var(--seed-dimension-x2_5);
}
.seed-field__footer {
    display: flex;
    align-items: flex-start;
    padding-left: var(--seed-dimension-x0_5);
    padding-right: var(--seed-dimension-x0_5);
    gap: var(--seed-dimension-x2);
}
.seed-field__description {
    display: flex;
    color: var(--seed-color-fg-neutral-subtle);
    font-weight: var(--seed-font-weight-regular);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
    --seed-prefix-icon-size: var(--seed-dimension-x4);
    --seed-prefix-icon-color: var(--seed-color-fg-neutral-subtle);
    --seed-prefix-icon-margin-right: var(--seed-dimension-x1_5);
    --seed-prefix-icon-margin-top: calc((var(--seed-line-height-t4) - var(--seed-dimension-x4)) / 2);
}
.seed-field__errorMessage {
    display: flex;
    color: var(--seed-color-fg-critical);
    font-weight: var(--seed-font-weight-regular);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
    --seed-prefix-icon-size: var(--seed-dimension-x4);
    --seed-prefix-icon-color: var(--seed-color-fg-critical);
    --seed-prefix-icon-margin-right: var(--seed-dimension-x1_5);
    --seed-prefix-icon-margin-top: calc((var(--seed-line-height-t4) - var(--seed-dimension-x4)) / 2);
}
.seed-field__characterCountArea {
    margin-left: auto;
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-field__characterCount {
    color: var(--seed-color-fg-neutral);
    font-weight: var(--seed-font-weight-regular);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-field__characterCount[data-empty]:not(:is(:invalid, [data-invalid])) {
    color: var(--seed-color-fg-neutral-subtle);
}
.seed-field__characterCount:is(:invalid, [data-invalid]) {
    color: var(--seed-color-fg-critical);
}
.seed-field__maxCharacterCount {
    color: var(--seed-color-fg-neutral-subtle);
    font-weight: var(--seed-font-weight-regular);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-field__maxCharacterCount:is(:invalid, [data-invalid]) {
    color: var(--seed-color-fg-critical);
}.seed-field-label__root {
    color: var(--seed-color-fg-neutral);
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5)
}
.seed-field-label__indicatorText {
    display: inline;
    vertical-align: bottom;
    padding-left: 0.25rem;
    color: var(--seed-color-fg-neutral-subtle);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t5);
    font-weight: var(--seed-font-weight-regular)
}
.seed-field-label__indicatorIcon {
    display: inline;
    vertical-align: top;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: 0.25rem;
    margin-left: 0.125rem;
    color: var(--seed-color-fg-critical)
}
.seed-field-label__root--weight_medium {
    font-weight: var(--seed-font-weight-medium)
}
.seed-field-label__root--weight_bold {
    font-weight: var(--seed-font-weight-bold)
}.seed-identity-placeholder__root {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 100%;
    height: 100%;
    background-color: var(--seed-color-palette-gray-400)
}
.seed-identity-placeholder__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    fill: #f7f8fa
}.seed-list-item__root {
    box-sizing: border-box;
    border: none;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    display: flex;
    width: 100%;
    isolation: isolate;
    padding-left: var(--seed-dimension-spacing-x-global-gutter);
    padding-right: var(--seed-dimension-spacing-x-global-gutter);
    padding-top: var(--seed-dimension-x3);
    padding-bottom: var(--seed-dimension-x3);
    --seed-box-align-items: center;
    align-items: var(--seed-box-align-items);
}
.seed-list-item__prefix {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    --seed-box-padding-right: var(--seed-dimension-x3);
    padding-right: var(--seed-box-padding-right);
    --seed-icon-size: 22px;
    --seed-icon-color: var(--seed-color-fg-neutral);
}
.seed-list-item__prefix:is(:disabled, [disabled], [data-disabled]) {
    --seed-icon-color: var(--seed-color-fg-disabled);
}
.seed-list-item__suffix {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    --seed-box-position: initial;
    position: var(--seed-box-position);
    --seed-box-gap: var(--seed-dimension-x1);
    gap: var(--seed-box-gap);
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
    font-weight: var(--seed-font-weight-regular);
    color: var(--seed-color-fg-neutral-subtle);
    --seed-icon-size: 18px;
    --seed-icon-color: var(--seed-color-fg-neutral-subtle);
}
.seed-list-item__suffix:is(:disabled, [disabled], [data-disabled]) {
    --seed-icon-color: var(--seed-color-fg-disabled);
}
.seed-list-item__content {
    display: inline-flex;
    box-sizing: border-box;
    text-align: start;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    background-color: transparent;
    border: none;
    font-family: inherit;
    --seed-box-gap: var(--seed-dimension-x0_5);
    gap: var(--seed-box-gap);
    --seed-box-padding-right: var(--seed-dimension-x2_5);
    padding: 0 var(--seed-box-padding-right) 0 0;
    text-decoration: none;
}
.seed-list-item__content::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.seed-list-item__content::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition-property: background-color, left, right, border-radius;
    transition-duration: var(--seed-duration-color-transition);
    transition-timing-function: var(--seed-timing-function-easing);
}
.seed-list-item__content:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active])::before {
    background-color: var(--seed-color-bg-transparent-pressed);
    left: var(--seed-dimension-x1_5);
    right: var(--seed-dimension-x1_5);
    border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
}
.seed-list-item__content:not(:is(:disabled, [disabled], [data-disabled]))[data-active]::before {
    background-color: var(--seed-color-bg-transparent-pressed);
    left: var(--seed-dimension-x1_5);
    right: var(--seed-dimension-x1_5);
    border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
}
.seed-list-item__title {
    flex-shrink: 0;
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
    font-weight: var(--seed-font-weight-medium);
    color: var(--seed-color-fg-neutral);
}
.seed-list-item__title:is(:disabled, [disabled], [data-disabled]) {
    color: var(--seed-color-fg-disabled);
}
.seed-list-item__detail {
    font-size: var(--seed-font-size-t3);
    line-height: var(--seed-line-height-t3);
    font-weight: var(--seed-font-weight-regular);
    color: var(--seed-color-fg-neutral-subtle);
}
.seed-list-item__detail:is(:disabled, [disabled], [data-disabled]) {
    color: var(--seed-color-fg-disabled);
}
.seed-list-item__content--highlighted_true::before {
    background-color: var(--seed-color-bg-brand-weak);
}
.seed-list-item__content--highlighted_true:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active])::before {
    background-color: var(--seed-color-bg-brand-weak-pressed);
}
.seed-list-item__content--highlighted_true:not(:is(:disabled, [disabled], [data-disabled]))[data-active]::before {
    background-color: var(--seed-color-bg-brand-weak-pressed);
}.seed-list-header {
    display: flex;
    align-items: center;
    width: 100%;
    gap: var(--seed-dimension-x2_5);
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: var(--seed-dimension-spacing-x-global-gutter);
    padding-right: var(--seed-dimension-spacing-x-global-gutter);
    padding-top: var(--seed-dimension-x2);
    padding-bottom: var(--seed-dimension-x2);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4)
}
.seed-list-header--variant_mediumWeak {
    font-weight: var(--seed-font-weight-medium);
    color: var(--seed-color-fg-neutral-subtle)
}
.seed-list-header--variant_boldSolid {
    font-weight: var(--seed-font-weight-bold);
    color: var(--seed-color-fg-neutral)
}.seed-menu-sheet__positioner {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overscroll-behavior-y: none;
    --sheet-z-index: 2;
    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
}
.seed-menu-sheet__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--seed-color-bg-overlay);
    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
}
.seed-menu-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);
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.seed-menu-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-menu-sheet__content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    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-left: var(--seed-dimension-spacing-x-global-gutter);
    padding-right: var(--seed-dimension-spacing-x-global-gutter);
    padding-top: var(--seed-dimension-x4);
    padding-bottom: var(--seed-dimension-x4);
    border-top-left-radius: var(--seed-radius-r5);
    border-top-right-radius: var(--seed-radius-r5);
}
.seed-menu-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);
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 100%;
    --seed-exit-opacity: 1;
    --seed-exit-scale: 1;
}
.seed-menu-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-menu-sheet__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--seed-dimension-x1);
    padding-bottom: var(--seed-dimension-x4);
}
.seed-menu-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);
    margin: 0;
}
.seed-menu-sheet__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--seed-dimension-x2_5);
}
.seed-menu-sheet__group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    border-radius: var(--seed-radius-r4);
}
.seed-menu-sheet__footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: var(--seed-dimension-x2_5);
}
.seed-menu-sheet__closeButton {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--seed-color-bg-neutral-weak);
    min-height: 52px;
    padding-left: var(--seed-dimension-x5);
    padding-right: var(--seed-dimension-x5);
    padding-top: var(--seed-dimension-x3_5);
    padding-bottom: var(--seed-dimension-x3_5);
    border-radius: var(--seed-radius-r3);
    border: none;
    font-family: inherit;
    outline: none;
    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);
}
.seed-menu-sheet__closeButton:is(:active, [data-active]) {
    background-color: var(--seed-color-bg-neutral-weak-pressed);
}.seed-menu-sheet-item {
    display: flex;
    align-items: center;
    background-color: var(--seed-color-bg-neutral-weak);
    min-height: 52px;
    padding-left: var(--seed-dimension-x4);
    padding-right: var(--seed-dimension-x4);
    padding-top: var(--seed-dimension-x3_5);
    padding-bottom: var(--seed-dimension-x3_5);
    gap: var(--seed-dimension-x3_5);
    box-shadow: inset 0 calc(-1 * 1px) 0 var(--seed-color-stroke-neutral-muted);
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
    font-weight: var(--seed-font-weight-regular);
    border: none;
    font-family: inherit;
    outline: none;
}
.seed-menu-sheet-item:is(:active, [data-active]) {
    background-color: var(--seed-color-bg-neutral-weak-pressed);
}
.seed-menu-sheet-item:last-child {
    box-shadow: none;
}
.seed-menu-sheet-item {
    --seed-prefix-icon-size: 22px;
}
.seed-menu-sheet-item--tone_neutral {
    color: var(--seed-color-fg-neutral);
    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
}
.seed-menu-sheet-item--tone_critical {
    color: var(--seed-color-fg-critical);
    --seed-prefix-icon-color: var(--seed-color-fg-critical);
}
.seed-menu-sheet-item--labelAlign_left {
    justify-content: flex-start;
}
.seed-menu-sheet-item--labelAlign_center {
    justify-content: center;
}.seed-notification-badge {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-transform: none;
    text-align: start;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    background-color: var(--seed-color-bg-brand-solid);
    color: var(--seed-color-palette-static-white)
}
.seed-notification-badge--size_small {
    width: 6px;
    height: 6px;
    border-radius: var(--seed-radius-full)
}
.seed-notification-badge--size_large {
    min-height: 18px;
    border-radius: var(--seed-radius-full);
    padding-left: var(--seed-dimension-x1);
    padding-right: var(--seed-dimension-x1);
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: var(--seed-font-size-t1);
    line-height: var(--seed-line-height-t1);
    font-weight: var(--seed-font-weight-bold)
}.seed-notification-badge-positioner {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    position: absolute
}
.seed-notification-badge-positioner--attach_icon {
    translate: 100% -100%;
    bottom: auto;
    left: auto
}
.seed-notification-badge-positioner--attach_text {
    translate: 100% 0%;
    bottom: auto;
    left: auto
}
.seed-notification-badge-positioner--size_small {}
.seed-notification-badge-positioner--size_large {}
.seed-notification-badge-positioner--size_large-attach_icon {
    top: 14px;
    right: 8px
}
.seed-notification-badge-positioner--size_small-attach_icon {
    top: 7px;
    right: 7px
}
.seed-notification-badge-positioner--size_large-attach_text {
    right: calc(-1 * 2px)
}
.seed-notification-badge-positioner--size_small-attach_text {
    right: calc(-1 * 2px)
}.seed-progress-circle__root {
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
}
.seed-progress-circle__root[data-progress-state=indeterminate] {
    animation: rotate 1.2s cubic-bezier(0.35, 0.25, 0.65, 0.75) infinite;
}
.seed-progress-circle__track {
    stroke: var(--track-color);
}
.seed-progress-circle__range {
    stroke: var(--range-color);
    stroke-linecap: round;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.15, 1);
    transition-property: stroke-dasharray;
}
.seed-progress-circle__range[data-progress-state=indeterminate] {
    animation: 
          progress-circle-head 1.2s cubic-bezier(0.35, 0, 0.65, 1) infinite normal none running,
          progress-circle-tail 1.2s cubic-bezier(0.35, 0, 0.65, 0.6) infinite normal none running
        ;
}
.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-300);
    --range-color: var(--seed-color-palette-static-white);
}
.seed-progress-circle__root--tone_inherit {}
.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-progress-circle__root--size_inherit {}.seed-pull-to-refresh__root {
    --ptr-size: 44px;
    --ptr-transition-duration: var(--seed-duration-d6);
    height: 100%;
}
.seed-pull-to-refresh__indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(min(calc(var(--ptr-displacement, 0) - var(--ptr-size)), 0px));
    transition: transform var(--seed-duration-d6);
}
.seed-pull-to-refresh__indicator[data-ptr-dragging] {
    transition: none;
}.seed-segmented-control__root {
    display: grid;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    padding: var(--seed-dimension-x1);
    border-radius: var(--seed-radius-full);
    background-color: var(--seed-color-bg-neutral-weak);
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    align-items: center;
    isolation: isolate;
}
.seed-segmented-control__indicator {
    position: absolute;
    z-index: -1;
    will-change: transform;
    transform: translateX(calc(var(--segment-index) * 100%));
    top: var(--seed-dimension-x1);
    bottom: var(--seed-dimension-x1);
    left: 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-palette-gray-00);
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
    transition: transform var(--seed-duration-d4) var(--seed-timing-function-easing);
}
.seed-segmented-control__item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    overflow-wrap: break-word;
    min-width: 86px;
    min-height: 34px;
    gap: var(--seed-dimension-x1_5);
    height: 100%;
    padding-left: var(--seed-dimension-x6);
    padding-right: var(--seed-dimension-x6);
    padding-top: var(--seed-dimension-x1_5);
    padding-bottom: var(--seed-dimension-x1_5);
    border-radius: var(--seed-radius-full);
    font-weight: var(--seed-font-weight-bold);
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
    color: var(--seed-color-fg-neutral-subtle);
    transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
}
.seed-segmented-control__item:is(:checked, [data-checked]) {
    color: var(--seed-color-fg-neutral);
}
.seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--seed-color-fg-disabled);
}
.seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
    background-color: var(--seed-color-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
}
.seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
    background-color: var(--seed-color-palette-gray-100);
}
.seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):not(:is(:checked, [data-checked])):is(:active, [data-active]) {
    background-color: var(--seed-color-bg-neutral-weak-pressed);
}.seed-skeleton {
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    --seed-box-width: initial;
    --seed-box-height: initial;
    width: var(--seed-box-width);
    height: var(--seed-box-height);
}
.seed-skeleton::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    animation-fill-mode: forwards;
    animation-name: slide-x;
    animation-duration: 1.5s;
    animation-timing-function: var(--seed-timing-function-easing);
    animation-iteration-count: infinite;
}
.seed-skeleton--radius_0 {
    border-radius: 0px;
}
.seed-skeleton--radius_8 {
    border-radius: 8px;
}
.seed-skeleton--radius_16 {
    border-radius: 16px;
}
.seed-skeleton--radius_full {
    border-radius: var(--seed-radius-full);
}
.seed-skeleton--tone_neutral {
    background: var(--seed-color-palette-gray-200);
}
.seed-skeleton--tone_neutral::after {
    background-image: linear-gradient(90deg, var(--seed-gradient-shimmer-neutral));
}
.seed-skeleton--tone_magic {
    background: var(--seed-color-bg-magic-weak);
}
.seed-skeleton--tone_magic::after {
    background-image: linear-gradient(90deg, var(--seed-gradient-shimmer-magic));
}.seed-snackbar__root {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 560px;
    background: var(--seed-color-bg-neutral-inverted);
    border-radius: var(--seed-radius-r2);
    padding-left: var(--seed-dimension-x2_5);
    padding-right: var(--seed-dimension-x2_5);
    padding-top: var(--seed-dimension-x2_5);
    padding-bottom: var(--seed-dimension-x2_5);
    min-height: 44px;
    animation: seed-enter;
    animation-timing-function: var(--seed-timing-function-enter);
    animation-duration: var(--seed-duration-d3);
    --seed-enter-translate-x: 0;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 0;
    --seed-enter-scale: 0.8;
}
.seed-snackbar__root:not([data-open]) {
    animation: seed-exit;
    animation-timing-function: var(--seed-timing-function-exit);
    animation-duration: var(--seed-duration-d2);
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 0.8;
}
.seed-snackbar__content {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    padding-left: var(--seed-dimension-x1_5);
    padding-right: var(--seed-dimension-x1_5);
    gap: var(--seed-dimension-x2_5);
}
.seed-snackbar__message {
    margin: 0;
    color: var(--seed-color-fg-neutral-inverted);
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
    font-weight: var(--seed-font-weight-regular);
}
.seed-snackbar__prefixIcon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    padding-right: var(--seed-dimension-x0_5);
}
.seed-snackbar__actionButton {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: unset;
    text-decoration: none;
    outline: none;
    flex-shrink: 0;
    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);
}
.seed-snackbar__actionButton:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(-1 * var(--seed-dimension-x2));
    right: calc(-1 * var(--seed-dimension-x2));
    min-height: 44px;
    background: transparent;
}
.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 {
    z-index: 2147483647;
    display: flex;
    flex-direction: column;
    align-items: center;
    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-left: var(--seed-dimension-x2);
    padding-right: var(--seed-dimension-x2);
    padding-top: var(--seed-dimension-x2);
    padding-bottom: var(--seed-dimension-x2);
    transition-property: bottom;
    transition-duration: var(--seed-duration-d4);
    transition-timing-function: var(--seed-timing-function-easing)
}.seed-tabs__root {
    position: relative;
}
.seed-tabs__list {
    display: flex;
    position: relative;
    isolation: isolate;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.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-muted);
}
.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;
    transform: translate3d(0, 0, 0);
    overflow-y: auto;
    overflow-x: hidden;
}
.seed-tabs__content[data-ssr]:not(:is(:selected, [data-selected])) {
    display: none;
}
.seed-tabs__content:not([data-carousel]):not(:is(:selected, [data-selected])) {
    display: none;
}
.seed-tabs__indicator {
    position: absolute;
    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);
    bottom: 0;
}
.seed-tabs__indicator[data-ssr] {
    display: none;
}
.seed-tabs__trigger {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    white-space: nowrap;
    color: var(--seed-color-fg-neutral-subtle);
}
.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: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: var(--seed-color-fg-neutral);
}
.seed-tabs__list--triggerLayout_fill {
    padding-left: 0px;
    padding-right: 0px;
    justify-content: space-around;
}
.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__trigger--triggerLayout_fill:is(:selected, [data-selected])[data-ssr]:after {
    left: var(--seed-dimension-spacing-x-global-gutter);
    right: var(--seed-dimension-spacing-x-global-gutter);
}
.seed-tabs__list--triggerLayout_hug {
    padding-left: var(--seed-dimension-spacing-x-global-gutter);
    padding-right: 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__trigger--triggerLayout_hug:is(:selected, [data-selected])[data-ssr]:after {
    left: 0;
    right: 0;
}
.seed-tabs__root--contentLayout_fill {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.seed-tabs__carousel--contentLayout_fill {
    flex: 1;
}
.seed-tabs__carouselCamera--contentLayout_fill {
    height: 100%;
    align-items: stretch;
}
.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-left: var(--seed-dimension-x2_5);
    padding-right: var(--seed-dimension-x2_5);
    padding-top: var(--seed-dimension-x2_5);
    padding-bottom: 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-left: var(--seed-dimension-x2_5);
    padding-right: var(--seed-dimension-x2_5);
    padding-top: var(--seed-dimension-x2_5);
    padding-bottom: 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 {
    position: sticky;
    top: 0;
    z-index: 1;
}.seed-tag-group__root {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
}
.seed-tag-group__separator {
    color: var(--seed-color-palette-gray-600);
    font-weight: var(--seed-font-weight-regular);
    white-space: pre;
    user-select: none
}
.seed-tag-group__separator--size_t2 {
    font-size: var(--seed-font-size-t2);
    line-height: var(--seed-line-height-t2)
}
.seed-tag-group__separator--size_t3 {
    font-size: var(--seed-font-size-t3);
    line-height: var(--seed-line-height-t3)
}
.seed-tag-group__separator--size_t4 {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4)
}.seed-tag-group-item {
    display: flex;
    align-items: center;
    gap: var(--seed-dimension-x0_5)
}
.seed-tag-group-item--size_t2 {
    font-size: var(--seed-font-size-t2);
    line-height: var(--seed-line-height-t2);
    --seed-icon-size: var(--seed-dimension-x3);
    --seed-prefix-icon-size: var(--seed-dimension-x3);
    --seed-suffix-icon-size: var(--seed-dimension-x3)
}
.seed-tag-group-item--size_t3 {
    font-size: var(--seed-font-size-t3);
    line-height: var(--seed-line-height-t3);
    --seed-icon-size: 13px;
    --seed-prefix-icon-size: 13px;
    --seed-suffix-icon-size: 13px
}
.seed-tag-group-item--size_t4 {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
    --seed-icon-size: var(--seed-dimension-x3_5);
    --seed-prefix-icon-size: var(--seed-dimension-x3_5);
    --seed-suffix-icon-size: var(--seed-dimension-x3_5)
}
.seed-tag-group-item--weight_regular {
    font-weight: var(--seed-font-weight-regular)
}
.seed-tag-group-item--weight_bold {
    font-weight: var(--seed-font-weight-bold)
}
.seed-tag-group-item--tone_neutralSubtle {
    color: var(--seed-color-fg-neutral-subtle);
    --seed-icon-color: var(--seed-color-fg-neutral-subtle);
    --seed-prefix-icon-color: var(--seed-color-fg-neutral-subtle);
    --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle)
}
.seed-tag-group-item--tone_neutral {
    color: var(--seed-color-fg-neutral);
    --seed-icon-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-tag-group-item--tone_brand {
    color: var(--seed-color-fg-brand);
    --seed-icon-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-text {
    margin: 0;
    color: var(--seed-text-color);
    font-size: var(--seed-font-size);
    font-weight: var(--seed-font-weight);
    line-height: var(--seed-line-height);
    text-align: var(--seed-text-align);
    user-select: var(--seed-user-select);
    --seed-text-color: inherit;
    --seed-font-size: inherit;
    --seed-font-weight: inherit;
    --seed-line-height: inherit;
    --seed-text-align: inherit;
    --seed-user-select: inherit;
    --seed-white-space: inherit;
    --seed-max-lines: initial
}
.seed-text--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--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--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--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--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--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--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--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--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--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--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--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--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--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--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--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--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--textStyle_t6Regular {
    --seed-font-size: var(--seed-font-size-t6);
    --seed-line-height: var(--seed-line-height-t6);
    --seed-font-weight: var(--seed-font-weight-regular)
}
.seed-text--textStyle_t6Medium {
    --seed-font-size: var(--seed-font-size-t6);
    --seed-line-height: var(--seed-line-height-t6);
    --seed-font-weight: var(--seed-font-weight-medium)
}
.seed-text--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--textStyle_t7Regular {
    --seed-font-size: var(--seed-font-size-t7);
    --seed-line-height: var(--seed-line-height-t7);
    --seed-font-weight: var(--seed-font-weight-regular)
}
.seed-text--textStyle_t7Medium {
    --seed-font-size: var(--seed-font-size-t7);
    --seed-line-height: var(--seed-line-height-t7);
    --seed-font-weight: var(--seed-font-weight-medium)
}
.seed-text--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--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--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--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--maxLines_none {
    overflow: unset;
    min-width: unset;
    text-overflow: unset;
    white-space: var(--seed-white-space);
    -webkit-line-clamp: unset
}
.seed-text--maxLines_single {
    display: block;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: var(--seed-max-lines)
}
.seed-text--maxLines_multi {
    display: -webkit-box;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: initial;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--seed-max-lines)
}
.seed-text--textDecorationLine_none {
    text-decoration-line: none
}
.seed-text--textDecorationLine_line-through {
    text-decoration-line: line-through
}
.seed-text--textDecorationLine_underline {
    text-decoration-line: underline
}.seed-text-input__root {
    display: flex;
    width: 100%;
    align-items: center;
    overflow: hidden;
    transition: box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing);
}
.seed-text-input__value {
    box-sizing: border-box;
    font: inherit;
    background: none;
    border: none;
    outline: none;
    resize: none;
    flex-grow: 1;
    align-self: stretch;
    color: var(--seed-color-fg-neutral);
    font-weight: var(--seed-font-weight-regular);
    padding-left: 0;
    padding-right: 0;
}
.seed-text-input__value:is(input) {
    width: 0;
}
.seed-text-input__value::placeholder {
    color: var(--seed-color-fg-placeholder);
    font-weight: var(--seed-font-weight-regular);
}
.seed-text-input__value:is(:-webkit-autofill, :autofill) {
    -webkit-text-fill-color: var(--seed-color-fg-neutral);
    transition: background-color 2147483647s 2147483647s;
}
@supports (background-clip: text) {
    .seed-text-input__value:is(:-webkit-autofill, :autofill) {
        background-clip: text;
        transition: none;
    }
}
.seed-text-input__value:is(:disabled, [disabled], [data-disabled]) {
    color: var(--seed-color-fg-disabled);
}
.seed-text-input__value:is(:disabled, [disabled], [data-disabled])::placeholder {
    color: var(--seed-color-fg-disabled);
}
.seed-text-input__prefixText {
    color: var(--seed-color-fg-neutral-muted);
    font-weight: var(--seed-font-weight-regular);
}
.seed-text-input__prefixIcon {
    color: var(--seed-color-fg-neutral-muted);
    flex-shrink: 0;
}
.seed-text-input__suffixText {
    color: var(--seed-color-fg-neutral-muted);
    font-weight: var(--seed-font-weight-regular);
}
.seed-text-input__suffixIcon {
    color: var(--seed-color-fg-neutral-muted);
    flex-shrink: 0;
}
.seed-text-input__root--variant_outline {
    border-radius: var(--seed-radius-r3);
    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-weak);
}
.seed-text-input__root--variant_outline:not(:is([data-readonly])):is(:focus, [data-focus]) {
    box-shadow: inset 0 0 0 2px var(--seed-color-stroke-neutral-contrast);
}
.seed-text-input__root--variant_outline:is(:invalid, [data-invalid]) {
    box-shadow: inset 0 0 0 2px var(--seed-color-stroke-critical-solid);
}
.seed-text-input__root--variant_outline:is(:invalid, [data-invalid]):is(:focus, [data-focus]) {
    box-shadow: inset 0 0 0 2px var(--seed-color-stroke-critical-solid);
}
.seed-text-input__root--variant_outline:is(:disabled, [disabled], [data-disabled]) {
    background-color: var(--seed-color-bg-disabled);
}
.seed-text-input__root--variant_outline:is([data-readonly]):not(:is(:disabled, [disabled], [data-disabled])) {
    background-color: var(--seed-color-bg-disabled);
}
.seed-text-input__value--variant_outline:first-child {
    padding-left: var(--seed-dimension-x4);
}
.seed-text-input__value--variant_outline:last-child {
    padding-right: var(--seed-dimension-x4);
}
.seed-text-input__prefixText--variant_outline:first-child {
    margin-left: var(--seed-dimension-x4);
}
.seed-text-input__prefixIcon--variant_outline:first-child {
    margin-left: var(--seed-dimension-x4);
}
.seed-text-input__suffixText--variant_outline:last-child {
    margin-right: var(--seed-dimension-x4);
}
.seed-text-input__suffixIcon--variant_outline:last-child {
    margin-right: var(--seed-dimension-x4);
}
.seed-text-input__root--variant_underline {
    gap: var(--seed-dimension-x2_5);
    min-height: var(--seed-dimension-x10);
    box-shadow: inset 0 calc(1px * -1) 0 0 var(--seed-color-stroke-neutral-weak);
}
.seed-text-input__root--variant_underline:not(:is([data-readonly])):is(:focus, [data-focus]) {
    box-shadow: inset 0 calc(2px * -1) 0 0 var(--seed-color-stroke-neutral-contrast);
}
.seed-text-input__root--variant_underline:is(:invalid, [data-invalid]) {
    box-shadow: inset 0 calc(2px * -1) 0 0 var(--seed-color-stroke-critical-solid);
}
.seed-text-input__root--variant_underline:is(:invalid, [data-invalid]):is(:focus, [data-focus]) {
    box-shadow: inset 0 calc(2px * -1) 0 0 var(--seed-color-stroke-critical-solid);
}
.seed-text-input__value--variant_underline {
    font-size: var(--seed-font-size-t6);
    line-height: var(--seed-line-height-t6);
}
.seed-text-input__value--variant_underline::placeholder {
    font-size: var(--seed-font-size-t6);
    line-height: var(--seed-line-height-t6);
}
.seed-text-input__value--variant_underline:is([data-readonly]):not(:is(:disabled, [disabled], [data-disabled])) {
    color: var(--seed-color-fg-neutral-muted);
}
.seed-text-input__value--variant_underline:is([data-readonly]):not(:is(:disabled, [disabled], [data-disabled]))::placeholder {
    color: var(--seed-color-fg-neutral-muted);
}
.seed-text-input__prefixText--variant_underline {
    font-size: var(--seed-font-size-t6);
    line-height: var(--seed-line-height-t6);
}
.seed-text-input__prefixIcon--variant_underline {
    width: var(--seed-dimension-x6);
    height: var(--seed-dimension-x6);
}
.seed-text-input__suffixText--variant_underline {
    font-size: var(--seed-font-size-t6);
    line-height: var(--seed-line-height-t6);
}
.seed-text-input__suffixIcon--variant_underline {
    width: var(--seed-dimension-x6);
    height: var(--seed-dimension-x6);
}
.seed-text-input__value--size_large:is(textarea) {
    min-height: 95px;
    padding-top: var(--seed-dimension-x3_5);
    padding-bottom: var(--seed-dimension-x3_5);
}
.seed-text-input__value--size_medium:is(textarea) {
    min-height: 90px;
    padding-top: 11px;
    padding-bottom: 11px;
}
.seed-text-input__root--variant_outline-size_large {
    gap: var(--seed-dimension-x2_5);
    min-height: var(--seed-dimension-x13);
}
.seed-text-input__value--variant_outline-size_large {
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
}
.seed-text-input__value--variant_outline-size_large::placeholder {
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
}
.seed-text-input__prefixText--variant_outline-size_large {
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
}
.seed-text-input__prefixIcon--variant_outline-size_large {
    width: var(--seed-dimension-x5);
    height: var(--seed-dimension-x5);
}
.seed-text-input__suffixText--variant_outline-size_large {
    font-size: var(--seed-font-size-t5);
    line-height: var(--seed-line-height-t5);
}
.seed-text-input__suffixIcon--variant_outline-size_large {
    width: var(--seed-dimension-x5);
    height: var(--seed-dimension-x5);
}
.seed-text-input__root--variant_outline-size_medium {
    gap: var(--seed-dimension-x1_5);
    min-height: var(--seed-dimension-x10);
}
.seed-text-input__value--variant_outline-size_medium {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-text-input__value--variant_outline-size_medium::placeholder {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-text-input__prefixText--variant_outline-size_medium {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-text-input__prefixIcon--variant_outline-size_medium {
    width: var(--seed-dimension-x4);
    height: var(--seed-dimension-x4);
}
.seed-text-input__suffixText--variant_outline-size_medium {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-text-input__suffixIcon--variant_outline-size_medium {
    width: var(--seed-dimension-x4);
    height: var(--seed-dimension-x4);
}.seed-app-screen__root {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    --app-bar-offset: calc(var(--app-bar-height) + var(--seed-safe-area-top));
}
.seed-app-screen__dim {
    z-index: var(--z-index-dim);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.seed-app-screen__layer {
    z-index: var(--z-index-layer);
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.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);
    position: absolute;
    width: 20px;
    height: 100%;
    left: 0;
    right: 0;
}
.seed-app-screen__root--theme_cupertino {
    --app-bar-height: 44px;
}
.seed-app-screen__dim--theme_cupertino {
    height: 100%;
    background: var(--seed-color-bg-overlay);
}
.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] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: 100%;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 1;
    --seed-enter-scale: 1;
    transform: translate3d(var(--swipe-back-target, var(--swipe-back-displacement, 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);
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 100%;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 1;
    --seed-exit-scale: 1;
}
[data-global-transition-state=enter-done] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: var(--swipe-back-displacement, 0);
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 1;
    --seed-enter-scale: 1;
    transform: translate3d(var(--swipe-back-target, var(--swipe-back-displacement, 0)), 0, 0);
}
[data-swipe-back-state=swiping] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none;
    transform: translate3d(var(--swipe-back-displacement, 0), 0, 0);
}
[data-swipe-back-state=canceling] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    transform: translate3d(0, 0, 0);
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-swipe-back-state=completing] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    transform: translate3d(100%, 0, 0);
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-global-transition-state=enter-active][data-top-activity-type="full-screen"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
    transform: translate3d(0, 0, 0);
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: -30%;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 1;
    --seed-exit-scale: 1;
}
[data-global-transition-state=exit-active][data-top-activity-type="full-screen"] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: calc(-30% + var(--swipe-back-displacement, 0) * 0.3);
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 1;
    --seed-enter-scale: 1;
    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) * 0.3), 0, 0);
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: -30%;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 1;
    --seed-exit-scale: 1;
}
[data-swipe-back-state=swiping] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none;
    transform: translate3d(calc(-30% + var(--swipe-back-displacement, 0) * 0.3), 0, 0);
}
[data-swipe-back-state=canceling] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none !important;
    transform: translate3d(-30%, 0, 0);
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-swipe-back-state=completing] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none !important;
    transform: translate3d(0, 0, 0);
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-global-transition-state=enter-active] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: 0;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 0;
    --seed-enter-scale: 1;
    opacity: 1;
}
[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));
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
[data-global-transition-state=enter-done] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --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;
}
[data-swipe-back-state=swiping] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none;
    opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
}
[data-swipe-back-state=canceling] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    opacity: calc(1 - var(--swipe-back-displacement-ratio, 0));
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-swipe-back-state=completing] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    opacity: 0;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
.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 {
    height: 160px;
    background: linear-gradient(var(--seed-color-bg-overlay), rgba(0, 0, 0, 0));
}
[data-global-transition-state=enter-active] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.23, 0.1, 0.32, 1);
    animation-duration: 300ms;
    --seed-enter-translate-x: 0;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 0;
    --seed-enter-scale: 1;
    transform: translate3d(0, -8vh, 0);
    opacity: 1;
}
[data-global-transition-state=exit-active] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
    transform: translate3d(0, -8vh, 0);
    opacity: 1;
    animation: seed-exit;
    animation-timing-function: linear;
    animation-duration: 150ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.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] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.23, 0.1, 0.32, 1);
    animation-duration: 300ms;
    --seed-enter-translate-x: 0;
    --seed-enter-translate-y: 8vh;
    --seed-enter-opacity: 0;
    --seed-enter-scale: 1;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
[data-global-transition-state=exit-active] .seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    animation: seed-exit;
    animation-timing-function: linear;
    animation-duration: 150ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 8vh;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.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-screen__layer--tone_transparent-gradient_true::before {
    content: '';
    display: block;
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: calc(-1 * (66px + 400px + var(--seed-safe-area-top)));
    height: calc(66px + 400px + var(--seed-safe-area-top));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.35) 400px, rgba(0, 0, 0, 0.00) 100%);
    pointer-events: none;
    z-index: 1;
}
.seed-app-screen__layer--tone_transparent-gradient_true-layerOffsetBottom_none::before {
    transform: translateY(-400px);
}
.seed-app-screen__layer--tone_transparent-gradient_true-layerOffsetTop_safeArea::before {
    transform: translateY(calc(-400px - var(--seed-safe-area-top)));
}
.seed-app-screen__layer--tone_transparent-gradient_true-layerOffsetTop_appBar::before {
    transform: translateY(calc(-400px - var(--app-bar-offset)));
}.seed-app-bar__root {
    z-index: var(--z-index-app-bar);
    top: 0;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.seed-app-bar__root:before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.seed-app-bar__left {
    display: flex;
    align-items: center;
    height: 100%;
}
.seed-app-bar__right {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: auto;
}
.seed-app-bar__iconButton {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    font-family: inherit;
    padding: 0;
}
.seed-app-bar__icon {
    display: inline-block;
    flex-shrink: 0;
}
.seed-app-bar__root--theme_cupertino {
    height: calc(44px + var(--seed-safe-area-top));
    padding-left: var(--seed-dimension-x4);
    padding-right: var(--seed-dimension-x4);
    padding-top: var(--seed-safe-area-top);
}
.seed-app-bar__iconButton--theme_cupertino {
    width: 44px;
    height: 44px;
}
.seed-app-bar__iconButton--theme_cupertino:first-child {
    margin-left: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__iconButton--theme_cupertino:last-child {
    margin-right: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__icon--theme_cupertino {
    width: var(--seed-icon-size, 24px);
    height: var(--seed-icon-size, 24px);
}
.seed-app-bar__root--theme_android {
    height: calc(56px + var(--seed-safe-area-top));
    padding-left: var(--seed-dimension-x4);
    padding-right: var(--seed-dimension-x4);
    padding-top: var(--seed-safe-area-top);
}
.seed-app-bar__iconButton--theme_android {
    width: 44px;
    height: 44px;
}
.seed-app-bar__iconButton--theme_android:first-child {
    margin-left: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__iconButton--theme_android:last-child {
    margin-right: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__icon--theme_android {
    width: var(--seed-icon-size, 24px);
    height: var(--seed-icon-size, 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 {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: 100%;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 1;
    --seed-enter-scale: 1;
    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);
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 100%;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 1;
    --seed-exit-scale: 1;
}
[data-global-transition-state=enter-done] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: var(--swipe-back-displacement, 0);
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 1;
    --seed-enter-scale: 1;
    transform: translate3d(0, 0, 0);
}
[data-swipe-back-state=swiping] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#):before {
    animation: none;
    transform: translate3d(var(--swipe-back-displacement, 0), 0, 0);
}
[data-swipe-back-state=canceling] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#):before {
    animation: none !important;
    transform: translate3d(0, 0, 0);
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-swipe-back-state=completing] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#):before {
    animation: none !important;
    transform: translate3d(100%, 0, 0);
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-global-transition-state=enter-active] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: 0;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 0;
    --seed-enter-scale: 1;
    opacity: 1;
}
[data-global-transition-state=exit-active] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    transform: translate3d(calc(var(--swipe-back-displacement, 0) * 0.15), 0, 0);
    opacity: calc(1 - var(--swipe-back-displacement-ratio, 0) * 3);
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
[data-global-transition-state=enter-done] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: calc(var(--swipe-back-displacement, 0) * 0.15);
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: calc(1 - var(--swipe-back-displacement-ratio, 0) * 3);
    --seed-enter-scale: 1;
    opacity: 1;
}
[data-swipe-back-state=swiping] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none;
    transform: translate3d(calc(var(--swipe-back-displacement, 0) * 0.15), 0, 0);
    opacity: calc(1 - var(--swipe-back-displacement-ratio, 0) * 3);
}
[data-swipe-back-state=canceling] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    opacity: 1;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-swipe-back-state=completing] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    opacity: 0;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[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;
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
[data-global-transition-state=exit-active][data-top-activity-type="full-screen"] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: 0;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: calc(var(--swipe-back-displacement-ratio, 0));
    --seed-enter-scale: 1;
    opacity: 1;
}
[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(var(--swipe-back-displacement-ratio, 0));
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
[data-swipe-back-state=swiping] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none;
    opacity: calc(var(--swipe-back-displacement-ratio, 0));
}
[data-swipe-back-state=canceling] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none !important;
    opacity: 0;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-swipe-back-state=completing] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none !important;
    opacity: 1;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99);
}
[data-global-transition-state=enter-active] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.23, 0.1, 0.32, 1);
    animation-duration: 300ms;
    --seed-enter-translate-x: 0;
    --seed-enter-translate-y: 8vh;
    --seed-enter-opacity: 0;
    --seed-enter-scale: 1;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
[data-global-transition-state=exit-active] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    animation: seed-exit;
    animation-timing-function: linear;
    animation-duration: 150ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 0;
    --seed-exit-translate-y: 8vh;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.seed-app-bar__root--tone_layer:before {
    background-color: var(--seed-color-bg-layer-default);
}
.seed-app-bar__icon--tone_layer {
    color: var(--seed-icon-color, var(--seed-color-fg-neutral));
}
.seed-app-bar__root--tone_transparent {
    background-color: #00000000;
}
.seed-app-bar__icon--tone_transparent {
    color: var(--seed-icon-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-subtle);
}.seed-app-bar-main__root {
    flex: 1
}
.seed-app-bar-main__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.seed-app-bar-main__subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.seed-app-bar-main__title--layout_titleOnly {
    font-size: var(--seed-font-size-t6-static);
    font-weight: var(--seed-font-weight-bold);
    line-height: var(--seed-line-height-t6-static)
}
.seed-app-bar-main__title--layout_withSubtitle {
    font-size: var(--seed-font-size-t5-static);
    font-weight: var(--seed-font-weight-bold);
    line-height: var(--seed-line-height-t5-static)
}
.seed-app-bar-main__subtitle--layout_withSubtitle {
    font-size: var(--seed-font-size-t2-static);
    font-weight: var(--seed-font-weight-regular);
    line-height: var(--seed-line-height-t2-static)
}
.seed-app-bar-main__root--theme_cupertino {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    top: var(--seed-safe-area-top);
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: var(--centered-title-padding-x, 0);
    padding-right: var(--centered-title-padding-x, 0);
    pointer-events: none
}
.seed-app-bar-main__root--theme_android {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%
}
[data-global-transition-state=enter-active] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: 25%;
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: 0;
    --seed-enter-scale: 1;
    transform: translate3d(0, 0, 0);
    opacity: 1
}
[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) * 0.15), 0, 0);
    opacity: calc(1 - var(--swipe-back-displacement-ratio, 0) * 3);
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 25%;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1
}
[data-global-transition-state=enter-done] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top] {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: calc(var(--swipe-back-displacement, 0) * 0.15);
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: calc(1 - var(--swipe-back-displacement-ratio, 0) * 3);
    --seed-enter-scale: 1;
    transform: translate3d(0, 0, 0);
    opacity: 1
}
[data-swipe-back-state=swiping] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none;
    transform: translate3d(calc(var(--swipe-back-displacement, 0) * 0.15), 0, 0);
    opacity: calc(1 - var(--swipe-back-displacement-ratio, 0) * 3)
}
[data-swipe-back-state=canceling] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99)
}
[data-swipe-back-state=completing] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#) {
    animation: none !important;
    transform: translate3d(25%, 0, 0);
    opacity: 0;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99)
}
[data-global-transition-state=enter-active][data-top-activity-type="full-screen"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: -25%;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1
}
[data-global-transition-state=exit-active][data-top-activity-type="full-screen"] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]) {
    animation: seed-enter;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    --seed-enter-translate-x: calc(-25% + var(--swipe-back-displacement, 0) * 0.15);
    --seed-enter-translate-y: 0;
    --seed-enter-opacity: calc(var(--swipe-back-displacement-ratio, 0));
    --seed-enter-scale: 1;
    transform: translate3d(0, 0, 0);
    opacity: 1
}
[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) * 0.15), 0, 0);
    opacity: calc(var(--swipe-back-displacement-ratio, 0));
    animation: seed-exit;
    animation-timing-function: cubic-bezier(0.2, 0.1, 0.21, 0.99);
    animation-duration: 350ms;
    animation-fill-mode: forwards;
    --seed-exit-translate-x: -25%;
    --seed-exit-translate-y: 0;
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1
}
[data-swipe-back-state=swiping] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none;
    transform: translate3d(calc(-25% + var(--swipe-back-displacement, 0) * 0.15), 0, 0);
    opacity: calc(var(--swipe-back-displacement-ratio, 0))
}
[data-swipe-back-state=canceling] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none !important;
    transform: translate3d(-25%, 0, 0);
    opacity: 0;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99)
}
[data-swipe-back-state=completing] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#) {
    animation: none !important;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: transform 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99), opacity 350ms cubic-bezier(0.2, 0.1, 0.21, 0.99)
}
.seed-app-bar-main__root--tone_layer {
    color: var(--seed-color-fg-neutral)
}
.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 {
    color: var(--seed-color-palette-static-white)
}
.seed-app-bar-main__title--tone_transparent {
    color: var(--seed-color-palette-static-white)
}
.seed-app-bar-main__subtitle--tone_transparent {
    color: var(--seed-color-palette-static-white)
}