@font-face {
  font-family: "IonEina";
  font-display: swap;
  src: local("IonEina Bold"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-bold.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-bold.woff") format("woff"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-bold.ttf") format("ttf"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-bold.eot?#iefix") format("eot");
  font-weight: 700;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: "IonEina";
  font-display: swap;
  src: local("IonEina Semibold"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-semibold.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-semibold.woff") format("woff"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-semibold.ttf") format("ttf"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-semibold.eot?#iefix") format("eot");
  font-weight: 600;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: "IonEina";
  font-display: swap;
  src: local("IonEina Regular"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-regular.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-regular.woff") format("woff"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-regular.ttf") format("ttf"), url("https://code.ionicframework.com/assets/fonts/ion-eina/ion-eina-01-regular.eot?#iefix") format("eot");
  font-weight: 400;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: "Eina";
  font-display: swap;
  src: local("Eina Bold"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-bold.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-bold.woff") format("woff"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-bold.ttf") format("ttf"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-bold.eot?#iefix") format("eot");
  font-weight: 700;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: "Eina";
  font-display: swap;
  src: local("Eina Semibold"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-semibold.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-semibold.woff") format("woff"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-semibold.ttf") format("ttf"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-semibold.eot?#iefix") format("eot");
  font-weight: 600;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: "Eina";
  font-display: swap;
  src: local("Eina Regular"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-regular.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-regular.woff") format("woff"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-regular.ttf") format("ttf"), url("https://code.ionicframework.com/assets/fonts/eina/eina-01-regular.eot?#iefix") format("eot");
  font-weight: 400;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range: U+000-5FF;
  src: local("Inter Regular"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Regular.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range: U+000-5FF;
  src: local("Inter Italic"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Italic.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Italic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  unicode-range: U+000-5FF;
  src: local("Inter Medium"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Medium.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  unicode-range: U+000-5FF;
  src: local("Inter Medium Italic"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-MediumItalic.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  unicode-range: U+000-5FF;
  src: local("Inter SemiBold"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-SemiBold.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: italic;
  font-weight: 600;
  unicode-range: U+000-5FF;
  src: local("Inter SemiBoldItalic"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range: U+000-5FF;
  src: local("Inter Bold"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Bold.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range: U+000-5FF;
  src: local("Inter BoldItalic"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-BoldItalic.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  unicode-range: U+000-5FF;
  src: local("Inter ExtraBold"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-ExtraBold.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: italic;
  font-weight: 800;
  unicode-range: U+000-5FF;
  src: local("Inter ExtraBoldItalic"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-ExtraBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  unicode-range: U+000-5FF;
  src: local("Inter Black"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Black.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-Black.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  unicode-range: U+000-5FF;
  src: local("Inter BlackItalic"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-variable-ASCII-subset.woff2") format("woff2-variations"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-BlackItalic.woff2") format("woff2"), url("https://code.ionicframework.com/assets/fonts/inter/Inter-BlackItalic.woff") format("woff");
}
:root {
  --f-family-display: IonEina, "Helvetica Neue", Helvetica, sans-serif;
  --f-family-text: Inter, "Inter UI", Helvetica, Arial, sans-serif;
  --f-family-system: apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  --f-family-monospace: "SF Mono", "Roboto Mono", Menlo, monospace;
  --f-family-serif: "Adobe Caslon", Georgia, Times, "Times New Roman", serif;
  --f-weight-light: 300;
  --f-weight-regular: 400;
  --f-weight-medium: 500;
  --f-weight-semibold: 600;
  --f-weight-bold: 700;
  --f-size-0: 0.625rem;
  --f-size-1: 0.6875rem;
  --f-size-2: 0.75rem;
  --f-size-3: 0.8125rem;
  --f-size-4: 0.875rem;
  --f-size-5: 1rem;
  --f-size-6: 1.25rem;
  --f-size-7: 1.5rem;
  --f-size-8: 1.75rem;
  --f-size-9: 2rem;
  --f-size-10: 2.5rem;
  --f-size-11: 3rem;
  --f-size-12: 3.5rem;
  --f-size-13: 4rem;
  --f-size-14: 4.5rem;
  --f-size-15: 5rem;
  --f-size-16: 5.5rem;
  --f-size-17: 6rem;
  --f-leading-solid: 1;
  --f-leading-title: 1.12;
  --f-leading-body: 1.6;
  --f-leading-prose: 1.8;
  --f-tracking-dense: -0.04em;
  --f-tracking-tight: -0.02em;
  --f-tracking-solid: 0em;
  --f-tracking-wide: 0.04em;
  --f-tracking-super: 0.08em;
  --f-tracking-extra: 0.16em;
  --space-0: 0.25rem;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.25rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 8rem;
  --space-13: 10rem;
  --space-14: 12rem;
  --space-15: 14rem;
  --space-16: 16rem;
  --breakpoint-0: 640px;
  --breakpoint-1: 768px;
  --breakpoint-2: 1024px;
  --breakpoint-3: 1280px;
  --radius-0: 0px;
  --radius-1: 6px;
  --radius-2: 8px;
  --radius-3: 16px;
  --radius-4: 32px;
  --radius-x: 1000px;
  --border-regular: 1px solid;
  --border-dashed: 1px dashed;
  --border-heavy: 2px solid;
  --elevation-0: none;
  --elevation-1: 0 0 0 1px rgba(0, 0, 0, 0.06);
  --elevation-2: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  --elevation-3: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.06);
  --elevation-4: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --elevation-5: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --elevation-6: 0 16px 32px -2px rgba(0, 0, 0, 0.1), 0 8px 16px -2px rgba(0, 0, 0, 0.08);
  --elevation-7: 0 32px 64px -4px rgba(0, 0, 0, 0.12), 0 12px 24px -2px rgba(0, 0, 0, 0.06);
  --elevation-8: 0 48px 96px -8px rgba(0, 0, 0, 0.16), 0 24px 48px -4px rgba(0, 0, 0, 0.08);
  --duration-instantly: 0s;
  --duration-quickly: 0.15s;
  --c-black: #000000;
  --c-white: #ffffff;
  --c-blue-0: #f0f6ff;
  --c-blue-10: #e3edff;
  --c-blue-20: #cddfff;
  --c-blue-30: #b2ceff;
  --c-blue-40: #97bdff;
  --c-blue-50: #7cabff;
  --c-blue-60: #639bff;
  --c-blue-70: #4d8dff;
  --c-blue-80: #3880ff;
  --c-blue-90: #1b6dff;
  --c-blue-100: #0054e9;
  --c-gray-0: #f3f3f3;
  --c-gray-10: #e4e4e4;
  --c-gray-20: #c8c8c8;
  --c-gray-30: #aeaeae;
  --c-gray-40: #959595;
  --c-gray-50: #818181;
  --c-gray-60: #6d6d6d;
  --c-gray-70: #5f5f5f;
  --c-gray-80: #474747;
  --c-gray-90: #2f2f2f;
  --c-gray-100: #141414;
  --c-carbon-0: #eef1f3;
  --c-carbon-10: #d7dde2;
  --c-carbon-20: #b4bcc6;
  --c-carbon-30: #98a2ad;
  --c-carbon-40: #7d8894;
  --c-carbon-50: #677483;
  --c-carbon-60: #556170;
  --c-carbon-70: #434f5e;
  --c-carbon-80: #35404e;
  --c-carbon-90: #222d3a;
  --c-carbon-100: #03060b;
  --c-indigo-0: #fbfbfd;
  --c-indigo-10: #f6f8fc;
  --c-indigo-20: #e9edf3;
  --c-indigo-30: #dee3ea;
  --c-indigo-40: #ced6e0;
  --c-indigo-50: #b2becd;
  --c-indigo-60: #92a0b3;
  --c-indigo-70: #73849a;
  --c-indigo-80: #445b78;
  --c-indigo-90: #2d4665;
  --c-indigo-100: #001a3a;
  --c-green-0: #f1fdf5;
  --c-green-10: #deffe7;
  --c-green-20: #c7fbd5;
  --c-green-30: #a7f1bb;
  --c-green-40: #80e89d;
  --c-green-50: #62e085;
  --c-green-60: #4ada71;
  --c-green-70: #2dd55b;
  --c-green-80: #17c948;
  --c-green-90: #00ba33;
  --c-green-100: #00a52d;
  --c-lime-0: #f5fff0;
  --c-lime-10: #ebfee3;
  --c-lime-20: #ddfcd0;
  --c-lime-30: #cffbbc;
  --c-lime-40: #bbf9a2;
  --c-lime-50: #a3f581;
  --c-lime-60: #8bf35f;
  --c-lime-70: #64ec44;
  --c-lime-80: #4ddf2b;
  --c-lime-90: #3ad515;
  --c-lime-100: #27c100;
  --c-lavender-0: #f7f8ff;
  --c-lavender-10: #e6ebff;
  --c-lavender-20: #ced9ff;
  --c-lavender-30: #b6c6ff;
  --c-lavender-40: #9fb5ff;
  --c-lavender-50: #8aa4ff;
  --c-lavender-60: #7493ff;
  --c-lavender-70: #597eff;
  --c-lavender-80: #3c67ff;
  --c-lavender-90: #194bfd;
  --c-lavender-100: #0033e8;
  --c-purple-0: #f4f4ff;
  --c-purple-10: #e9eaff;
  --c-purple-20: #d0d2ff;
  --c-purple-30: #b6b9f9;
  --c-purple-40: #9a99fc;
  --c-purple-50: #8482fb;
  --c-purple-60: #786df9;
  --c-purple-70: #6e5afd;
  --c-purple-80: #6030ff;
  --c-purple-90: #4712fb;
  --c-purple-100: #3400e6;
  --c-pink-0: #ffeff5;
  --c-pink-10: #ffe3ed;
  --c-pink-20: #ffd8e5;
  --c-pink-30: #ffc9db;
  --c-pink-40: #ffb6d0;
  --c-pink-50: #ff99bd;
  --c-pink-60: #ff80ac;
  --c-pink-70: #ff6098;
  --c-pink-80: #fb4082;
  --c-pink-90: #ec216a;
  --c-pink-100: #da0d56;
  --c-red-0: #fff1f3;
  --c-red-10: #ffe6e8;
  --c-red-20: #ffcfd3;
  --c-red-30: #feb7bc;
  --c-red-40: #fc9aa2;
  --c-red-50: #f9838c;
  --c-red-60: #f56570;
  --c-red-70: #f24c58;
  --c-red-80: #ef3442;
  --c-red-90: #e21827;
  --c-red-100: #d0000f;
  --c-orange-0: #fff5f0;
  --c-orange-10: #ffede6;
  --c-orange-20: #ffdfd1;
  --c-orange-30: #ffd0bc;
  --c-orange-40: #ffc0a5;
  --c-orange-50: #ffaf8c;
  --c-orange-60: #ff9b70;
  --c-orange-70: #ff8753;
  --c-orange-80: #ff7336;
  --c-orange-90: #ff5b13;
  --c-orange-100: #eb4700;
  --c-yellow-0: #fffbef;
  --c-yellow-10: #fff8e2;
  --c-yellow-20: #fff4d1;
  --c-yellow-30: #ffefbd;
  --c-yellow-40: #ffe9a3;
  --c-yellow-50: #ffe080;
  --c-yellow-60: #ffd75a;
  --c-yellow-70: #ffce31;
  --c-yellow-80: #ffc409;
  --c-yellow-90: #f4b100;
  --c-yellow-100: #eaa100;
  --c-aqua-0: #f0fff9;
  --c-aqua-10: #e6fff6;
  --c-aqua-20: #ceffed;
  --c-aqua-30: #b7fce3;
  --c-aqua-40: #93f9d5;
  --c-aqua-50: #79f5c9;
  --c-aqua-60: #59f0ba;
  --c-aqua-70: #38e9aa;
  --c-aqua-80: #1ae19a;
  --c-aqua-90: #00d287;
  --c-aqua-100: #00ba78;
  --c-teal-0: #eefeff;
  --c-teal-10: #dffdff;
  --c-teal-20: #d0fdff;
  --c-teal-30: #bbfcff;
  --c-teal-40: #a2fcff;
  --c-teal-50: #8bfbff;
  --c-teal-60: #73f6fb;
  --c-teal-70: #55ecf2;
  --c-teal-80: #35e2e9;
  --c-teal-90: #1bd2d9;
  --c-teal-100: #00b9c0;
  --c-cyan-0: #f3faff;
  --c-cyan-10: #e8f5ff;
  --c-cyan-20: #d3ecff;
  --c-cyan-30: #bfe4ff;
  --c-cyan-40: #a7daff;
  --c-cyan-50: #8dcfff;
  --c-cyan-60: #77c6ff;
  --c-cyan-70: #62bdff;
  --c-cyan-80: #46b1ff;
  --c-cyan-90: #24a3ff;
  --c-cyan-100: #0091fa;
}

.ds-button {
  --height: 44px;
  --c-background: var(--c-blue-80);
  --c-background--hover: var(--c-blue-70);
  --c-background--active: var(--c-blue-90);
  --c-focus: #c2d8ff;
  --c-text: #fff;
  --elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --padding: 13.5px 16px;
  --f-size: 14px;
  --f-family: var(--f-family-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  color: var(--c-text);
  line-height: 100%;
  outline: 1px solid rgba(0, 0, 0, 0);
  box-shadow: var(--elevation);
  white-space: nowrap;
  text-transform: uppercase;
  border-radius: 8px;
  padding: var(--padding);
  letter-spacing: 0.08em;
  background: var(--c-background);
  font-size: var(--f-size);
  height: var(--height);
  font-weight: bold;
  font-family: var(--f-family);
  transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
}
.ds-button:focus {
  outline: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 3px var(--c-focus), var(--elevation);
}
.ds-button:hover {
  background: var(--c-background--hover);
}
.ds-button:active {
  background: var(--c-background--active);
}
.ds-button-sm {
  --height: 24px;
}
.ds-button-md {
  --f-size: 13px;
  --height: 32px;
}
.ds-button-lg {
  --f-size: 14px;
  --height: 48px;
}
.ds-button-xl {
  --f-size: 16px;
  --height: 56px;
}
.ds-button.ds-button-light.ds-button-xl, .ds-button.ds-button-light.ds-button-lg {
  --elevation: var(--elevation-3);
}
.ds-button.ds-button-light.ds-button-xl:hover, .ds-button.ds-button-light.ds-button-xl:focus, .ds-button.ds-button-light.ds-button-lg:hover, .ds-button.ds-button-light.ds-button-lg:focus {
  --elevation: var(--elevation-4);
}
.ds-button.ds-button-light.ds-button-md, .ds-button.ds-button-light.ds-button-sm {
  --elevation: var(--elevation-2);
}
.ds-button.ds-button-light.ds-button-md:hover, .ds-button.ds-button-light.ds-button-md:focus, .ds-button.ds-button-light.ds-button-sm:hover, .ds-button.ds-button-light.ds-button-sm:focus {
  --elevation: var(--elevation-3);
}
.ds-button.ds-button-light.ds-button-round:active {
  --elevation: var(--elevation-1);
}
.ds-button-display {
  text-transform: uppercase;
  font-weight: bold;
}
.ds-button-display.ds-button-sm {
  --f-size: 10px;
  border-radius: 6px;
  --padding: 6px 8px 5px 8px;
  letter-spacing: 0.08em;
}
.ds-button-display.ds-button-md {
  border-radius: 8px;
  --padding: 8px 12px;
  letter-spacing: 0.08em;
}
.ds-button-display.ds-button-lg {
  border-radius: 8px;
  --padding: 13.5px 16px;
  letter-spacing: 0.08em;
}
.ds-button-display.ds-button-xl {
  border-radius: 8px;
  --padding: 18.5px 20px;
  letter-spacing: 0.12em;
}
.ds-button-regular {
  font-weight: bold;
  text-transform: none;
}
.ds-button-regular.ds-button-sm {
  --f-size: 11px;
  border-radius: var(--radius-1);
  --padding: 5.5px 8px 6px 8px;
  letter-spacing: -0.02em;
}
.ds-button-regular.ds-button-md {
  border-radius: 8px;
  --padding: 7.5px 12px 8.5px 12px;
  letter-spacing: -0.02em;
}
.ds-button-regular.ds-button-lg {
  border-radius: 8px;
  --padding: 14px 16px;
  letter-spacing: -0.02em;
}
.ds-button-regular.ds-button-xl {
  border-radius: 8px;
  --padding: 19px 20px;
  letter-spacing: 0em;
}
.ds-button-round {
  font-weight: 600;
  border-radius: var(--radius-x);
  text-transform: none;
}
.ds-button-round.ds-button-sm {
  --f-size: 11px;
  --padding: 5.5px 8px 6px 8px;
  letter-spacing: 0em;
}
.ds-button-round.ds-button-md {
  --padding: 7.5px 12px 8.5px 12px;
  letter-spacing: -0.02em;
}
.ds-button-round.ds-button-lg {
  --padding: 16px 20px;
  letter-spacing: -0.02em;
}
.ds-button-round.ds-button-xl {
  --padding: 19px 22px;
  letter-spacing: -0.02em;
}
.ds-button.ds-button-light:active {
  --c-background--active: #fff;
}
.ds-button-blue {
  --c-background: var(--c-blue-80);
  --c-focus: #c2d8ff;
  --c-background--hover: var(--c-blue-70);
  --c-background--active: var(--c-blue-90);
}
.ds-button-blue.ds-button-muted {
  --c-background: var(--c-cyan-10);
  --c-text: var(--c-blue-80);
  --c-background--hover: var(--c-cyan-0);
  --c-background--active: var(--c-cyan-20);
}
.ds-button-blue.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-blue-80);
}
.ds-button-blue.ds-button-light.ds-button-lg, .ds-button-blue.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #c2d8ff;
}
.ds-button-blue.ds-button-light.ds-button-sm, .ds-button-blue.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #c2d8ff;
}
.ds-button-blue.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-blue-80);
  --c-background--hover: rgba(0, 0, 0, 0);
  --c-background--active: rgba(0, 0, 0, 0);
}
.ds-button-indigo {
  --c-background: var(--c-indigo-80);
  --c-focus: #dee3ea;
  --c-background--hover: var(--c-indigo-70);
  --c-background--active: var(--c-indigo-90);
}
.ds-button-indigo.ds-button-muted {
  --c-background: var(--c-carbon-0);
  --c-text: var(--c-indigo-80);
  --c-background--hover: var(--c-indigo-10);
  --c-background--active: var(--c-indigo-30);
}
.ds-button-indigo.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-indigo-80);
}
.ds-button-indigo.ds-button-light.ds-button-lg, .ds-button-indigo.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #dee3ea;
}
.ds-button-indigo.ds-button-light.ds-button-sm, .ds-button-indigo.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #dee3ea;
}
.ds-button-indigo.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-indigo-80);
  --c-background--hover: var(--c-indigo-0);
  --c-background--active: var(--c-indigo-10);
}
.ds-button-green {
  --c-background: var(--c-green-90);
  --c-focus: #cff5dc;
  --c-background--hover: var(--c-green-80);
  --c-background--active: var(--c-green-100);
}
.ds-button-green.ds-button-muted {
  --c-background: var(--c-green-0);
  --c-background--hover: var(--c-green-10);
  --c-background--active: var(--c-green-20);
  --c-text: var(--c-green-100);
}
.ds-button-green.ds-button-muted.ds-button-round {
  --c-text: var(--c-green-90);
}
.ds-button-green.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-green-100);
}
.ds-button-green.ds-button-light.ds-button-lg, .ds-button-green.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #cff5dc;
}
.ds-button-green.ds-button-light.ds-button-sm, .ds-button-green.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #cff5dc;
}
.ds-button-green.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-green-100);
  --c-background--hover: var(--c-green-0);
  --c-background--active: var(--c-green-10);
}
.ds-button-red {
  --c-background: var(--c-red-80);
  --c-focus: #ffdde2;
  --c-background--hover: var(--c-red-70);
  --c-background--active: var(--c-red-90);
}
.ds-button-red.ds-button-muted {
  --c-background: var(--c-red-0);
  --c-text: var(--c-red-90);
  --c-background--hover: var(--c-red-10);
  --c-background--active: var(--c-red-20);
}
.ds-button-red.ds-button-muted.ds-button-round {
  --c-text: var(--c-red-80);
}
.ds-button-red.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-red-90);
}
.ds-button-red.ds-button-light.ds-button-lg, .ds-button-red.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #ffdde2;
}
.ds-button-red.ds-button-light.ds-button-sm, .ds-button-red.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #ffdde2;
}
.ds-button-red.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-red-90);
  --c-background--hover: var(--c-red-0);
  --c-background--active: var(--c-red-10);
}
.ds-button-yellow {
  --c-background: var(--c-yellow-80);
  --c-focus: #fff4d1;
  --c-background--hover: var(--c-yellow-60);
  --c-background--active: var(--c-yellow-90);
}
.ds-button-yellow.ds-button-muted {
  --c-background: var(--c-yellow-0);
  --c-text: var(--c-yellow-90);
  --c-background--hover: var(--c-yellow-10);
  --c-background--active: var(--c-yellow-20);
}
.ds-button-yellow.ds-button-muted.ds-button-round {
  --c-text: var(--c-yellow-80);
}
.ds-button-yellow.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-yellow-90);
}
.ds-button-yellow.ds-button-light.ds-button-lg, .ds-button-yellow.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #fff4d1;
}
.ds-button-yellow.ds-button-light.ds-button-sm, .ds-button-yellow.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #fff4d1;
}
.ds-button-yellow.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-yellow-90);
  --c-background--hover: var(--c-yellow-0);
  --c-background--active: var(--c-yellow-10);
}
.ds-button-orange {
  --c-background: var(--c-orange-70);
  --c-focus: #ffdfd1;
  --c-background--hover: var(--c-orange-70);
  --c-background--active: var(--c-orange-90);
}
.ds-button-orange.ds-button-muted {
  --c-background: var(--c-orange-0);
  --c-text: var(--c-orange-90);
  --c-background--hover: var(--c-orange-10);
  --c-background--active: var(--c-orange-20);
}
.ds-button-orange.ds-button-muted.ds-button-round {
  --c-text: var(--c-orange-80);
}
.ds-button-orange.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-orange-90);
}
.ds-button-orange.ds-button-light.ds-button-lg, .ds-button-orange.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #ffdfd1;
}
.ds-button-orange.ds-button-light.ds-button-sm, .ds-button-orange.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #ffdfd1;
}
.ds-button-orange.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-orange-90);
  --c-background--hover: var(--c-orange-0);
  --c-background--active: var(--c-orange-10);
}
.ds-button-cyan {
  --c-background: var(--c-cyan-90);
  --c-focus: #d3ecff;
  --c-background--hover: var(--c-cyan-80);
  --c-background--active: var(--c-cyan-100);
}
.ds-button-cyan.ds-button-muted {
  --c-background: var(--c-cyan-0);
  --c-text: var(--c-cyan-100);
  --c-background--hover: var(--c-cyan-10);
  --c-background--active: var(--c-cyan-20);
}
.ds-button-cyan.ds-button-muted.ds-button-round {
  --c-text: var(--c-cyan-90);
}
.ds-button-cyan.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-cyan-100);
}
.ds-button-cyan.ds-button-light.ds-button-lg, .ds-button-cyan.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #d3ecff;
}
.ds-button-cyan.ds-button-light.ds-button-sm, .ds-button-cyan.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #d3ecff;
}
.ds-button-cyan.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-cyan-100);
  --c-background--hover: var(--c-cyan-0);
  --c-background--active: var(--c-cyan-10);
}
.ds-button-lavender {
  --c-background: var(--c-lavender-80);
  --c-focus: #d0dbff;
  --c-background--hover: var(--c-lavender-70);
  --c-background--active: var(--c-lavender-90);
}
.ds-button-lavender.ds-button-muted {
  --c-background: var(--c-blue-0);
  --c-text: var(--c-lavender-90);
  --c-background--hover: var(--c-blue-10);
  --c-background--active: var(--c-blue-20);
}
.ds-button-lavender.ds-button-muted.ds-button-round {
  --c-text: var(--c-lavender-80);
}
.ds-button-lavender.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-lavender-90);
}
.ds-button-lavender.ds-button-light.ds-button-lg, .ds-button-lavender.ds-button-light.ds-button-xl {
  --c-background--hover: #fff;
  --c-focus: #d0dbff;
}
.ds-button-lavender.ds-button-light.ds-button-sm, .ds-button-lavender.ds-button-light.ds-button-md {
  --c-background--hover: #fff;
  --c-focus: #d0dbff;
}
.ds-button-lavender.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-lavender-90);
  --c-background--hover: var(--c-blue-0);
  --c-background--active: var(--c-blue-10);
}
.ds-button-black {
  --c-background: var(--c-black);
  --c-focus: #fff;
  --c-background--hover: var(--c-gray-90);
  --c-background--active: var(--c-gray-100);
}
.ds-button-black.ds-button-muted {
  --c-background: var(--c-carbon-0);
  --c-text: var(--c-indigo-80);
  --c-background--hover: var(--c-gray-10);
  --c-background--active: var(--c-gray-30);
}
.ds-button-black.ds-button-light {
  --c-background: #fff;
  --c-text: var(--c-gray-80);
}
.ds-button-black.ds-button-light.ds-button-lg, .ds-button-black.ds-button-light.ds-button-xl {
  --c-background--hover: var(--c-gray-0);
  --c-focus: #dee3ea;
}
.ds-button-black.ds-button-light.ds-button-sm, .ds-button-black.ds-button-light.ds-button-md {
  --c-background--hover: var(--c-gray-0);
  --c-focus: #dee3ea;
}
.ds-button-black.ds-button-ghost {
  --c-background: rgba(0, 0, 0, 0);
  --c-text: var(--c-gray-80);
  --c-background--hover: var(--c-gray-0);
  --c-background--active: var(--c-gray-10);
}
.ds-button:disabled {
  cursor: not-allowed;
  --c-background: var(--c-indigo-20);
  --c-text: var(--c-carbon-20);
}
.ds-button:disabled:hover {
  --c-background--hover: var(--c-indigo-20);
  --c-text: var(--c-carbon-20);
  --elevation: none;
}

.ds-heading {
  margin: 0;
}
.ds-theme--editorial .ds-heading, .ds-heading.ds-theme--editorial {
  --h6-color: var(--c-carbon-90);
  --h1-size: var(--f-size-10);
  --h2-size: var(--f-size-9);
  --h3-size: var(--f-size-7);
  --h6-size: var(--f-size-0);
  --h1-leading: var(--f-leading-title);
  --h1-font: var(--f-family-text);
  --h2-font: var(--f-family-text);
  --h3-font: var(--f-family-text);
  --h6-font: var(--f-family-text);
  --h1-tracking: var(--f-tracking-tight);
  --h2-tracking: var(--f-tracking-tight);
  --h3-tracking: var(--f-tracking-solid);
  --h4-tracking: var(--f-tracking-solid);
  --h6-tracking: var(--f-tracking-super);
  --h1-leading: var(--f-leading-title);
  --h1-weight: var(--f-weight-semibold);
  --h2-weight: var(--f-weight-semibold);
  --h4-weight: var(--f-weight-semibold);
  --h5-weight: var(--f-weight-medium);
  --h6-weight: var(--f-weight-medium);
}
.ds-heading-1 {
  margin-block-end: var(--space-6);
  font-family: var(--h1-font, var(--f-family-display));
  font-size: var(--h1-size, var(--f-size-13));
  line-height: var(--h1-leading, var(--f-leading-solid));
  letter-spacing: var(--h1-tracking, var(--f-tracking-dense));
  font-weight: var(--h1-weight, var(--f-weight-bold));
  color: var(--h1-color, var(--c-carbon-90));
  text-transform: var(--h1-transform, none);
}
.ds-heading-2 {
  margin-block-end: var(--space-5);
  font-family: var(--h2-font, var(--f-family-display));
  font-size: var(--h2-size, var(--f-size-11));
  line-height: var(--h2-leading, var(--f-leading-title));
  letter-spacing: var(--h2-tracking, var(--f-tracking-dense));
  font-weight: var(--h2-weight, var(--f-weight-bold));
  color: var(--h2-color, var(--c-carbon-90));
  text-transform: var(--h2-transform, none);
}
.ds-heading-3 {
  margin-block-end: var(--space-3);
  font-family: var(--h3-font, var(--f-family-display));
  font-size: var(--h3-size, var(--f-size-8));
  line-height: var(--h3-leading, var(--f-leading-title));
  letter-spacing: var(--h3-tracking, var(--f-tracking-tight));
  font-weight: var(--h3-weight, var(--f-weight-bold));
  color: var(--h3-color, var(--c-carbon-90));
  text-transform: var(--h3-transform, none);
}
.ds-heading-4 {
  margin-block-end: var(--space-3);
  font-family: var(--h4-font, var(--f-family-text));
  font-size: var(--h4-size, var(--f-size-6));
  line-height: var(--h4-leading, var(--f-leading-title));
  letter-spacing: var(--h4-tracking, var(--f-tracking-tight));
  font-weight: var(--h4-weight, var(--f-weight-medium));
  color: var(--h4-color, var(--c-carbon-90));
  text-transform: var(--h4-transform, none);
}
.ds-heading-5 {
  margin-block-end: var(--space-2);
  font-family: var(--h5-font, var(--f-family-text));
  font-size: var(--h5-size, var(--f-size-5));
  line-height: var(--h5-leading, var(--f-leading-title));
  letter-spacing: var(--h5-tracking, var(--f-tracking-tight));
  font-weight: var(--h5-weight, var(--f-weight-semibold));
  color: var(--h5-color, var(--c-carbon-90));
  text-transform: var(--h5-transform, none);
}
.ds-heading-6 {
  margin-block-end: var(--space-6);
  font-family: var(--h6-font, var(--f-family-monospace));
  font-size: var(--h6-size, var(--f-size-2));
  line-height: var(--h6-leading, var(--f-leading-title));
  letter-spacing: var(--h6-tracking, var(--f-tracking-extra));
  font-weight: var(--h6-weight, var(--f-weight-bold));
  color: var(--h6-color, var(--c-indigo-70));
  text-transform: var(--h6-transform, uppercase);
}

.ds-poster-1 {
  margin-block-end: var(--space-6);
  font-family: var(--poster1-font, var(--f-family-display));
  font-size: var(--poster1-size, var(--f-size-17));
  line-height: var(--poster1-leading, var(--f-leading-solid));
  letter-spacing: var(--poster1-tracking, var(--f-tracking-dense));
  font-weight: var(--poster1-weight, var(--f-weight-bold));
  color: var(--poster1-color, var(--c-carbon-90));
  text-transform: var(--poster1-transform, none);
}

.ds-poster-2 {
  margin-block-end: var(--space-6);
  font-family: var(--poster2-font, var(--f-family-display));
  font-size: var(--poster2-size, var(--f-size-16));
  line-height: var(--poster2-leading, var(--f-leading-solid));
  letter-spacing: var(--poster2-tracking, var(--f-tracking-dense));
  font-weight: var(--poster2-weight, var(--f-weight-semibold));
  color: var(--poster2-color, var(--c-carbon-90));
  text-transform: var(--poster2-transform, none);
}

.ds-poster-3 {
  margin-block-end: var(--space-6);
  font-family: var(--poster3-font, var(--f-family-display));
  font-size: var(--poster3-size, var(--f-size-15));
  line-height: var(--poster3-leading, var(--f-leading-solid));
  letter-spacing: var(--poster3-tracking, var(--f-tracking-dense));
  font-weight: var(--poster3-weight, var(--f-weight-semibold));
  color: var(--poster3-color, var(--c-carbon-90));
  text-transform: var(--poster3-transform, none);
}

.ds-poster-4 {
  margin-block-end: var(--space-6);
  font-family: var(--poster4-font, var(--f-family-text));
  font-size: var(--poster4-size, var(--f-size-14));
  line-height: var(--poster4-leading, var(--f-leading-solid));
  letter-spacing: var(--poster4-tracking, var(--f-tracking-dense));
  font-weight: var(--poster4-weight, var(--f-weight-semibold));
  color: var(--poster4-color, var(--c-carbon-90));
  text-transform: var(--poster4-transform, none);
}

.ds-paragraph {
  margin: 0 0 1.6em 0;
}
.ds-paragraph:last-child {
  margin-block-end: 0;
}
.ds-paragraph--base {
  --p1-leading: var(--f-leading-body);
  --p2-leading: var(--f-leading-body);
  --p3-leading: var(--f-leading-body);
  --p4-leading: var(--f-leading-body);
  --p5-leading: var(--f-leading-body);
  --p6-leading: var(--f-leading-body);
}
.ds-paragraph--prose {
  --p1-leading: var(--f-leading-prose);
  --p2-leading: var(--f-leading-prose);
  --p3-leading: var(--f-leading-prose);
  --p4-leading: var(--f-leading-prose);
  --p5-leading: var(--f-leading-prose);
  --p6-leading: var(--f-leading-prose);
}
.ds-paragraph--none {
  --p1-leading: 100%;
  --p2-leading: 100%;
  --p3-leading: 100%;
  --p4-leading: 100%;
  --p5-leading: 100%;
  --p6-leading: 100%;
}
.ds-paragraph-1 {
  font-family: var(--p1-font, var(--f-family-text));
  font-size: var(--p1-size, var(--f-size-7));
  line-height: var(--p1-leading, var(--f-leading-body));
  letter-spacing: var(--p1-tracking, var(--f-tracking-tight));
  font-weight: var(--p1-weight, var(--f-weight-regular));
  color: var(--p1-color, var(--c-indigo-90));
  text-transform: var(--p1-transform, none);
}
.ds-paragraph-2 {
  font-family: var(--p2-font, var(--f-family-text));
  font-size: var(--p2-size, var(--f-size-6));
  line-height: var(--p2-leading, var(--f-leading-body));
  letter-spacing: var(--p2-tracking, var(--f-tracking-tight));
  font-weight: var(--p2-weight, var(--f-weight-regular));
  color: var(--p2-color, var(--c-indigo-90));
  text-transform: var(--p2-transform, none);
}
.ds-paragraph-3 {
  font-family: var(--p3-font, var(--f-family-text));
  font-size: var(--p3-size, var(--f-size-5));
  line-height: var(--p3-leading, var(--f-leading-body));
  letter-spacing: var(--p3-tracking, var(--f-tracking-tight));
  font-weight: var(--p3-weight, var(--f-weight-regular));
  color: var(--p3-color, var(--c-indigo-90));
  text-transform: var(--p3-transform, none);
}
.ds-paragraph-4 {
  font-family: var(--p4-font, var(--f-family-text));
  font-size: var(--p4-size, var(--f-size-4));
  line-height: var(--p4-leading, var(--f-leading-body));
  letter-spacing: var(--p4-tracking, var(--f-tracking-solid));
  font-weight: var(--p4-weight, var(--f-weight-regular));
  color: var(--p4-color, var(--c-indigo-90));
  text-transform: var(--p4-transform, none);
}
.ds-paragraph-5 {
  font-family: var(--p5-font, var(--f-family-text));
  font-size: var(--p5-size, var(--f-size-3));
  line-height: var(--p5-leading, var(--f-leading-body));
  letter-spacing: var(--p5-tracking, var(--f-tracking-solid));
  font-weight: var(--p5-weight, var(--f-weight-regular));
  color: var(--p5-color, var(--c-indigo-90));
  text-transform: var(--p5-transform, none);
}
.ds-paragraph-6 {
  font-family: var(--p6-font, var(--f-family-text));
  font-size: var(--p6-size, var(--f-size-2));
  line-height: var(--p6-leading, var(--f-leading-body));
  letter-spacing: var(--p6-tracking, var(--f-tracking-solid));
  font-weight: var(--p6-weight, var(--f-weight-regular));
  color: var(--p6-color, var(--c-indigo-90));
  text-transform: var(--p6-transform, none);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--f-family-text);
}