body {
  margin: 0;

  overflow: hidden;

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

* {
  user-select: none;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
}
body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: var(--seed-color-bg-layer-default);
  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;
  color-scheme: only light;
}

:root[data-seed="dark-only"] {
  color-scheme: dark;
  color-scheme: only 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 {
  vertical-align: middle;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

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

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

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

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

.seed-box {
  --seed-box-background: initial;
  --seed-box-color: initial;
  background: var(--seed-box-background);
  color: var(--seed-box-color);
  --seed-box-border-style: solid;
  --seed-box-border-color: initial;
  border-style: var(--seed-box-border-style);
  border-color: var(--seed-box-border-color);
  --seed-box-border-width: 0;
  --seed-box-border-top-width: var(--seed-box-border-width);
  --seed-box-border-bottom-width: var(--seed-box-border-width);
  --seed-box-border-left-width: var(--seed-box-border-width);
  --seed-box-border-right-width: var(--seed-box-border-width);
  border-top-width: var(--seed-box-border-top-width);
  border-bottom-width: var(--seed-box-border-bottom-width);
  border-left-width: var(--seed-box-border-left-width);
  border-right-width: var(--seed-box-border-right-width);
  --seed-box-padding: 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-box-shadow: initial;
  box-shadow: var(--seed-box-box-shadow);
  --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-justify-self: auto;
  --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);
  justify-self: var(--seed-box-justify-self);
  align-items: var(--seed-box-align-items);
  align-content: var(--seed-box-align-content);
  align-self: var(--seed-box-align-self);
  gap: var(--seed-box-gap);
  --seed-box-grid-column: initial;
  grid-column: var(--seed-box-grid-column);
  --seed-box-grid-row: initial;
  grid-row: var(--seed-box-grid-row);
}

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

.seed-grid {
  --seed-grid-columns: initial;
  grid-template-columns: var(--seed-grid-columns);
  --seed-grid-rows: initial;
  grid-template-rows: var(--seed-grid-rows);
  --seed-grid-auto-flow: initial;
  grid-auto-flow: var(--seed-grid-auto-flow);
  --seed-grid-auto-columns: initial;
  grid-auto-columns: var(--seed-grid-auto-columns);
  --seed-grid-auto-rows: initial;
  grid-auto-rows: var(--seed-grid-auto-rows);
  --seed-grid-justify-items: stretch;
  justify-items: var(--seed-grid-justify-items);
  display: grid;
}

.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;
  color-scheme: light only;
}

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

:root {
  --seed-dimension-x0_5: 2px;
  --seed-dimension-x1: 4px;
  --seed-dimension-x1_5: 6px;
  --seed-dimension-x2: 8px;
  --seed-dimension-x2_5: 10px;
  --seed-dimension-x3: 12px;
  --seed-dimension-x3_5: 14px;
  --seed-dimension-x4: 16px;
  --seed-dimension-x4_5: 18px;
  --seed-dimension-x5: 20px;
  --seed-dimension-x6: 24px;
  --seed-dimension-x7: 28px;
  --seed-dimension-x8: 32px;
  --seed-dimension-x9: 36px;
  --seed-dimension-x10: 40px;
  --seed-dimension-x12: 48px;
  --seed-dimension-x13: 52px;
  --seed-dimension-x14: 56px;
  --seed-dimension-x16: 64px;
  --seed-dimension-spacing-x-between-chips: var(--seed-dimension-x2);
  --seed-dimension-spacing-x-global-gutter: var(--seed-dimension-x4);
  --seed-dimension-spacing-y-component-default: var(--seed-dimension-x3);
  --seed-dimension-spacing-y-nav-to-title: var(--seed-dimension-x5);
  --seed-dimension-spacing-y-screen-bottom: var(--seed-dimension-x14);
  --seed-dimension-spacing-y-between-text: var(--seed-dimension-x1_5);
  --seed-duration-d1: 50ms;
  --seed-duration-d2: .1s;
  --seed-duration-d3: .15s;
  --seed-duration-d4: .2s;
  --seed-duration-d5: .25s;
  --seed-duration-d6: .3s;
  --seed-duration-color-transition: var(--seed-duration-d3);
  --seed-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-mode-light-only {
  --seed-color-palette-gray-00: #fff;
  --seed-color-palette-gray-100: #f7f8f9;
  --seed-color-palette-gray-200: #f3f4f5;
  --seed-color-palette-gray-300: #eeeff1;
  --seed-color-palette-gray-400: #dcdee3;
  --seed-color-palette-gray-500: #d1d3d8;
  --seed-color-palette-gray-600: #b0b3ba;
  --seed-color-palette-gray-700: #868b94;
  --seed-color-palette-gray-800: #555d6d;
  --seed-color-palette-gray-900: #2a3038;
  --seed-color-palette-gray-1000: #1a1c20;
  --seed-color-palette-carrot-100: #fff2ec;
  --seed-color-palette-carrot-200: #ffe8db;
  --seed-color-palette-carrot-300: #ffd5c0;
  --seed-color-palette-carrot-400: #ffb999;
  --seed-color-palette-carrot-500: #ff9364;
  --seed-color-palette-carrot-600: #f60;
  --seed-color-palette-carrot-700: #e14d00;
  --seed-color-palette-carrot-800: #b93901;
  --seed-color-palette-carrot-900: #862b00;
  --seed-color-palette-carrot-1000: #471601;
  --seed-color-palette-blue-100: #eff6ff;
  --seed-color-palette-blue-200: #e2edfc;
  --seed-color-palette-blue-300: #cbdffa;
  --seed-color-palette-blue-400: #aacefd;
  --seed-color-palette-blue-500: #85b8fd;
  --seed-color-palette-blue-600: #5e98fe;
  --seed-color-palette-blue-700: #217cf9;
  --seed-color-palette-blue-800: #135fcd;
  --seed-color-palette-blue-900: #0b4596;
  --seed-color-palette-blue-1000: #032451;
  --seed-color-palette-red-100: #fdf0f0;
  --seed-color-palette-red-200: #fde7e7;
  --seed-color-palette-red-300: #fed4d2;
  --seed-color-palette-red-400: #feb7b3;
  --seed-color-palette-red-500: #fe928d;
  --seed-color-palette-red-600: #fc6a66;
  --seed-color-palette-red-700: #fa342c;
  --seed-color-palette-red-800: #ca1d13;
  --seed-color-palette-red-900: #921708;
  --seed-color-palette-red-1000: #4a1209;
  --seed-color-palette-green-100: #edfaf6;
  --seed-color-palette-green-200: #d9f6e9;
  --seed-color-palette-green-300: #b9e9d2;
  --seed-color-palette-green-400: #7ddcb3;
  --seed-color-palette-green-500: #42c593;
  --seed-color-palette-green-600: #10ab7d;
  --seed-color-palette-green-700: #079171;
  --seed-color-palette-green-800: #00745f;
  --seed-color-palette-green-900: #075445;
  --seed-color-palette-green-1000: #0a2b24;
  --seed-color-palette-yellow-100: #fff7de;
  --seed-color-palette-yellow-200: #fdefb9;
  --seed-color-palette-yellow-300: #fbdc65;
  --seed-color-palette-yellow-400: #e9c647;
  --seed-color-palette-yellow-500: #d4ab28;
  --seed-color-palette-yellow-600: #c49725;
  --seed-color-palette-yellow-700: #9b7821;
  --seed-color-palette-yellow-800: #755b22;
  --seed-color-palette-yellow-900: #4f3e1f;
  --seed-color-palette-yellow-1000: #2c2512;
  --seed-color-palette-purple-100: #f5f3fe;
  --seed-color-palette-purple-200: #efeafe;
  --seed-color-palette-purple-300: #e1d8ff;
  --seed-color-palette-purple-400: #d0c0ff;
  --seed-color-palette-purple-500: #b8a1ff;
  --seed-color-palette-purple-600: #9f84fb;
  --seed-color-palette-purple-700: #8969ea;
  --seed-color-palette-purple-800: #6d50cb;
  --seed-color-palette-purple-900: #50379b;
  --seed-color-palette-purple-1000: #29175d;
  --seed-color-palette-static-black: #000;
  --seed-color-palette-static-black-alpha-100: #00000007;
  --seed-color-palette-static-black-alpha-200: #0000000c;
  --seed-color-palette-static-black-alpha-300: #00000010;
  --seed-color-palette-static-black-alpha-400: #00000021;
  --seed-color-palette-static-black-alpha-500: #0000002c;
  --seed-color-palette-static-black-alpha-600: #0000004c;
  --seed-color-palette-static-black-alpha-700: #00000074;
  --seed-color-palette-static-black-alpha-800: #000000a2;
  --seed-color-palette-static-black-alpha-900: #000000d0;
  --seed-color-palette-static-black-alpha-1000: #000000e3;
  --seed-color-palette-static-white: #fff;
  --seed-color-palette-static-white-alpha-50: #ffffff0d;
  --seed-color-palette-static-white-alpha-100: #ffffff17;
  --seed-color-palette-static-white-alpha-200: #ffffff20;
  --seed-color-palette-static-white-alpha-300: #ffffff2e;
  --seed-color-palette-static-white-alpha-400: #ffffff3d;
  --seed-color-palette-static-white-alpha-500: #ffffff60;
  --seed-color-palette-static-white-alpha-600: #ffffff8b;
  --seed-color-palette-static-white-alpha-700: #ffffffb3;
  --seed-color-palette-static-white-alpha-800: #ffffffde;
  --seed-color-palette-static-white-alpha-900: #ffffffea;
  --seed-color-palette-static-white-alpha-1000: #fffffff4;
  --seed-color-fg-brand: var(--seed-color-palette-carrot-600);
  --seed-color-fg-brand-contrast: var(--seed-color-palette-carrot-700);
  --seed-color-fg-critical: var(--seed-color-palette-red-700);
  --seed-color-fg-critical-contrast: var(--seed-color-palette-red-900);
  --seed-color-fg-disabled: var(--seed-color-palette-gray-500);
  --seed-color-fg-informative: var(--seed-color-palette-blue-700);
  --seed-color-fg-informative-contrast: var(--seed-color-palette-blue-900);
  --seed-color-fg-neutral: var(--seed-color-palette-gray-1000);
  --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-00);
  --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
  --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
  --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
  --seed-color-fg-positive: var(--seed-color-palette-green-700);
  --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
  --seed-color-fg-warning: var(--seed-color-palette-yellow-700);
  --seed-color-fg-warning-contrast: var(--seed-color-palette-yellow-900);
  --seed-color-bg-brand-solid: var(--seed-color-palette-carrot-600);
  --seed-color-bg-brand-solid-pressed: var(--seed-color-palette-carrot-700);
  --seed-color-bg-brand-weak: var(--seed-color-palette-carrot-100);
  --seed-color-bg-brand-weak-pressed: var(--seed-color-palette-carrot-200);
  --seed-color-bg-critical-solid: var(--seed-color-palette-red-700);
  --seed-color-bg-critical-solid-pressed: var(--seed-color-palette-red-800);
  --seed-color-bg-critical-weak: var(--seed-color-palette-red-100);
  --seed-color-bg-critical-weak-pressed: var(--seed-color-palette-red-200);
  --seed-color-bg-disabled: var(--seed-color-palette-gray-200);
  --seed-color-bg-informative-solid: var(--seed-color-palette-blue-700);
  --seed-color-bg-informative-solid-pressed: var(--seed-color-palette-blue-800);
  --seed-color-bg-informative-weak: var(--seed-color-palette-blue-100);
  --seed-color-bg-informative-weak-pressed: var(--seed-color-palette-blue-200);
  --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
  --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
  --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
  --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
  --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
  --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
  --seed-color-bg-magic-weak: #f9f2ee;
  --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-900);
  --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
  --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
  --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
  --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
  --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
  --seed-color-bg-neutral-weak-alpha: var(--seed-color-palette-static-black-alpha-200);
  --seed-color-bg-neutral-weak-alpha-pressed: var(--seed-color-palette-static-black-alpha-300);
  --seed-color-bg-neutral-weak-pressed: var(--seed-color-palette-gray-300);
  --seed-color-bg-overlay: var(--seed-color-palette-static-black-alpha-700);
  --seed-color-bg-overlay-muted: var(--seed-color-palette-static-black-alpha-500);
  --seed-color-bg-positive-solid: var(--seed-color-palette-green-700);
  --seed-color-bg-positive-solid-pressed: var(--seed-color-palette-green-800);
  --seed-color-bg-positive-weak: var(--seed-color-palette-green-100);
  --seed-color-bg-positive-weak-pressed: var(--seed-color-palette-green-200);
  --seed-color-bg-transparent: #0000;
  --seed-color-bg-transparent-pressed: var(--seed-color-palette-static-black-alpha-100);
  --seed-color-bg-warning-solid: var(--seed-color-palette-yellow-300);
  --seed-color-bg-warning-solid-pressed: var(--seed-color-palette-yellow-400);
  --seed-color-bg-warning-weak: var(--seed-color-palette-yellow-100);
  --seed-color-bg-warning-weak-pressed: var(--seed-color-palette-yellow-200);
  --seed-color-stroke-brand-solid: var(--seed-color-palette-carrot-700);
  --seed-color-stroke-brand-weak: var(--seed-color-palette-carrot-300);
  --seed-color-stroke-critical-solid: var(--seed-color-palette-red-700);
  --seed-color-stroke-critical-weak: var(--seed-color-palette-red-300);
  --seed-color-stroke-informative-solid: var(--seed-color-palette-blue-700);
  --seed-color-stroke-informative-weak: var(--seed-color-palette-blue-300);
  --seed-color-stroke-neutral-contrast: var(--seed-color-palette-gray-1000);
  --seed-color-stroke-neutral-muted: var(--seed-color-palette-static-black-alpha-300);
  --seed-color-stroke-neutral-solid: var(--seed-color-palette-gray-800);
  --seed-color-stroke-neutral-subtle: var(--seed-color-palette-static-black-alpha-200);
  --seed-color-stroke-neutral-weak: var(--seed-color-palette-gray-400);
  --seed-color-stroke-positive-solid: var(--seed-color-palette-green-700);
  --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
  --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
  --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
  --seed-color-stroke-focus-ring: var(--seed-color-palette-blue-600);
  --seed-color-manner-temp-l1-bg: #f1f2f3;
  --seed-color-manner-temp-l1-text: #757b85;
  --seed-color-manner-temp-l10-bg: #ffebee;
  --seed-color-manner-temp-l10-text: #cb0123;
  --seed-color-manner-temp-l2-bg: #f8f4ec;
  --seed-color-manner-temp-l2-text: #ab863f;
  --seed-color-manner-temp-l3-bg: #fff5e5;
  --seed-color-manner-temp-l3-text: #e08a00;
  --seed-color-manner-temp-l4-bg: #fff3e5;
  --seed-color-manner-temp-l4-text: #f57e00;
  --seed-color-manner-temp-l5-bg: #fff1e5;
  --seed-color-manner-temp-l5-text: #ff7300;
  --seed-color-manner-temp-l6-bg: #fff0e5;
  --seed-color-manner-temp-l6-text: #f60;
  --seed-color-manner-temp-l7-bg: #ffefe5;
  --seed-color-manner-temp-l7-text: #ff5100;
  --seed-color-manner-temp-l8-bg: #ffeee5;
  --seed-color-manner-temp-l8-text: #f30;
  --seed-color-manner-temp-l9-bg: #fdeded;
  --seed-color-manner-temp-l9-text: #e82c45;
  --seed-color-banner-blue: #e1f7ff;
  --seed-color-banner-cool-gray: #ebf1f5;
  --seed-color-banner-green: #f0fbe5;
  --seed-color-banner-orange: #fff2e1;
  --seed-color-banner-pink: #ffebf1;
  --seed-color-banner-purple: #f5ecff;
  --seed-color-banner-red: #ffecee;
  --seed-color-banner-teal: #e6faf6;
  --seed-color-banner-warm-gray: #f2f0ee;
  --seed-color-banner-yellow: #fffae1;
  --seed-gradient-fade-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-highlight-magic: #f60 20%, #d25aca 100%;
  --seed-gradient-highlight-magic-pressed: #e14f00 20%, #ae58bf 100%;
  --seed-gradient-shimmer-magic: #fff9f500 0%, #fff9f5cc 46%, #fff9f5cc 54%, #fff9f500 100%;
  --seed-gradient-shimmer-neutral: #fff0 0%, #ffffffab 46%, #ffffffab 54%, #fff0 100%;
  --seed-shadow-s1: 0px 1px 4px 0px #00000014;
  --seed-shadow-s2: 0px 2px 10px 0px #0000001a;
  --seed-shadow-s3: 0px 4px 16px 0px #0000001f;
}

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

@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+1YYYvUMBD9fr8iIIKCKW11PejhLxGRaTNt567J1GTqLYr/XVZv70RubdNV3GMD/dAPecmbSWbeY7KPxae35rq8ztXXC6W0DgLNTTvwrR6HqSOnawjU6Il0Dc1N53lyRjc8sK/Us7Ztr5ajyEKHlZpcQJmDGbKPHOi7Gl7kr9TdlxWbl0s26pG6XipV5B7tHEA8uEBC7LSZPOx+KpWHOVjDdpwEzVq8wRamQX6Fc9vqgEt5wzjqGryu2Rv0hzKWX85m7LGN1kb1216BvmClinG7FLe/udfZJiIFP1HHcrbkVp5PDbv7GimLsijfxEOPpS+4lZUkHqBH3/uqnnEI/RfZxPSiQ/Bj6fBn9LsFlerJGHQxDzNAixo8gqZdCFp4rFS+vLAadgLk0OsRjCHXVaqIeeGCVncwxqFadrLvAVlRRpU0iQ7DjyCjSnEghw/9P9vMyhWLsNWhR5R91/JgaArLQrVsYFgPtLDVt2Sk3zX9/PkcCE2H9+uzu4R+u8j2ol6chajP5+kkNX2e9tOR9DzbxIt6mV3+X1WPJJBkPcl6kvXTk3XH3sJwFspeeWZ5b0DgT2rXo8V3zTSiF3L8IZmAZAKSCUgmIJmAZAKSCTgrEwDOeCZzHhYgDfdPwASk4X4yAMkAJAOQhvv/Rv2/A99CNeuxHwAA */
._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-dim-height: 10rem;
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-default-transition-off-set: 10rem;
  --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%;
  --stackflow-plugin-basic-ui-edge-width: 1.25rem;
}
._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-dim-height: 100%;
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-default-transition-off-set: 100%;
  --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%;
  --stackflow-plugin-basic-ui-edge-width: 1.25rem;
}
: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-dim-height: 100%;
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-default-transition-off-set: 100%;
  --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%;
  --stackflow-plugin-basic-ui-edge-width: 1.25rem;
}
: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-dim-height: 10rem;
  --stackflow-plugin-basic-ui-transition-duration: 0s;
  --stackflow-plugin-basic-ui-computed-transition-duration: 0s;
  --stackflow-plugin-basic-ui-default-transition-off-set: 10rem;
  --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%;
  --stackflow-plugin-basic-ui-edge-width: 1.25rem;
}

/* 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=#H4sIAAAAAAAAA9WV23KbMBCG7/0UuukMTFFGjpMe6E3fpLMggWULiUjCh3by7h0EDghzsJPe1Fcer/bffz+tVw+/1lRkT5unr+jPCqEE0n2uVSUpTpVQOkYH0AHGxkK6z4Q64lJUOZc4AcNTXHFMeYGHWeGP1evq4aL87Z3KI6qeDC8gZ3fJuAzf3HdnzmqQhluuZNx8z5QuWuXLSRJGSJWQcnu+iniStJOsZVpFAZZtaLAm5FOESIQGSTuX1Gk+LzcGZYkT0HjLeL61vtzeybV2Y0RqdL8xl5Sd4oH7tePaiNx23X7Bly9097gjaFC7wx4jwSUDjXMNlDNpg3fNVIR0nkBAGno1QOdghdznrTr0jETDYNILNjEP03pMMJ0TpPOCxLsU4YIT1/Do81yjQdrEPC2iZBlUwuJuwrHKMmyYDXtj2LblGruq3yMqotmTPbzicnDGO/H/CFeDJEaGeFrqYyQmMJCbMZBlDP05uxVKI1P8ky0VoQJ0zcSq8s7t0qdGKw31F7c3SqCUy7yWHE708+REy4WpaJfk5GCoufzn8QVbNldwYNq1e46RSbUSom4CH1my5xa/RZsQl3mMrKrSra8Ux5eE5lwC2olTbkoB5xhJJZmX8uLiHf0xVN0OTkGk7qFA+Oqc31RT98ip3S6vbkZzht3ZcOY52PgVTIP6w5Z/mqoslbYGBe3IxKiAU0DKUxgikLT3e6qksSBtYCBjGDQDzKVhtiYXhs7Q4N0cvJzOzZ3PJ/rs/NyaVXCJx+xFC+4dtdc7gTB5+D9ZTBq/YPgLcEW/En8KAAA= */
._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 {
  --_1dlf4345: var(--stackflow-plugin-basic-ui-app-bar-height);
}
._1dlf434k {
  opacity: 0;
  z-index: var(--_1dlf4341);
  height: var(--stackflow-plugin-basic-ui-dim-height);
}
._1q6dj2j0 ._1dlf434k {
  background: linear-gradient(var(--stackflow-plugin-basic-ui-dim-background-color), rgba(0, 0, 0, 0));
}
._1dlf434a ._1dlf434k,
._1dlf434b ._1dlf434k {
  opacity: 1;
}
._1dlf434c ._1dlf434k,
._1dlf434d ._1dlf434k {
  opacity: 0;
}
._1dlf434l {
  z-index: var(--_1dlf4342);
}
._1q6dj2j1 ._1dlf434l {
  transform: translate3d(var(--stackflow-plugin-basic-ui-default-transition-off-set), 0, 0);
}
._1q6dj2j1 ._1dlf434a ._1dlf434l,
._1q6dj2j1 ._1dlf434b ._1dlf434l {
  transform: translate3d(0, 0, 0);
}
._1q6dj2j0 ._1dlf434l {
  opacity: 0;
  transform: translate3d(0, var(--stackflow-plugin-basic-ui-default-transition-off-set), 0);
}
._1q6dj2j0 ._1dlf434a ._1dlf434l,
._1q6dj2j0 ._1dlf434b ._1dlf434l {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
._1dlf434m {
  transition:
    transform var(--_1dlf4340),
    opacity var(--_1dlf4340),
    margin-top var(--stackflow-plugin-basic-ui-app-bar-height-transition-duration);
  padding-top: var(--_1dlf4345);
}
._1q6dj2j1 ._1dlf434n {
  transform: translate3d(0, 100%, 0);
}
._1q6dj2j0 ._1dlf434o {
  transform: translate3d(50%, 0, 0);
}
._1dlf434p {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
._1dlf434p::-webkit-scrollbar {
  display: none;
}
._1dlf434q {
  margin-top: var(--_1dlf4345);
  height: calc(100% - var(--_1dlf4345));
}
._1dlf434r {
  width: var(--stackflow-plugin-basic-ui-edge-width);
  z-index: var(--_1dlf4343);
}
._1dlf434s {
  top: var(--_1dlf4345);
  height: calc(100% - var(--_1dlf4345));
}
@supports (padding: max(0px)) and (padding: constant(safe-area-inset-top)) {
  ._1dlf434j {
    --_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)) {
  ._1dlf434j {
    --_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+1ZTXOjOBC951fokio7hVIi/sgsvu1hb3uaH5ASIECxkFgkO3am9r9vWRgjYWyQ45nZAzk5oH5q9Wu9bonnN3+/nuH5AoEfDwDklMOM0DRTAdjicgKhVDhaJ0x8wIJtUsphiCWN4IZCXBQwxCVsbKarh38fnmtEXyOKLSkP5sPxagsb7UWjhThap6XY8BhGgolyOGrbcrqy4WiOU3ITnLbUcJ+Q8pjsapQ3P2bJfDaf65eqxFxSRQUPzpZx8ypggwrjTYkPP6be2bpuXtYlfLGDMsOx+BiOLMqYlFe8PrL9zzJ+f3n3QYv4QtSxw6EUbKPI+fgq2lHbVE+WiDIPqp8MKzKLJ32OxyTBG6ZMX0WSQEnU1APIA2hkdQCrXhN+gKTFGWoTJQocUbUPAFpdpg15vc5dZ26kzZE2W8zQ1KuJOntzoPcBHP9snqsh2KDcuzoyNEbWA60c8a/nyHGDdqfb7B5QZ2ozu6Y2PkKPo2zcQzaM0jAfHPHeUmFAjbTcJAvW5jc2td+5/edez1hDAObN0Ct8o3F73Y3HU+gXVdd9ciEAlEuiACp2IMIsmkAfPLn6JeknmU4Bumk9F/vEZU9y+AhtszFBfln975WApYMELB0loFfvx2z5X2RLV3f26oGuxOhuuvoHx8bg4ceMxdiu/YYEONOI106N6D4nvN7S1Y/c/lRuK2a+aWbqe8Uc73ovX8y7RYkTAnFJMNS9B1SimHogElwqzNWk67Um9r7zEb69NJWx0j+slQ6d9XR7amdj9dgRpf9uzZDayt0CxzHlKWQkcXA6ElxhykkJj/ba/xqrdItAF5gRVmz56YhNFclhiosWZEDyQu01cExlwfA+AFzwjnvFLh++HivDl1BDO15o00hw4yrbTJx6U84QyqUH3KSswb2QSqcgOCQ4VVAyUWjrHJcp5cEN54cTTCt8AY4U3ZJWdX9+uRQXdP+gGO4QO6cSRnYrd3oV2SmD3kRwpQ9OwxFOJhqAUU6cP+0YRo0XH0eQULD450mWK0NNvJwUsCLrg8YqCw5N/+NhRe8bqWiy19uWcFVxePChVKv6OEw/9Q44ls9Q7C7phjWDXSaX1W7q+LQBAGY05Vq7ZAAiwhUpO11rXukIaDPzqaYswTll+wAcosUIlHupSO6BPxnl679x9F3//5fgenmVtC2qUHQ1UBO4QI9Wib2l0Ini17UCd5xsWB+QaNKtSLrGyt6+13nI8Q4eM0yrqvsc4AksNFSrFl7J3O50T2z1C5mI1lZo0urkfUjW5tswYYwWksqW1FGekZKqM+k5PTdwsy/U5+4WIXNtEbKvtCmdPcJ/GPaZMZ8fAAA= */
._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(var(--stackflow-plugin-basic-ui-default-transition-off-set), 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, var(--stackflow-plugin-basic-ui-default-transition-off-set), 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-article {
    user-select: text;
    word-break: normal;
    overflow-wrap: break-word;
    line-break: strict;
}
.seed-article:lang(ko) {
    word-break: keep-all;
}.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-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-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__root--truncate_true {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    --tag-group-item-display: inline-flex;
    --tag-group-item-overflow: hidden;
    --tag-group-item-text-overflow: ellipsis;
    --tag-group-item-white-space: nowrap
}
.seed-tag-group__root--truncate_false {
    display: inline-block;
    font-size: 0;
    --tag-group-item-display: inline;
    --tag-group-item-overflow: visible;
    --tag-group-item-text-overflow: clip;
    --tag-group-item-white-space: normal
}
.seed-tag-group__separator--truncate_false {
    vertical-align: middle
}
.seed-tag-group__root--size_t2-truncate_false {
    line-height: var(--seed-line-height-t2)
}
.seed-tag-group__root--size_t3-truncate_false {
    line-height: var(--seed-line-height-t3)
}
.seed-tag-group__root--size_t4-truncate_false {
    line-height: var(--seed-line-height-t4)
}.seed-tag-group-item__root {
    display: var(--tag-group-item-display);
    align-items: center;
    vertical-align: middle;
    flex-shrink: var(--seed-box-flex-shrink, 1);
    min-width: 0;
}
.seed-tag-group-item__label {
    display: inline;
    vertical-align: middle;
    min-width: 0;
    overflow: var(--tag-group-item-overflow);
    text-overflow: var(--tag-group-item-text-overflow);
    white-space: var(--tag-group-item-white-space);
    word-break: normal;
}
.seed-tag-group-item__label:not(:first-child) {
    margin-left: var(--seed-dimension-x0_5);
}
.seed-tag-group-item__label:not(:last-child) {
    margin-right: var(--seed-dimension-x0_5);
}
.seed-tag-group-item__root--size_t2 {
    --seed-prefix-icon-size: var(--seed-dimension-x3);
    --seed-suffix-icon-size: var(--seed-dimension-x3);
    --seed-icon-size: var(--seed-dimension-x3);
}
.seed-tag-group-item__label--size_t2 {
    font-size: var(--seed-font-size-t2);
    line-height: var(--seed-line-height-t2);
}
.seed-tag-group-item__root--size_t3 {
    --seed-prefix-icon-size: 13px;
    --seed-suffix-icon-size: 13px;
    --seed-icon-size: 13px;
}
.seed-tag-group-item__label--size_t3 {
    font-size: var(--seed-font-size-t3);
    line-height: var(--seed-line-height-t3);
}
.seed-tag-group-item__root--size_t4 {
    --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-tag-group-item__label--size_t4 {
    font-size: var(--seed-font-size-t4);
    line-height: var(--seed-line-height-t4);
}
.seed-tag-group-item__label--weight_regular {
    font-weight: var(--seed-font-weight-regular);
}
.seed-tag-group-item__label--weight_bold {
    font-weight: var(--seed-font-weight-bold);
}
.seed-tag-group-item__root--tone_neutralSubtle {
    --seed-prefix-icon-color: var(--seed-color-fg-neutral-subtle);
    --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle);
    --seed-icon-color: var(--seed-color-fg-neutral-subtle);
}
.seed-tag-group-item__label--tone_neutralSubtle {
    color: var(--seed-color-fg-neutral-subtle);
}
.seed-tag-group-item__root--tone_neutral {
    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
    --seed-suffix-icon-color: var(--seed-color-fg-neutral);
    --seed-icon-color: var(--seed-color-fg-neutral);
}
.seed-tag-group-item__label--tone_neutral {
    color: var(--seed-color-fg-neutral);
}
.seed-tag-group-item__root--tone_brand {
    --seed-prefix-icon-color: var(--seed-color-fg-brand);
    --seed-suffix-icon-color: var(--seed-color-fg-brand);
    --seed-icon-color: var(--seed-color-fg-brand);
}
.seed-tag-group-item__label--tone_brand {
    color: var(--seed-color-fg-brand);
}