/* Snapshot of epoch-website-astro base styles (fonts, tokens, reset, grid, tooltips, legacy colors and typography), compiled from its SCSS. Fonts load from epoch.ai. */
@font-face {
  font-family: "Messina Sans Book";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-Book.eot");
  src: local("Messina Sans Book"), local("MessinaSans-Book"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Book.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Book.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Book.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-BlackItalic.eot");
  src: local("Messina Sans Black Italic"), local("MessinaSans-BlackItalic"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BlackItalic.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BlackItalic.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBold.eot");
  src: local("Messina Sans SemiBold"), local("MessinaSans-SemiBold"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBold.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBold.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-Black.eot");
  src: local("Messina Sans Black"), local("MessinaSans-Black"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Black.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Black.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Black.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-Bold.eot");
  src: local("Messina Sans Bold"), local("MessinaSans-Bold"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Bold.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Bold.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBoldItalic.eot");
  src: local("Messina Sans SemiBold Italic"), local("MessinaSans-SemiBoldItalic"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBoldItalic.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBoldItalic.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-Regular.eot");
  src: local("Messina Sans Regular"), local("MessinaSans-Regular"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Regular.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Regular.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Regular.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-LightItalic.eot");
  src: local("Messina Sans Light Italic"), local("MessinaSans-LightItalic"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-LightItalic.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-LightItalic.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-BoldItalic.eot");
  src: local("Messina Sans Bold Italic"), local("MessinaSans-BoldItalic"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BoldItalic.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BoldItalic.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Messina Sans Book";
  src: url("assets/MessinaSans/MessinaSans-BookItalic.eot");
  src: local("Messina Sans Book Italic"), local("MessinaSans-BookItalic"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BookItalic.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BookItalic.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BookItalic.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-BookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-RegularItalic.eot");
  src: local("Messina Sans Regular Italic"), local("MessinaSans-RegularItalic"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-RegularItalic.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-RegularItalic.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-RegularItalic.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Messina Sans";
  src: url("https://epoch.ai/assets/MessinaSans/MessinaSans-Light.eot");
  src: local("Messina Sans Light"), local("MessinaSans-Light"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Light.eot?#iefix") format("embedded-opentype"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Light.woff2") format("woff2"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Light.woff") format("woff"), url("https://epoch.ai/assets/MessinaSans/MessinaSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Messina Serif";
  src: url("https://epoch.ai/assets/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff");
  src: url("https://epoch.ai/assets/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Messina Serif Variable Upright";
  src: url("https://epoch.ai/assets/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff");
  src: url("https://epoch.ai/assets/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Messina Serif Variable Italic";
  src: url("https://epoch.ai/assets/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff");
  src: url("https://epoch.ai/assets/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
/* Colors */
:root {
  --color-teal-0: #ffffff;
  --color-teal-100: #e6fef3;
  --color-teal-200: #abfae3;
  --color-teal-300: #70efd1;
  --color-teal-400: #34d2b9;
  --color-teal-500: #00a5a6;
  --color-teal-600: #00838a;
  --color-teal-700: #026b70;
  --color-teal-800: #034752;
  --color-teal-900: #072b33;
  --color-teal-1000: #0c2025;
  --color-blue-0: #ffffff;
  --color-blue-100: #e0f8ff;
  --color-blue-200: #beefff;
  --color-blue-300: #8bdfff;
  --color-blue-400: #58cdff;
  --color-blue-500: #1db0ff;
  --color-blue-600: #009af1;
  --color-blue-700: #1376ae;
  --color-blue-800: #1d5474;
  --color-blue-900: #1d3643;
  --color-blue-1000: #13191d;
  --color-green-0: #ffffff;
  --color-green-100: #d7f2d2;
  --color-green-200: #b2e7aa;
  --color-green-300: #8add81;
  --color-green-400: #60d358;
  --color-green-500: #37c632;
  --color-green-600: #29a629;
  --color-green-700: #1d7a22;
  --color-green-800: #1b5f21;
  --color-green-900: #13401a;
  --color-green-1000: #0b2310;
  --color-purple-0: #ffffff;
  --color-purple-100: #ede7f9;
  --color-purple-200: #d8cbf2;
  --color-purple-300: #b39ce5;
  --color-purple-400: #8f6dd8;
  --color-purple-500: #6a3ecb;
  --color-purple-600: #6335b5;
  --color-purple-700: #4b297f;
  --color-purple-800: #381f59;
  --color-purple-900: #231434;
  --color-purple-1000: #0c0711;
  /* --color-charcoal-0: #ffffff; */ /* use "white" instead */
  --color-charcoal-50: #f5f5f5;
  --color-charcoal-100: #eeeeee;
  --color-charcoal-200: #e3e4e4;
  --color-charcoal-300: #c7caca;
  --color-charcoal-400: #aab1b1;
  --color-charcoal-500: #8b9999;
  --color-charcoal-600: #6e8181;
  --color-charcoal-700: #536565;
  --color-charcoal-800: #3a4848;
  --color-charcoal-900: #212a2a;
  --color-charcoal-1000: #090c0c;
  --color-overlay-backdrop: color-mix(in srgb, var(--color-charcoal-1000) 20%, transparent); /* dims the page behind modals and drawers */
  --color-yellow-0: #ffffff;
  --color-yellow-100: #fff0d6;
  --color-yellow-200: #ffe2b2;
  --color-yellow-300: #ffcf80;
  --color-yellow-400: #ffbb4f;
  --color-yellow-500: #ffa61d;
  --color-yellow-600: #ea8d00;
  --color-yellow-700: #9c6106;
  --color-yellow-800: #704f1c;
  --color-yellow-900: #42331c;
  --color-yellow-1000: #1c1813;
  --color-red-0: #ffffff;
  --color-red-100: #ffe7e0;
  --color-red-200: #fed3c7;
  --color-red-300: #fca794;
  --color-red-400: #f87a63;
  --color-red-500: #f24b33;
  --color-red-600: #e62c11;
  --color-red-700: #b92510;
  --color-red-800: #8e1e0e;
  --color-red-900: #63160b;
  --color-red-1000: #390d07;
}

/* Shapes */
:root {
  --button-radius-m-desktop: 4px;
  --button-radius-m-mobile: 4px;
  --button-radius-l-desktop: 5px;
  --button-radius-l-mobile: 5px;
  --button-radius-rounded-desktop: 50px;
  --button-radius-rounded-mobile: 50px;
  --card-radius-m-desktop: 4px;
  --card-radius-m-mobile: 5px;
  --card-radius-l-desktop: 10px;
  --card-radius-l-mobile: 5px;
  --card-radius-xl-desktop: 20px;
  --card-radius-xl-mobile: 5px;
}

/* Shadows */
:root {
  --shadow-popover: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-tooltip: 0 5px 15px -3px rgba(0, 0, 0, 0.15);
}

/* Typeface */
:root {
  --font-messina-sans: 'Messina Sans', sans-serif;
  --font-weight-regular: normal;
  --font-weight-600: 600;
}

/* Default font Colors */
:root {
  --font-color-body: var(--color-charcoal-900);
  --font-color-display: var(--color-charcoal-1000);
  --font-color-heading: var(--color-charcoal-1000);
  --font-color-paragraph: var(--color-charcoal-900);
  --font-color-ui: var(--color-charcoal-1000);
}

/* Type Scale */
:root {
  --font-desktop-body-1-size: 22px;
  --font-desktop-body-1-line-height: 28.6px;
  --font-desktop-body-1-weight: var(--font-weight-regular);
  --font-desktop-body-2-size: 20px;
  --font-desktop-body-2-line-height: 26px;
  --font-desktop-body-2-weight: var(--font-weight-regular);
  --font-desktop-body-3-size: 18px;
  --font-desktop-body-3-line-height: 23.4px;
  --font-desktop-body-3-weight: var(--font-weight-regular);
  --font-desktop-body-4-size: 16px;
  --font-desktop-body-4-line-height: 20.8px;
  --font-desktop-body-4-weight: var(--font-weight-regular);
  --font-desktop-body-5-size: 14px;
  --font-desktop-body-5-line-height: 16.8px;
  --font-desktop-body-5-weight: var(--font-weight-regular);
  --font-desktop-display-1-size: 46px;
  --font-desktop-display-1-line-height: 50.6px;
  --font-desktop-display-1-weight: var(--font-weight-600);
  --font-desktop-display-2-size: 40px;
  --font-desktop-display-2-line-height: 48px;
  --font-desktop-display-2-weight: var(--font-weight-600);
  --font-desktop-display-3-size: 36px;
  --font-desktop-display-3-line-height: 43.2px;
  --font-desktop-display-3-weight: var(--font-weight-600);
  --font-desktop-display-4-size: 26px;
  --font-desktop-display-4-line-height: 31.2px;
  --font-desktop-display-4-weight: var(--font-weight-600);
  --font-desktop-display-5-size: 22px;
  --font-desktop-display-5-line-height: 26.4px;
  --font-desktop-display-5-weight: var(--font-weight-600);
  --font-desktop-display-6-size: 18px;
  --font-desktop-display-6-line-height: 21.6px;
  --font-desktop-display-6-weight: var(--font-weight-600);
  --font-desktop-heading-1-size: 46px;
  --font-desktop-heading-1-line-height: 55.2px;
  --font-desktop-heading-1-weight: var(--font-weight-600);
  --font-desktop-heading-2-size: 30px;
  --font-desktop-heading-2-line-height: 36px;
  --font-desktop-heading-2-weight: var(--font-weight-600);
  --font-desktop-heading-3-size: 26px;
  --font-desktop-heading-3-line-height: 31.2px;
  --font-desktop-heading-3-weight: var(--font-weight-600);
  --font-desktop-heading-4-size: 22px;
  --font-desktop-heading-4-line-height: 26.4px;
  --font-desktop-heading-4-weight: var(--font-weight-600);
  --font-desktop-heading-5-size: 20px;
  --font-desktop-heading-5-line-height: 26.4px;
  --font-desktop-heading-5-weight: var(--font-weight-600);
  --font-desktop-paragraph-1-paragraph-spacing: 22px;
  --font-desktop-paragraph-1-size: 22px;
  --font-desktop-paragraph-1-line-height: 35.2px;
  --font-desktop-paragraph-1-weight: var(--font-weight-regular);
  --font-desktop-paragraph-2-paragraph-spacing: 18px;
  --font-desktop-paragraph-2-size: 18px;
  --font-desktop-paragraph-2-line-height: 28.8px;
  --font-desktop-paragraph-2-weight: var(--font-weight-regular);
  --font-desktop-paragraph-3-paragraph-spacing: 16px;
  --font-desktop-paragraph-3-size: 16px;
  --font-desktop-paragraph-3-line-height: 25.6px;
  --font-desktop-paragraph-3-weight: var(--font-weight-regular);
  --font-desktop-paragraph-4-paragraph-spacing: 14px;
  --font-desktop-paragraph-4-size: 14px;
  --font-desktop-paragraph-4-line-height: 22.4px;
  --font-desktop-paragraph-4-weight: var(--font-weight-regular);
  --font-desktop-ui-1-size: 20px;
  --font-desktop-ui-1-line-height: 24px;
  --font-desktop-ui-1-weight: var(--font-weight-600);
  --font-desktop-ui-2-size: 18px;
  --font-desktop-ui-2-line-height: 21.6px;
  --font-desktop-ui-2-weight: var(--font-weight-600);
  --font-desktop-ui-3-size: 16px;
  --font-desktop-ui-3-line-height: 19.2px;
  --font-desktop-ui-3-weight: var(--font-weight-600);
  --font-desktop-ui-4-size: 14px;
  --font-desktop-ui-4-line-height: 16.8px;
  --font-desktop-ui-4-weight: var(--font-weight-600);
  --font-desktop-ui-5-size: 12px;
  --font-desktop-ui-5-line-height: 14.4px;
  --font-desktop-ui-5-weight: var(--font-weight-600);
  /* Mobile */
  --font-mobile-body-1-size: 18px;
  --font-mobile-body-1-line-height: 26px;
  --font-mobile-body-1-weight: var(--font-weight-regular);
  --font-mobile-body-2-size: 18px;
  --font-mobile-body-2-line-height: 23.4px;
  --font-mobile-body-2-weight: var(--font-weight-regular);
  --font-mobile-body-3-size: 18px;
  --font-mobile-body-3-line-height: 23.4px;
  --font-mobile-body-3-weight: var(--font-weight-regular);
  --font-mobile-body-4-size: 16px;
  --font-mobile-body-4-line-height: 20.8px;
  --font-mobile-body-4-weight: var(--font-weight-regular);
  --font-mobile-body-5-size: 14px;
  --font-mobile-body-5-line-height: 16.8px;
  --font-mobile-body-5-weight: var(--font-weight-regular);
  --font-mobile-display-1-size: 34px;
  --font-mobile-display-1-line-height: 37.4px;
  --font-mobile-display-1-weight: var(--font-weight-600);
  --font-mobile-display-2-size: 30px;
  --font-mobile-display-2-line-height: 36px;
  --font-mobile-display-2-weight: var(--font-weight-600);
  --font-mobile-display-3-size: 26px;
  --font-mobile-display-3-line-height: 31.2px;
  --font-mobile-display-3-weight: var(--font-weight-600);
  --font-mobile-display-4-size: 20px;
  --font-mobile-display-4-line-height: 24px;
  --font-mobile-display-4-weight: var(--font-weight-600);
  --font-mobile-display-5-size: 18px;
  --font-mobile-display-5-line-height: 21.6px;
  --font-mobile-display-5-weight: var(--font-weight-600);
  --font-mobile-display-6-size: 16px;
  --font-mobile-display-6-line-height: 19.2px;
  --font-mobile-display-6-weight: var(--font-weight-600);
  --font-mobile-heading-1-size: 26px;
  --font-mobile-heading-1-line-height: 31.2px;
  --font-mobile-heading-1-weight: var(--font-weight-600);
  --font-mobile-heading-2-size: 24px;
  --font-mobile-heading-2-line-height: 28.8px;
  --font-mobile-heading-2-weight: var(--font-weight-600);
  --font-mobile-heading-3-size: 20px;
  --font-mobile-heading-3-line-height: 24px;
  --font-mobile-heading-3-weight: var(--font-weight-600);
  --font-mobile-heading-4-size: 18px;
  --font-mobile-heading-4-line-height: 21.6px;
  --font-mobile-heading-4-weight: var(--font-weight-600);
  --font-mobile-heading-5-size: 16px;
  --font-mobile-heading-5-line-height: 21.6px;
  --font-mobile-heading-5-weight: var(--font-weight-600);
  --font-mobile-paragraph-1-paragraph-spacing: 18px;
  --font-mobile-paragraph-1-size: 18px;
  --font-mobile-paragraph-1-weight: var(--font-weight-regular);
  --font-mobile-paragraph-1-line-height: 28.8px;
  --font-mobile-paragraph-2-paragraph-spacing: 16px;
  --font-mobile-paragraph-2-size: 16px;
  --font-mobile-paragraph-2-line-height: 25.6px;
  --font-mobile-paragraph-2-weight: var(--font-weight-regular);
  --font-mobile-paragraph-3-paragraph-spacing: 14px;
  --font-mobile-paragraph-3-size: 14px;
  --font-mobile-paragraph-3-line-height: 22.4px;
  --font-mobile-paragraph-3-weight: var(--font-weight-regular);
  --font-mobile-paragraph-4-paragraph-spacing: 12px;
  --font-mobile-paragraph-4-size: 12px;
  --font-mobile-paragraph-4-line-height: 19.2px;
  --font-mobile-paragraph-4-weight: var(--font-weight-regular);
  --font-mobile-ui-1-size: 20px;
  --font-mobile-ui-1-line-height: 24px;
  --font-mobile-ui-1-weight: var(--font-weight-600);
  --font-mobile-ui-2-size: 18px;
  --font-mobile-ui-2-line-height: 19.2px;
  --font-mobile-ui-2-weight: var(--font-weight-600);
  --font-mobile-ui-3-size: 16px;
  --font-mobile-ui-3-line-height: 19.2px;
  --font-mobile-ui-3-weight: var(--font-weight-600);
  --font-mobile-ui-4-size: 14px;
  --font-mobile-ui-4-line-height: 16.8px;
  --font-mobile-ui-4-weight: var(--font-weight-600);
  --font-mobile-ui-5-size: 12px;
  --font-mobile-ui-5-line-height: 14.4px;
  --font-mobile-ui-5-weight: var(--font-weight-600);
  --icon-frame-desktop-l: 13px;
  --icon-frame-desktop-m: 11px;
  --icon-frame-desktop-s: 10px;
  --icon-frame-tablet-l: 11px;
  --icon-frame-tablet-m: 11px;
  --icon-frame-tablet-s: 10px;
  --icon-frame-mobile-l: 11px;
  --icon-frame-mobile-m: 11px;
  --icon-frame-mobile-s: 10px;
}

:root {
  --desktop-vspacer-xl: 120px;
  --desktop-vspacer-l: 60px;
  --desktop-vspacer-m: 40px;
  --desktop-vspacer-s: 30px;
  --tablet-vspacer-xl: 80px;
  --tablet-vspacer-l: 40px;
  --tablet-vspacer-m: 30px;
  --tablet-vspacer-s: 20px;
  --mobile-vspacer-xl: 80px;
  --mobile-vspacer-l: 40px;
  --mobile-vspacer-m: 30px;
  --mobile-vspacer-s: 20px;
  --desktop-card-padding-xl: 40px;
  --desktop-card-padding-l: 30px;
  --desktop-card-padding-m: 20px;
  --tablet-card-padding-xl: 30px;
  --tablet-card-padding-l: 20px;
  --tablet-card-padding-m: 10px;
  --mobile-card-padding-xl: 20px;
  --mobile-card-padding-l: 15px;
  --mobile-card-padding-m: 8px;
  --desktop-button-padding-l: 15px 15px;
  --desktop-button-padding-m: 12px 12px;
  --desktop-button-padding-s: 10px 10px;
  --desktop-button-padding-xs: 8px 8px;
  --tablet-button-padding-l: 15px 15px;
  --tablet-button-padding-m: 12px 12px;
  --tablet-button-padding-s: 8px 10px;
  --tablet-button-padding-xs: 6px 8px;
  --mobile-button-padding-l: 15px 15px;
  --mobile-button-padding-m: 12px 12px;
  --mobile-button-padding-s: 8px 10px;
  --mobile-button-padding-xs: 6px 8px;
  --desktop-epoch-margin: 60px;
  --tablet-epoch-margin: 30px;
  --mobile-epoch-margin: 20px;
  --desktop-epoch-gutter: 30px;
  --tablet-epoch-gutter: 30px;
  --mobile-epoch-gutter: 20px;
}

:root {
  --spacer-60: 60px;
  --spacer-40: 40px;
  --spacer-30: 30px;
  --spacer-20: 20px;
  --spacer-15: 15px;
  --spacer-10: 10px;
  --spacer-8: 8px;
  --spacer-5: 5px;
}

/* Stacking layers */
:root {
  --z-index-nav-secondary: 10;
  /* 1000+ tier: these depend on each other — keep them in order here */
  --z-index-chart-tooltip: 1000; /* cursor-following chart tooltips: below the nav stack */
  --z-index-tooltip-popup: 1010;
  --z-index-portaled-menu: 1020;
  --z-index-nav-overlay: 1030; /* body::after dim when nav dropdown is active */
  --z-index-nav-bar: 1040; /* always clears portaled elements */
  --z-index-overlay: 1050; /* modals and other overlays go over everything */
}

@container epoch-table-scroll scroll-state(scrollable: left) {
  tbody > tr > td:first-child, thead > tr > th:first-child {
    box-shadow: inset -1px 0 0 var(--color-charcoal-200);
  }
}
/* Tables */
/* Media Queries */
html {
  scroll-behavior: smooth;
}

:root {
  --focus-ring-color: var(--color-teal-600);
  --focus-ring: 2px solid var(--focus-ring-color);
  --focus-ring-offset: 2px;
}

:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
}

body.modal-open {
  overflow: hidden;
}

body.viz-sidebar-open {
  overflow: hidden;
}

[hidden=until-found] {
  position: absolute;
}

.body-1 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-body-1-size);
  line-height: var(--font-body-1-line-height);
  font-weight: var(--font-body-1-weight);
  margin-bottom: var(--font-body-1-paragraph-spacing);
  color: var(--font-color-body);
}

.body-2 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-body-2-size);
  line-height: var(--font-body-2-line-height);
  font-weight: var(--font-body-2-weight);
  margin-bottom: var(--font-body-2-paragraph-spacing);
  color: var(--font-color-body);
}

.body-3 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-body-3-size);
  line-height: var(--font-body-3-line-height);
  font-weight: var(--font-body-3-weight);
  margin-bottom: var(--font-body-3-paragraph-spacing);
  color: var(--font-color-body);
}

.body-4 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-body-4-size);
  line-height: var(--font-body-4-line-height);
  font-weight: var(--font-body-4-weight);
  margin-bottom: var(--font-body-4-paragraph-spacing);
  color: var(--font-color-body);
}

.body-5 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-body-5-size);
  line-height: var(--font-body-5-line-height);
  font-weight: var(--font-body-5-weight);
  margin-bottom: var(--font-body-5-paragraph-spacing);
  color: var(--font-color-body);
}

.display-1 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-display-1-size);
  line-height: var(--font-display-1-line-height);
  font-weight: var(--font-display-1-weight);
  margin-bottom: var(--font-display-1-paragraph-spacing);
  color: var(--font-color-display);
}

.display-2 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-display-2-size);
  line-height: var(--font-display-2-line-height);
  font-weight: var(--font-display-2-weight);
  margin-bottom: var(--font-display-2-paragraph-spacing);
  color: var(--font-color-display);
}

.display-3 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-display-3-size);
  line-height: var(--font-display-3-line-height);
  font-weight: var(--font-display-3-weight);
  margin-bottom: var(--font-display-3-paragraph-spacing);
  color: var(--font-color-display);
}

.display-4 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-display-4-size);
  line-height: var(--font-display-4-line-height);
  font-weight: var(--font-display-4-weight);
  margin-bottom: var(--font-display-4-paragraph-spacing);
  color: var(--font-color-display);
}

.display-5 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-display-5-size);
  line-height: var(--font-display-5-line-height);
  font-weight: var(--font-display-5-weight);
  margin-bottom: var(--font-display-5-paragraph-spacing);
  color: var(--font-color-display);
}

.display-6 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-display-6-size);
  line-height: var(--font-display-6-line-height);
  font-weight: var(--font-display-6-weight);
  margin-bottom: var(--font-display-6-paragraph-spacing);
  color: var(--font-color-display);
}

.heading-1 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-heading-1-size);
  line-height: var(--font-heading-1-line-height);
  font-weight: var(--font-heading-1-weight);
  margin-bottom: var(--font-heading-1-paragraph-spacing);
  color: var(--font-color-heading);
}

.heading-2 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-heading-2-size);
  line-height: var(--font-heading-2-line-height);
  font-weight: var(--font-heading-2-weight);
  margin-bottom: var(--font-heading-2-paragraph-spacing);
  color: var(--font-color-heading);
}

.heading-3 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-heading-3-size);
  line-height: var(--font-heading-3-line-height);
  font-weight: var(--font-heading-3-weight);
  margin-bottom: var(--font-heading-3-paragraph-spacing);
  color: var(--font-color-heading);
}

.heading-4 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-heading-4-size);
  line-height: var(--font-heading-4-line-height);
  font-weight: var(--font-heading-4-weight);
  margin-bottom: var(--font-heading-4-paragraph-spacing);
  color: var(--font-color-heading);
}

.heading-5 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-heading-5-size);
  line-height: var(--font-heading-5-line-height);
  font-weight: var(--font-heading-5-weight);
  margin-bottom: var(--font-heading-5-paragraph-spacing);
  color: var(--font-color-heading);
}

.paragraph-1 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-paragraph-1-size);
  line-height: var(--font-paragraph-1-line-height);
  font-weight: var(--font-paragraph-1-weight);
  margin-bottom: var(--font-paragraph-1-paragraph-spacing);
  color: var(--font-color-paragraph);
}

.paragraph-2 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-paragraph-2-size);
  line-height: var(--font-paragraph-2-line-height);
  font-weight: var(--font-paragraph-2-weight);
  margin-bottom: var(--font-paragraph-2-paragraph-spacing);
  color: var(--font-color-paragraph);
}

.paragraph-3 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-paragraph-3-size);
  line-height: var(--font-paragraph-3-line-height);
  font-weight: var(--font-paragraph-3-weight);
  margin-bottom: var(--font-paragraph-3-paragraph-spacing);
  color: var(--font-color-paragraph);
}

.paragraph-4 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-paragraph-4-size);
  line-height: var(--font-paragraph-4-line-height);
  font-weight: var(--font-paragraph-4-weight);
  margin-bottom: var(--font-paragraph-4-paragraph-spacing);
  color: var(--font-color-paragraph);
}

.ui-1 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-ui-1-size);
  line-height: var(--font-ui-1-line-height);
  font-weight: var(--font-ui-1-weight);
  margin-bottom: var(--font-ui-1-paragraph-spacing);
  color: var(--font-color-ui);
}

.ui-2 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-ui-2-size);
  line-height: var(--font-ui-2-line-height);
  font-weight: var(--font-ui-2-weight);
  margin-bottom: var(--font-ui-2-paragraph-spacing);
  color: var(--font-color-ui);
}

.ui-3 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-ui-3-size);
  line-height: var(--font-ui-3-line-height);
  font-weight: var(--font-ui-3-weight);
  margin-bottom: var(--font-ui-3-paragraph-spacing);
  color: var(--font-color-ui);
}

.ui-4 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-ui-4-size);
  line-height: var(--font-ui-4-line-height);
  font-weight: var(--font-ui-4-weight);
  margin-bottom: var(--font-ui-4-paragraph-spacing);
  color: var(--font-color-ui);
}

.ui-5 {
  font-family: var(--font-messina-sans);
  font-size: var(--font-ui-5-size);
  line-height: var(--font-ui-5-line-height);
  font-weight: var(--font-ui-5-weight);
  margin-bottom: var(--font-ui-5-paragraph-spacing);
  color: var(--font-color-ui);
}

.text-teal-0 {
  color: var(--color-teal-0);
}

.text-blue-0 {
  color: var(--color-blue-0);
}

.text-green-0 {
  color: var(--color-green-0);
}

.text-purple-0 {
  color: var(--color-purple-0);
}

.text-charcoal-0 {
  color: white;
}

.text-yellow-0 {
  color: var(--color-yellow-0);
}

.text-red-0 {
  color: var(--color-red-0);
}

.text-teal-100 {
  color: var(--color-teal-100);
}

.text-blue-100 {
  color: var(--color-blue-100);
}

.text-green-100 {
  color: var(--color-green-100);
}

.text-purple-100 {
  color: var(--color-purple-100);
}

.text-charcoal-100 {
  color: var(--color-charcoal-100);
}

.text-yellow-100 {
  color: var(--color-yellow-100);
}

.text-red-100 {
  color: var(--color-red-100);
}

.text-teal-200 {
  color: var(--color-teal-200);
}

.text-blue-200 {
  color: var(--color-blue-200);
}

.text-green-200 {
  color: var(--color-green-200);
}

.text-purple-200 {
  color: var(--color-purple-200);
}

.text-charcoal-200 {
  color: var(--color-charcoal-200);
}

.text-yellow-200 {
  color: var(--color-yellow-200);
}

.text-red-200 {
  color: var(--color-red-200);
}

.text-teal-300 {
  color: var(--color-teal-300);
}

.text-blue-300 {
  color: var(--color-blue-300);
}

.text-green-300 {
  color: var(--color-green-300);
}

.text-purple-300 {
  color: var(--color-purple-300);
}

.text-charcoal-300 {
  color: var(--color-charcoal-300);
}

.text-yellow-300 {
  color: var(--color-yellow-300);
}

.text-red-300 {
  color: var(--color-red-300);
}

.text-teal-400 {
  color: var(--color-teal-400);
}

.text-blue-400 {
  color: var(--color-blue-400);
}

.text-green-400 {
  color: var(--color-green-400);
}

.text-purple-400 {
  color: var(--color-purple-400);
}

.text-charcoal-400 {
  color: var(--color-charcoal-400);
}

.text-yellow-400 {
  color: var(--color-yellow-400);
}

.text-red-400 {
  color: var(--color-red-400);
}

.text-teal-500 {
  color: var(--color-teal-500);
}

.text-blue-500 {
  color: var(--color-blue-500);
}

.text-green-500 {
  color: var(--color-green-500);
}

.text-purple-500 {
  color: var(--color-purple-500);
}

.text-charcoal-500 {
  color: var(--color-charcoal-500);
}

.text-yellow-500 {
  color: var(--color-yellow-500);
}

.text-red-500 {
  color: var(--color-red-500);
}

.text-teal-600 {
  color: var(--color-teal-600);
}

.text-blue-600 {
  color: var(--color-blue-600);
}

.text-green-600 {
  color: var(--color-green-600);
}

.text-purple-600 {
  color: var(--color-purple-600);
}

.text-charcoal-600 {
  color: var(--color-charcoal-600);
}

.text-yellow-600 {
  color: var(--color-yellow-600);
}

.text-red-600 {
  color: var(--color-red-600);
}

.text-teal-700 {
  color: var(--color-teal-700);
}

.text-blue-700 {
  color: var(--color-blue-700);
}

.text-green-700 {
  color: var(--color-green-700);
}

.text-purple-700 {
  color: var(--color-purple-700);
}

.text-charcoal-700 {
  color: var(--color-charcoal-700);
}

.text-yellow-700 {
  color: var(--color-yellow-700);
}

.text-red-700 {
  color: var(--color-red-700);
}

.text-teal-800 {
  color: var(--color-teal-800);
}

.text-blue-800 {
  color: var(--color-blue-800);
}

.text-green-800 {
  color: var(--color-green-800);
}

.text-purple-800 {
  color: var(--color-purple-800);
}

.text-charcoal-800 {
  color: var(--color-charcoal-800);
}

.text-yellow-800 {
  color: var(--color-yellow-800);
}

.text-red-800 {
  color: var(--color-red-800);
}

.text-teal-900 {
  color: var(--color-teal-900);
}

.text-blue-900 {
  color: var(--color-blue-900);
}

.text-green-900 {
  color: var(--color-green-900);
}

.text-purple-900 {
  color: var(--color-purple-900);
}

.text-charcoal-900 {
  color: var(--color-charcoal-900);
}

.text-yellow-900 {
  color: var(--color-yellow-900);
}

.text-red-900 {
  color: var(--color-red-900);
}

.text-teal-1000 {
  color: var(--color-teal-1000);
}

.text-blue-1000 {
  color: var(--color-blue-1000);
}

.text-green-1000 {
  color: var(--color-green-1000);
}

.text-purple-1000 {
  color: var(--color-purple-1000);
}

.text-charcoal-1000 {
  color: var(--color-charcoal-1000);
}

.text-yellow-1000 {
  color: var(--color-yellow-1000);
}

.text-red-1000 {
  color: var(--color-red-1000);
}

.trim {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
@supports (background: -webkit-named-image(i)) {
  .trim {
    text-box-trim: none;
    text-box-edge: auto;
  }
}

.display-contents {
  display: contents;
}

.br-card-large {
  border-radius: var(--card-radius-l);
}

.width-100 {
  width: 100%;
}

.w-fit {
  width: fit-content;
}

.ms-auto {
  margin-left: auto;
}

.me-auto {
  margin-right: auto;
}

pre, code {
  font-family: "PT Mono", monospace !important;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.styled-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.styled-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.styled-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-charcoal-300);
  border-radius: 48px;
}
.styled-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--color-charcoal-500);
}
@supports not selector(::-webkit-scrollbar) {
  .styled-scrollbar {
    scrollbar-color: var(--color-charcoal-300) transparent;
  }
}

.link {
  color: var(--color-charcoal-900);
  text-decoration: underline;
}
.link:hover {
  color: var(--color-teal-600);
}

.fw-400 {
  font-weight: 400;
}

.fw-600 {
  font-weight: 600;
}

.input-large {
  box-sizing: content-box;
}
.input-large .x-icon {
  width: 1lh;
  height: 1lh;
}
.input-large .x-icon > svg {
  flex-shrink: 0;
}
.input-large {
  padding: 10px 12px;
  background: white;
  border: 1px solid var(--color-charcoal-500);
  border-radius: 5px;
  transition: all 0.2s ease;
  font-family: var(--font-messina-sans);
  font-size: var(--font-ui-3-size);
  line-height: var(--font-ui-3-line-height);
  font-weight: var(--font-ui-3-weight);
  margin-bottom: var(--font-ui-3-paragraph-spacing);
  font-weight: 400;
  color: var(--color-charcoal-700);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  text-align: left;
}
.input-large[aria-expanded=true] {
  border-color: var(--color-teal-500);
}
.input-large:focus-visible, .input-large:has(:focus-visible) {
  border-color: var(--color-teal-500);
}
.input-large:hover {
  border-color: var(--color-teal-500);
  color: var(--color-teal-500);
}
.input-large:hover path[fill]:not([fill=none]) {
  fill: var(--color-teal-500);
}
.input-large:hover path[stroke]:not([stroke=none]) {
  stroke: var(--color-teal-500);
}

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

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-family: "Messina Sans", sans-serif;
}

body {
  overflow-x: hidden;
}

/*
Source - https://stackoverflow.com/a/3428477
Posted by David Kaneda, modified by community. See post 'Timeline' for change history
Retrieved 2026-03-13, License - CC BY-SA 4.0
*/
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
a {
  text-decoration: none;
  color: inherit;
}

ul, ol {
  list-style: none;
}

input, textarea, select, button, code, pre {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: none;
}

table {
  border-collapse: collapse;
}

:root {
  --content-width: clamp(1304px, calc(100vw - 60px * 2), 1416px);
  --column-width: calc((var(--content-width) - (30px*11)) / 12);
  --content-margin: 60px;
  --column-margin: 30px;
  --column-count: 12;
  --columns-full: 12;
  --columns-half: 6;
  --columns-third: 4;
  --columns-two-third: 8;
  --font-body-1-size: var(--font-desktop-body-1-size);
  --font-body-1-line-height: var(--font-desktop-body-1-line-height);
  --font-body-1-weight: var(--font-desktop-body-1-weight);
  --font-body-1-paragraph-spacing: var(--font-desktop-body-1-paragraph-spacing);
  --font-body-2-size: var(--font-desktop-body-2-size);
  --font-body-2-line-height: var(--font-desktop-body-2-line-height);
  --font-body-2-weight: var(--font-desktop-body-2-weight);
  --font-body-2-paragraph-spacing: var(--font-desktop-body-2-paragraph-spacing);
  --font-body-3-size: var(--font-desktop-body-3-size);
  --font-body-3-line-height: var(--font-desktop-body-3-line-height);
  --font-body-3-weight: var(--font-desktop-body-3-weight);
  --font-body-3-paragraph-spacing: var(--font-desktop-body-3-paragraph-spacing);
  --font-body-4-size: var(--font-desktop-body-4-size);
  --font-body-4-line-height: var(--font-desktop-body-4-line-height);
  --font-body-4-weight: var(--font-desktop-body-4-weight);
  --font-body-4-paragraph-spacing: var(--font-desktop-body-4-paragraph-spacing);
  --font-body-5-size: var(--font-desktop-body-5-size);
  --font-body-5-line-height: var(--font-desktop-body-5-line-height);
  --font-body-5-weight: var(--font-desktop-body-5-weight);
  --font-body-5-paragraph-spacing: var(--font-desktop-body-5-paragraph-spacing);
  --font-display-1-size: var(--font-desktop-display-1-size);
  --font-display-1-line-height: var(--font-desktop-display-1-line-height);
  --font-display-1-weight: var(--font-desktop-display-1-weight);
  --font-display-1-paragraph-spacing: var(--font-desktop-display-1-paragraph-spacing);
  --font-display-2-size: var(--font-desktop-display-2-size);
  --font-display-2-line-height: var(--font-desktop-display-2-line-height);
  --font-display-2-weight: var(--font-desktop-display-2-weight);
  --font-display-2-paragraph-spacing: var(--font-desktop-display-2-paragraph-spacing);
  --font-display-3-size: var(--font-desktop-display-3-size);
  --font-display-3-line-height: var(--font-desktop-display-3-line-height);
  --font-display-3-weight: var(--font-desktop-display-3-weight);
  --font-display-3-paragraph-spacing: var(--font-desktop-display-3-paragraph-spacing);
  --font-display-4-size: var(--font-desktop-display-4-size);
  --font-display-4-line-height: var(--font-desktop-display-4-line-height);
  --font-display-4-weight: var(--font-desktop-display-4-weight);
  --font-display-4-paragraph-spacing: var(--font-desktop-display-4-paragraph-spacing);
  --font-display-5-size: var(--font-desktop-display-5-size);
  --font-display-5-line-height: var(--font-desktop-display-5-line-height);
  --font-display-5-weight: var(--font-desktop-display-5-weight);
  --font-display-5-paragraph-spacing: var(--font-desktop-display-5-paragraph-spacing);
  --font-display-6-size: var(--font-desktop-display-6-size);
  --font-display-6-line-height: var(--font-desktop-display-6-line-height);
  --font-display-6-weight: var(--font-desktop-display-6-weight);
  --font-display-6-paragraph-spacing: var(--font-desktop-display-6-paragraph-spacing);
  --font-heading-1-size: var(--font-desktop-heading-1-size);
  --font-heading-1-line-height: var(--font-desktop-heading-1-line-height);
  --font-heading-1-weight: var(--font-desktop-heading-1-weight);
  --font-heading-1-paragraph-spacing: var(--font-desktop-heading-1-paragraph-spacing);
  --font-heading-2-size: var(--font-desktop-heading-2-size);
  --font-heading-2-line-height: var(--font-desktop-heading-2-line-height);
  --font-heading-2-weight: var(--font-desktop-heading-2-weight);
  --font-heading-2-paragraph-spacing: var(--font-desktop-heading-2-paragraph-spacing);
  --font-heading-3-size: var(--font-desktop-heading-3-size);
  --font-heading-3-line-height: var(--font-desktop-heading-3-line-height);
  --font-heading-3-weight: var(--font-desktop-heading-3-weight);
  --font-heading-3-paragraph-spacing: var(--font-desktop-heading-3-paragraph-spacing);
  --font-heading-4-size: var(--font-desktop-heading-4-size);
  --font-heading-4-line-height: var(--font-desktop-heading-4-line-height);
  --font-heading-4-weight: var(--font-desktop-heading-4-weight);
  --font-heading-4-paragraph-spacing: var(--font-desktop-heading-4-paragraph-spacing);
  --font-heading-5-size: var(--font-desktop-heading-5-size);
  --font-heading-5-line-height: var(--font-desktop-heading-5-line-height);
  --font-heading-5-weight: var(--font-desktop-heading-5-weight);
  --font-heading-5-paragraph-spacing: var(--font-desktop-heading-5-paragraph-spacing);
  --font-paragraph-1-size: var(--font-desktop-paragraph-1-size);
  --font-paragraph-1-line-height: var(--font-desktop-paragraph-1-line-height);
  --font-paragraph-1-weight: var(--font-desktop-paragraph-1-weight);
  --font-paragraph-1-paragraph-spacing: var(--font-desktop-paragraph-1-paragraph-spacing);
  --font-paragraph-2-size: var(--font-desktop-paragraph-2-size);
  --font-paragraph-2-line-height: var(--font-desktop-paragraph-2-line-height);
  --font-paragraph-2-weight: var(--font-desktop-paragraph-2-weight);
  --font-paragraph-2-paragraph-spacing: var(--font-desktop-paragraph-2-paragraph-spacing);
  --font-paragraph-3-size: var(--font-desktop-paragraph-3-size);
  --font-paragraph-3-line-height: var(--font-desktop-paragraph-3-line-height);
  --font-paragraph-3-weight: var(--font-desktop-paragraph-3-weight);
  --font-paragraph-3-paragraph-spacing: var(--font-desktop-paragraph-3-paragraph-spacing);
  --font-paragraph-4-size: var(--font-desktop-paragraph-4-size);
  --font-paragraph-4-line-height: var(--font-desktop-paragraph-4-line-height);
  --font-paragraph-4-weight: var(--font-desktop-paragraph-4-weight);
  --font-paragraph-4-paragraph-spacing: var(--font-desktop-paragraph-4-paragraph-spacing);
  --font-ui-1-size: var(--font-desktop-ui-1-size);
  --font-ui-1-line-height: var(--font-desktop-ui-1-line-height);
  --font-ui-1-weight: var(--font-desktop-ui-1-weight);
  --font-ui-1-paragraph-spacing: var(--font-desktop-ui-1-paragraph-spacing);
  --font-ui-2-size: var(--font-desktop-ui-2-size);
  --font-ui-2-line-height: var(--font-desktop-ui-2-line-height);
  --font-ui-2-weight: var(--font-desktop-ui-2-weight);
  --font-ui-2-paragraph-spacing: var(--font-desktop-ui-2-paragraph-spacing);
  --font-ui-3-size: var(--font-desktop-ui-3-size);
  --font-ui-3-line-height: var(--font-desktop-ui-3-line-height);
  --font-ui-3-weight: var(--font-desktop-ui-3-weight);
  --font-ui-3-paragraph-spacing: var(--font-desktop-ui-3-paragraph-spacing);
  --font-ui-4-size: var(--font-desktop-ui-4-size);
  --font-ui-4-line-height: var(--font-desktop-ui-4-line-height);
  --font-ui-4-weight: var(--font-desktop-ui-4-weight);
  --font-ui-4-paragraph-spacing: var(--font-desktop-ui-4-paragraph-spacing);
  --font-ui-5-size: var(--font-desktop-ui-5-size);
  --font-ui-5-line-height: var(--font-desktop-ui-5-line-height);
  --font-ui-5-weight: var(--font-desktop-ui-5-weight);
  --font-ui-5-paragraph-spacing: var(--font-desktop-ui-5-paragraph-spacing);
  --vspacer-xl: var(--desktop-vspacer-xl);
  --vspacer-l: var(--desktop-vspacer-l);
  --vspacer-m: var(--desktop-vspacer-m);
  --vspacer-s: var(--desktop-vspacer-s);
  --card-padding-xl: var(--desktop-card-padding-xl);
  --card-padding-l: var(--desktop-card-padding-l);
  --card-padding-m: var(--desktop-card-padding-m);
  --button-padding-l: var(--desktop-button-padding-l);
  --button-padding-m: var(--desktop-button-padding-m);
  --button-padding-s: var(--desktop-button-padding-s);
  --button-padding-xs: var(--desktop-button-padding-xs);
  --epoch-margin: var(--desktop-epoch-margin);
  --epoch-gutter: var(--desktop-epoch-gutter);
  --icon-frame-l: var(--icon-frame-desktop-l);
  --icon-frame-m: var(--icon-frame-desktop-m);
  --icon-frame-s: var(--icon-frame-desktop-s);
  --button-radius-m: var(--button-radius-m-desktop);
  --button-radius-l: var(--button-radius-l-desktop);
  --button-radius-rounded: var(--button-radius-rounded-desktop);
  --card-radius-m: var(--card-radius-m-desktop);
  --card-radius-l: var(--card-radius-l-desktop);
  --card-radius-xl: var(--card-radius-xl-desktop);
  --epoch-gutter: var(--desktop-epoch-gutter);
}

@media screen and (min-width: 1024px) and (max-width: 1423px) {
  :root {
    --content-width: clamp(904px, calc(100vw - 60px * 2), 1303px);
    --column-width: calc((var(--content-width) - (30px*11)) / 12);
    --content-margin: 60px;
    --column-margin: 30px;
    --column-count: 12;
    --columns-full: 12;
    --columns-half: 6;
    --columns-third: 4;
    --columns-two-third: 8;
    --font-body-1-size: var(--font-desktop-body-1-size);
    --font-body-1-line-height: var(--font-desktop-body-1-line-height);
    --font-body-1-weight: var(--font-desktop-body-1-weight);
    --font-body-1-paragraph-spacing: var(--font-desktop-body-1-paragraph-spacing);
    --font-body-2-size: var(--font-desktop-body-2-size);
    --font-body-2-line-height: var(--font-desktop-body-2-line-height);
    --font-body-2-weight: var(--font-desktop-body-2-weight);
    --font-body-2-paragraph-spacing: var(--font-desktop-body-2-paragraph-spacing);
    --font-body-3-size: var(--font-desktop-body-3-size);
    --font-body-3-line-height: var(--font-desktop-body-3-line-height);
    --font-body-3-weight: var(--font-desktop-body-3-weight);
    --font-body-3-paragraph-spacing: var(--font-desktop-body-3-paragraph-spacing);
    --font-body-4-size: var(--font-desktop-body-4-size);
    --font-body-4-line-height: var(--font-desktop-body-4-line-height);
    --font-body-4-weight: var(--font-desktop-body-4-weight);
    --font-body-4-paragraph-spacing: var(--font-desktop-body-4-paragraph-spacing);
    --font-body-5-size: var(--font-desktop-body-5-size);
    --font-body-5-line-height: var(--font-desktop-body-5-line-height);
    --font-body-5-weight: var(--font-desktop-body-5-weight);
    --font-body-5-paragraph-spacing: var(--font-desktop-body-5-paragraph-spacing);
    --font-display-1-size: var(--font-desktop-display-1-size);
    --font-display-1-line-height: var(--font-desktop-display-1-line-height);
    --font-display-1-weight: var(--font-desktop-display-1-weight);
    --font-display-1-paragraph-spacing: var(--font-desktop-display-1-paragraph-spacing);
    --font-display-2-size: var(--font-desktop-display-2-size);
    --font-display-2-line-height: var(--font-desktop-display-2-line-height);
    --font-display-2-weight: var(--font-desktop-display-2-weight);
    --font-display-2-paragraph-spacing: var(--font-desktop-display-2-paragraph-spacing);
    --font-display-3-size: var(--font-desktop-display-3-size);
    --font-display-3-line-height: var(--font-desktop-display-3-line-height);
    --font-display-3-weight: var(--font-desktop-display-3-weight);
    --font-display-3-paragraph-spacing: var(--font-desktop-display-3-paragraph-spacing);
    --font-display-4-size: var(--font-desktop-display-4-size);
    --font-display-4-line-height: var(--font-desktop-display-4-line-height);
    --font-display-4-weight: var(--font-desktop-display-4-weight);
    --font-display-4-paragraph-spacing: var(--font-desktop-display-4-paragraph-spacing);
    --font-display-5-size: var(--font-desktop-display-5-size);
    --font-display-5-line-height: var(--font-desktop-display-5-line-height);
    --font-display-5-weight: var(--font-desktop-display-5-weight);
    --font-display-5-paragraph-spacing: var(--font-desktop-display-5-paragraph-spacing);
    --font-display-6-size: var(--font-desktop-display-6-size);
    --font-display-6-line-height: var(--font-desktop-display-6-line-height);
    --font-display-6-weight: var(--font-desktop-display-6-weight);
    --font-display-6-paragraph-spacing: var(--font-desktop-display-6-paragraph-spacing);
    --font-heading-1-size: var(--font-desktop-heading-1-size);
    --font-heading-1-line-height: var(--font-desktop-heading-1-line-height);
    --font-heading-1-weight: var(--font-desktop-heading-1-weight);
    --font-heading-1-paragraph-spacing: var(--font-desktop-heading-1-paragraph-spacing);
    --font-heading-2-size: var(--font-desktop-heading-2-size);
    --font-heading-2-line-height: var(--font-desktop-heading-2-line-height);
    --font-heading-2-weight: var(--font-desktop-heading-2-weight);
    --font-heading-2-paragraph-spacing: var(--font-desktop-heading-2-paragraph-spacing);
    --font-heading-3-size: var(--font-desktop-heading-3-size);
    --font-heading-3-line-height: var(--font-desktop-heading-3-line-height);
    --font-heading-3-weight: var(--font-desktop-heading-3-weight);
    --font-heading-3-paragraph-spacing: var(--font-desktop-heading-3-paragraph-spacing);
    --font-heading-4-size: var(--font-desktop-heading-4-size);
    --font-heading-4-line-height: var(--font-desktop-heading-4-line-height);
    --font-heading-4-weight: var(--font-desktop-heading-4-weight);
    --font-heading-4-paragraph-spacing: var(--font-desktop-heading-4-paragraph-spacing);
    --font-heading-5-size: var(--font-desktop-heading-5-size);
    --font-heading-5-line-height: var(--font-desktop-heading-5-line-height);
    --font-heading-5-weight: var(--font-desktop-heading-5-weight);
    --font-heading-5-paragraph-spacing: var(--font-desktop-heading-5-paragraph-spacing);
    --font-paragraph-1-size: var(--font-desktop-paragraph-1-size);
    --font-paragraph-1-line-height: var(--font-desktop-paragraph-1-line-height);
    --font-paragraph-1-weight: var(--font-desktop-paragraph-1-weight);
    --font-paragraph-1-paragraph-spacing: var(--font-desktop-paragraph-1-paragraph-spacing);
    --font-paragraph-2-size: var(--font-desktop-paragraph-2-size);
    --font-paragraph-2-line-height: var(--font-desktop-paragraph-2-line-height);
    --font-paragraph-2-weight: var(--font-desktop-paragraph-2-weight);
    --font-paragraph-2-paragraph-spacing: var(--font-desktop-paragraph-2-paragraph-spacing);
    --font-paragraph-3-size: var(--font-desktop-paragraph-3-size);
    --font-paragraph-3-line-height: var(--font-desktop-paragraph-3-line-height);
    --font-paragraph-3-weight: var(--font-desktop-paragraph-3-weight);
    --font-paragraph-3-paragraph-spacing: var(--font-desktop-paragraph-3-paragraph-spacing);
    --font-paragraph-4-size: var(--font-desktop-paragraph-4-size);
    --font-paragraph-4-line-height: var(--font-desktop-paragraph-4-line-height);
    --font-paragraph-4-weight: var(--font-desktop-paragraph-4-weight);
    --font-paragraph-4-paragraph-spacing: var(--font-desktop-paragraph-4-paragraph-spacing);
    --font-ui-1-size: var(--font-desktop-ui-1-size);
    --font-ui-1-line-height: var(--font-desktop-ui-1-line-height);
    --font-ui-1-weight: var(--font-desktop-ui-1-weight);
    --font-ui-1-paragraph-spacing: var(--font-desktop-ui-1-paragraph-spacing);
    --font-ui-2-size: var(--font-desktop-ui-2-size);
    --font-ui-2-line-height: var(--font-desktop-ui-2-line-height);
    --font-ui-2-weight: var(--font-desktop-ui-2-weight);
    --font-ui-2-paragraph-spacing: var(--font-desktop-ui-2-paragraph-spacing);
    --font-ui-3-size: var(--font-desktop-ui-3-size);
    --font-ui-3-line-height: var(--font-desktop-ui-3-line-height);
    --font-ui-3-weight: var(--font-desktop-ui-3-weight);
    --font-ui-3-paragraph-spacing: var(--font-desktop-ui-3-paragraph-spacing);
    --font-ui-4-size: var(--font-desktop-ui-4-size);
    --font-ui-4-line-height: var(--font-desktop-ui-4-line-height);
    --font-ui-4-weight: var(--font-desktop-ui-4-weight);
    --font-ui-4-paragraph-spacing: var(--font-desktop-ui-4-paragraph-spacing);
    --font-ui-5-size: var(--font-desktop-ui-5-size);
    --font-ui-5-line-height: var(--font-desktop-ui-5-line-height);
    --font-ui-5-weight: var(--font-desktop-ui-5-weight);
    --font-ui-5-paragraph-spacing: var(--font-desktop-ui-5-paragraph-spacing);
    --vspacer-xl: var(--desktop-vspacer-xl);
    --vspacer-l: var(--desktop-vspacer-l);
    --vspacer-m: var(--desktop-vspacer-m);
    --vspacer-s: var(--desktop-vspacer-s);
    --card-padding-xl: var(--desktop-card-padding-xl);
    --card-padding-l: var(--desktop-card-padding-l);
    --card-padding-m: var(--desktop-card-padding-m);
    --button-padding-l: var(--desktop-button-padding-l);
    --button-padding-m: var(--desktop-button-padding-m);
    --button-padding-s: var(--desktop-button-padding-s);
    --button-padding-xs: var(--desktop-button-padding-xs);
    --epoch-margin: var(--desktop-epoch-margin);
    --epoch-gutter: var(--desktop-epoch-gutter);
    --icon-frame-l: var(--icon-frame-desktop-l);
    --icon-frame-m: var(--icon-frame-desktop-m);
    --icon-frame-s: var(--icon-frame-desktop-s);
    --button-radius-m: var(--button-radius-m-desktop);
    --button-radius-l: var(--button-radius-l-desktop);
    --button-radius-rounded: var(--button-radius-rounded-desktop);
    --card-radius-m: var(--card-radius-m-desktop);
    --card-radius-l: var(--card-radius-l-desktop);
    --card-radius-xl: var(--card-radius-xl-desktop);
    --epoch-gutter: var(--desktop-epoch-gutter);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  :root {
    --content-width: clamp(708px, calc(100vw - 30px * 2), 963px);
    --column-width: calc((var(--content-width) - (30px*11)) / 12);
    --column-margin: 30px;
    --content-margin: 30px;
    --column-count: 12;
    --columns-full: 12;
    --columns-half: 6;
    --columns-third: 4;
    --columns-two-third: 8;
    --font-body-1-size: var(--font-mobile-body-1-size);
    --font-body-1-line-height: var(--font-mobile-body-1-line-height);
    --font-body-1-weight: var(--font-mobile-body-1-weight);
    --font-body-1-paragraph-spacing: var(--font-mobile-body-1-paragraph-spacing);
    --font-body-2-size: var(--font-mobile-body-2-size);
    --font-body-2-line-height: var(--font-mobile-body-2-line-height);
    --font-body-2-weight: var(--font-mobile-body-2-weight);
    --font-body-2-paragraph-spacing: var(--font-mobile-body-2-paragraph-spacing);
    --font-body-3-size: var(--font-mobile-body-3-size);
    --font-body-3-line-height: var(--font-mobile-body-3-line-height);
    --font-body-3-weight: var(--font-mobile-body-3-weight);
    --font-body-3-paragraph-spacing: var(--font-mobile-body-3-paragraph-spacing);
    --font-body-4-size: var(--font-mobile-body-4-size);
    --font-body-4-line-height: var(--font-mobile-body-4-line-height);
    --font-body-4-weight: var(--font-mobile-body-4-weight);
    --font-body-4-paragraph-spacing: var(--font-mobile-body-4-paragraph-spacing);
    --font-body-5-size: var(--font-mobile-body-5-size);
    --font-body-5-line-height: var(--font-mobile-body-5-line-height);
    --font-body-5-weight: var(--font-mobile-body-5-weight);
    --font-body-5-paragraph-spacing: var(--font-mobile-body-5-paragraph-spacing);
    --font-display-1-size: var(--font-mobile-display-1-size);
    --font-display-1-line-height: var(--font-mobile-display-1-line-height);
    --font-display-1-weight: var(--font-mobile-display-1-weight);
    --font-display-1-paragraph-spacing: var(--font-mobile-display-1-paragraph-spacing);
    --font-display-2-size: var(--font-mobile-display-2-size);
    --font-display-2-line-height: var(--font-mobile-display-2-line-height);
    --font-display-2-weight: var(--font-mobile-display-2-weight);
    --font-display-2-paragraph-spacing: var(--font-mobile-display-2-paragraph-spacing);
    --font-display-3-size: var(--font-mobile-display-3-size);
    --font-display-3-line-height: var(--font-mobile-display-3-line-height);
    --font-display-3-weight: var(--font-mobile-display-3-weight);
    --font-display-3-paragraph-spacing: var(--font-mobile-display-3-paragraph-spacing);
    --font-display-4-size: var(--font-mobile-display-4-size);
    --font-display-4-line-height: var(--font-mobile-display-4-line-height);
    --font-display-4-weight: var(--font-mobile-display-4-weight);
    --font-display-4-paragraph-spacing: var(--font-mobile-display-4-paragraph-spacing);
    --font-display-5-size: var(--font-mobile-display-5-size);
    --font-display-5-line-height: var(--font-mobile-display-5-line-height);
    --font-display-5-weight: var(--font-mobile-display-5-weight);
    --font-display-5-paragraph-spacing: var(--font-mobile-display-5-paragraph-spacing);
    --font-display-6-size: var(--font-mobile-display-6-size);
    --font-display-6-line-height: var(--font-mobile-display-6-line-height);
    --font-display-6-weight: var(--font-mobile-display-6-weight);
    --font-display-6-paragraph-spacing: var(--font-mobile-display-6-paragraph-spacing);
    --font-heading-1-size: var(--font-mobile-heading-1-size);
    --font-heading-1-line-height: var(--font-mobile-heading-1-line-height);
    --font-heading-1-weight: var(--font-mobile-heading-1-weight);
    --font-heading-1-paragraph-spacing: var(--font-mobile-heading-1-paragraph-spacing);
    --font-heading-2-size: var(--font-mobile-heading-2-size);
    --font-heading-2-line-height: var(--font-mobile-heading-2-line-height);
    --font-heading-2-weight: var(--font-mobile-heading-2-weight);
    --font-heading-2-paragraph-spacing: var(--font-mobile-heading-2-paragraph-spacing);
    --font-heading-3-size: var(--font-mobile-heading-3-size);
    --font-heading-3-line-height: var(--font-mobile-heading-3-line-height);
    --font-heading-3-weight: var(--font-mobile-heading-3-weight);
    --font-heading-3-paragraph-spacing: var(--font-mobile-heading-3-paragraph-spacing);
    --font-heading-4-size: var(--font-mobile-heading-4-size);
    --font-heading-4-line-height: var(--font-mobile-heading-4-line-height);
    --font-heading-4-weight: var(--font-mobile-heading-4-weight);
    --font-heading-4-paragraph-spacing: var(--font-mobile-heading-4-paragraph-spacing);
    --font-heading-5-size: var(--font-mobile-heading-5-size);
    --font-heading-5-line-height: var(--font-mobile-heading-5-line-height);
    --font-heading-5-weight: var(--font-mobile-heading-5-weight);
    --font-heading-5-paragraph-spacing: var(--font-mobile-heading-5-paragraph-spacing);
    --font-paragraph-1-size: var(--font-mobile-paragraph-1-size);
    --font-paragraph-1-line-height: var(--font-mobile-paragraph-1-line-height);
    --font-paragraph-1-weight: var(--font-mobile-paragraph-1-weight);
    --font-paragraph-1-paragraph-spacing: var(--font-mobile-paragraph-1-paragraph-spacing);
    --font-paragraph-2-size: var(--font-mobile-paragraph-2-size);
    --font-paragraph-2-line-height: var(--font-mobile-paragraph-2-line-height);
    --font-paragraph-2-weight: var(--font-mobile-paragraph-2-weight);
    --font-paragraph-2-paragraph-spacing: var(--font-mobile-paragraph-2-paragraph-spacing);
    --font-paragraph-3-size: var(--font-mobile-paragraph-3-size);
    --font-paragraph-3-line-height: var(--font-mobile-paragraph-3-line-height);
    --font-paragraph-3-weight: var(--font-mobile-paragraph-3-weight);
    --font-paragraph-3-paragraph-spacing: var(--font-mobile-paragraph-3-paragraph-spacing);
    --font-paragraph-4-size: var(--font-mobile-paragraph-4-size);
    --font-paragraph-4-line-height: var(--font-mobile-paragraph-4-line-height);
    --font-paragraph-4-weight: var(--font-mobile-paragraph-4-weight);
    --font-paragraph-4-paragraph-spacing: var(--font-mobile-paragraph-4-paragraph-spacing);
    --font-ui-1-size: var(--font-mobile-ui-1-size);
    --font-ui-1-line-height: var(--font-mobile-ui-1-line-height);
    --font-ui-1-weight: var(--font-mobile-ui-1-weight);
    --font-ui-1-paragraph-spacing: var(--font-mobile-ui-1-paragraph-spacing);
    --font-ui-2-size: var(--font-mobile-ui-2-size);
    --font-ui-2-line-height: var(--font-mobile-ui-2-line-height);
    --font-ui-2-weight: var(--font-mobile-ui-2-weight);
    --font-ui-2-paragraph-spacing: var(--font-mobile-ui-2-paragraph-spacing);
    --font-ui-3-size: var(--font-mobile-ui-3-size);
    --font-ui-3-line-height: var(--font-mobile-ui-3-line-height);
    --font-ui-3-weight: var(--font-mobile-ui-3-weight);
    --font-ui-3-paragraph-spacing: var(--font-mobile-ui-3-paragraph-spacing);
    --font-ui-4-size: var(--font-mobile-ui-4-size);
    --font-ui-4-line-height: var(--font-mobile-ui-4-line-height);
    --font-ui-4-weight: var(--font-mobile-ui-4-weight);
    --font-ui-4-paragraph-spacing: var(--font-mobile-ui-4-paragraph-spacing);
    --font-ui-5-size: var(--font-mobile-ui-5-size);
    --font-ui-5-line-height: var(--font-mobile-ui-5-line-height);
    --font-ui-5-weight: var(--font-mobile-ui-5-weight);
    --font-ui-5-paragraph-spacing: var(--font-mobile-ui-5-paragraph-spacing);
    --vspacer-xl: var(--tablet-vspacer-xl);
    --vspacer-l: var(--tablet-vspacer-l);
    --vspacer-m: var(--tablet-vspacer-m);
    --vspacer-s: var(--tablet-vspacer-s);
    --card-padding-xl: var(--tablet-card-padding-xl);
    --card-padding-l: var(--tablet-card-padding-l);
    --card-padding-m: var(--tablet-card-padding-m);
    --button-padding-l: var(--tablet-button-padding-l);
    --button-padding-m: var(--tablet-button-padding-m);
    --button-padding-s: var(--tablet-button-padding-s);
    --button-padding-xs: var(--tablet-button-padding-xs);
    --epoch-margin: var(--tablet-epoch-margin);
    --epoch-gutter: var(--tablet-epoch-gutter);
    --icon-frame-l: var(--icon-frame-tablet-l);
    --icon-frame-m: var(--icon-frame-tablet-m);
    --icon-frame-s: var(--icon-frame-tablet-s);
    --button-radius-m: var(--button-radius-m-mobile);
    --button-radius-l: var(--button-radius-l-mobile);
    --button-radius-rounded: var(--button-radius-rounded-mobile);
    --card-radius-m: var(--card-radius-m-mobile);
    --card-radius-l: var(--card-radius-l-mobile);
    --card-radius-xl: var(--card-radius-xl-mobile);
    --epoch-gutter: var(--tablet-epoch-gutter);
  }
}
@media screen and (max-width: 767px) {
  :root {
    --content-width: clamp(240px, calc(100vw - 20px * 2), 727px);
    --column-width: calc((var(--content-width) - (15px*5)) / 6);
    --content-margin: 20px;
    --column-margin: 15px;
    --column-count: 6;
    --columns-full: 6;
    --columns-half: 3;
    --columns-third: 2;
    --columns-two-third: 4;
    --font-body-1-size: var(--font-mobile-body-1-size);
    --font-body-1-line-height: var(--font-mobile-body-1-line-height);
    --font-body-1-weight: var(--font-mobile-body-1-weight);
    --font-body-1-paragraph-spacing: var(--font-mobile-body-1-paragraph-spacing);
    --font-body-2-size: var(--font-mobile-body-2-size);
    --font-body-2-line-height: var(--font-mobile-body-2-line-height);
    --font-body-2-weight: var(--font-mobile-body-2-weight);
    --font-body-2-paragraph-spacing: var(--font-mobile-body-2-paragraph-spacing);
    --font-body-3-size: var(--font-mobile-body-3-size);
    --font-body-3-line-height: var(--font-mobile-body-3-line-height);
    --font-body-3-weight: var(--font-mobile-body-3-weight);
    --font-body-3-paragraph-spacing: var(--font-mobile-body-3-paragraph-spacing);
    --font-body-4-size: var(--font-mobile-body-4-size);
    --font-body-4-line-height: var(--font-mobile-body-4-line-height);
    --font-body-4-weight: var(--font-mobile-body-4-weight);
    --font-body-4-paragraph-spacing: var(--font-mobile-body-4-paragraph-spacing);
    --font-body-5-size: var(--font-mobile-body-5-size);
    --font-body-5-line-height: var(--font-mobile-body-5-line-height);
    --font-body-5-weight: var(--font-mobile-body-5-weight);
    --font-body-5-paragraph-spacing: var(--font-mobile-body-5-paragraph-spacing);
    --font-display-1-size: var(--font-mobile-display-1-size);
    --font-display-1-line-height: var(--font-mobile-display-1-line-height);
    --font-display-1-weight: var(--font-mobile-display-1-weight);
    --font-display-1-paragraph-spacing: var(--font-mobile-display-1-paragraph-spacing);
    --font-display-2-size: var(--font-mobile-display-2-size);
    --font-display-2-line-height: var(--font-mobile-display-2-line-height);
    --font-display-2-weight: var(--font-mobile-display-2-weight);
    --font-display-2-paragraph-spacing: var(--font-mobile-display-2-paragraph-spacing);
    --font-display-3-size: var(--font-mobile-display-3-size);
    --font-display-3-line-height: var(--font-mobile-display-3-line-height);
    --font-display-3-weight: var(--font-mobile-display-3-weight);
    --font-display-3-paragraph-spacing: var(--font-mobile-display-3-paragraph-spacing);
    --font-display-4-size: var(--font-mobile-display-4-size);
    --font-display-4-line-height: var(--font-mobile-display-4-line-height);
    --font-display-4-weight: var(--font-mobile-display-4-weight);
    --font-display-4-paragraph-spacing: var(--font-mobile-display-4-paragraph-spacing);
    --font-display-5-size: var(--font-mobile-display-5-size);
    --font-display-5-line-height: var(--font-mobile-display-5-line-height);
    --font-display-5-weight: var(--font-mobile-display-5-weight);
    --font-display-5-paragraph-spacing: var(--font-mobile-display-5-paragraph-spacing);
    --font-display-6-size: var(--font-mobile-display-6-size);
    --font-display-6-line-height: var(--font-mobile-display-6-line-height);
    --font-display-6-weight: var(--font-mobile-display-6-weight);
    --font-display-6-paragraph-spacing: var(--font-mobile-display-6-paragraph-spacing);
    --font-heading-1-size: var(--font-mobile-heading-1-size);
    --font-heading-1-line-height: var(--font-mobile-heading-1-line-height);
    --font-heading-1-weight: var(--font-mobile-heading-1-weight);
    --font-heading-1-paragraph-spacing: var(--font-mobile-heading-1-paragraph-spacing);
    --font-heading-2-size: var(--font-mobile-heading-2-size);
    --font-heading-2-line-height: var(--font-mobile-heading-2-line-height);
    --font-heading-2-weight: var(--font-mobile-heading-2-weight);
    --font-heading-2-paragraph-spacing: var(--font-mobile-heading-2-paragraph-spacing);
    --font-heading-3-size: var(--font-mobile-heading-3-size);
    --font-heading-3-line-height: var(--font-mobile-heading-3-line-height);
    --font-heading-3-weight: var(--font-mobile-heading-3-weight);
    --font-heading-3-paragraph-spacing: var(--font-mobile-heading-3-paragraph-spacing);
    --font-heading-4-size: var(--font-mobile-heading-4-size);
    --font-heading-4-line-height: var(--font-mobile-heading-4-line-height);
    --font-heading-4-weight: var(--font-mobile-heading-4-weight);
    --font-heading-4-paragraph-spacing: var(--font-mobile-heading-4-paragraph-spacing);
    --font-heading-5-size: var(--font-mobile-heading-5-size);
    --font-heading-5-line-height: var(--font-mobile-heading-5-line-height);
    --font-heading-5-weight: var(--font-mobile-heading-5-weight);
    --font-heading-5-paragraph-spacing: var(--font-mobile-heading-5-paragraph-spacing);
    --font-paragraph-1-size: var(--font-mobile-paragraph-1-size);
    --font-paragraph-1-line-height: var(--font-mobile-paragraph-1-line-height);
    --font-paragraph-1-weight: var(--font-mobile-paragraph-1-weight);
    --font-paragraph-1-paragraph-spacing: var(--font-mobile-paragraph-1-paragraph-spacing);
    --font-paragraph-2-size: var(--font-mobile-paragraph-2-size);
    --font-paragraph-2-line-height: var(--font-mobile-paragraph-2-line-height);
    --font-paragraph-2-weight: var(--font-mobile-paragraph-2-weight);
    --font-paragraph-2-paragraph-spacing: var(--font-mobile-paragraph-2-paragraph-spacing);
    --font-paragraph-3-size: var(--font-mobile-paragraph-3-size);
    --font-paragraph-3-line-height: var(--font-mobile-paragraph-3-line-height);
    --font-paragraph-3-weight: var(--font-mobile-paragraph-3-weight);
    --font-paragraph-3-paragraph-spacing: var(--font-mobile-paragraph-3-paragraph-spacing);
    --font-paragraph-4-size: var(--font-mobile-paragraph-4-size);
    --font-paragraph-4-line-height: var(--font-mobile-paragraph-4-line-height);
    --font-paragraph-4-weight: var(--font-mobile-paragraph-4-weight);
    --font-paragraph-4-paragraph-spacing: var(--font-mobile-paragraph-4-paragraph-spacing);
    --font-ui-1-size: var(--font-mobile-ui-1-size);
    --font-ui-1-line-height: var(--font-mobile-ui-1-line-height);
    --font-ui-1-weight: var(--font-mobile-ui-1-weight);
    --font-ui-1-paragraph-spacing: var(--font-mobile-ui-1-paragraph-spacing);
    --font-ui-2-size: var(--font-mobile-ui-2-size);
    --font-ui-2-line-height: var(--font-mobile-ui-2-line-height);
    --font-ui-2-weight: var(--font-mobile-ui-2-weight);
    --font-ui-2-paragraph-spacing: var(--font-mobile-ui-2-paragraph-spacing);
    --font-ui-3-size: var(--font-mobile-ui-3-size);
    --font-ui-3-line-height: var(--font-mobile-ui-3-line-height);
    --font-ui-3-weight: var(--font-mobile-ui-3-weight);
    --font-ui-3-paragraph-spacing: var(--font-mobile-ui-3-paragraph-spacing);
    --font-ui-4-size: var(--font-mobile-ui-4-size);
    --font-ui-4-line-height: var(--font-mobile-ui-4-line-height);
    --font-ui-4-weight: var(--font-mobile-ui-4-weight);
    --font-ui-4-paragraph-spacing: var(--font-mobile-ui-4-paragraph-spacing);
    --font-ui-5-size: var(--font-mobile-ui-5-size);
    --font-ui-5-line-height: var(--font-mobile-ui-5-line-height);
    --font-ui-5-weight: var(--font-mobile-ui-5-weight);
    --font-ui-5-paragraph-spacing: var(--font-mobile-ui-5-paragraph-spacing);
    --vspacer-xl: var(--mobile-vspacer-xl);
    --vspacer-l: var(--mobile-vspacer-l);
    --vspacer-m: var(--mobile-vspacer-m);
    --vspacer-s: var(--mobile-vspacer-s);
    --card-padding-xl: var(--mobile-card-padding-xl);
    --card-padding-l: var(--mobile-card-padding-l);
    --card-padding-m: var(--mobile-card-padding-m);
    --button-padding-l: var(--mobile-button-padding-l);
    --button-padding-m: var(--mobile-button-padding-m);
    --button-padding-s: var(--mobile-button-padding-s);
    --button-padding-xs: var(--mobile-button-padding-xs);
    --epoch-margin: var(--mobile-epoch-margin);
    --epoch-gutter: var(--mobile-epoch-gutter);
    --icon-frame-l: var(--icon-frame-mobile-l);
    --icon-frame-m: var(--icon-frame-mobile-m);
    --icon-frame-s: var(--icon-frame-mobile-s);
    --button-radius-m: var(--button-radius-m-mobile);
    --button-radius-l: var(--button-radius-l-mobile);
    --button-radius-rounded: var(--button-radius-rounded-mobile);
    --card-radius-m: var(--card-radius-m-mobile);
    --card-radius-l: var(--card-radius-l-mobile);
    --card-radius-xl: var(--card-radius-xl-mobile);
    --epoch-gutter: var(--mobile-epoch-gutter);
  }
}
.tippy-box[data-theme~=epoch-plain] {
  color: var(--Gray-700);
  font-family: Messina Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.28px;
  border-radius: var(--Non-Pill-Radius, 8px);
  border: 1px solid var(--Gray-300);
  background: #FFF;
  /* Menu Drop Shadow */
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.15);
  width: 199px;
  cursor: auto;
}
.tippy-box[data-theme~=epoch-plain] .tippy-content {
  padding: 0;
}

.tippy-box[data-theme~=epoch-dark] {
  border-radius: 4px;
  background: var(--Gray-900);
  color: var(--Gray-25);
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  letter-spacing: -0.28px;
}

.tippy-box[data-theme~=epoch-clear-auto-width] {
  width: auto;
  padding: 16px;
  border-radius: var(--Non-Pill-Radius, 8px);
  border: 1px solid var(--Gray-300);
  background: #fff;
  color: var(--Gray-900);
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  letter-spacing: -0.28px;
}

.infoIcon:hover path {
  fill: var(--Green-500);
}

.viz-dropdown {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 8px 0;
}
.viz-dropdown > * {
  display: flex;
  padding: 8px var(--H-Padding, 12px);
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.viz-dropdown .share-button {
  text-decoration: none;
  color: inherit;
}
.viz-dropdown .share-button:hover {
  color: var(--Gray-700);
}
.viz-dropdown .viz-dropdown-header {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
.viz-dropdown .viz-dropdown-option {
  cursor: pointer;
}
.viz-dropdown .viz-dropdown-option:hover {
  background: var(--Gray-100);
}
.viz-dropdown .viz-dropdown-option img {
  width: 14px;
  height: 14px;
}

.tippy-box[data-theme~=epoch-plain] {
  color: var(--Gray-700);
  font-family: Messina Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.28px;
  border-radius: var(--Non-Pill-Radius, 8px);
  border: 1px solid var(--Gray-300);
  background: #FFF;
  /* Menu Drop Shadow */
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.15);
  width: 199px;
  cursor: auto;
}
.tippy-box[data-theme~=epoch-plain] .tippy-content {
  padding: 0;
}

.tippy-box[data-theme~=epoch-dark] {
  border-radius: 4px;
  background: var(--Gray-900);
  color: var(--Gray-25);
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  letter-spacing: -0.28px;
}

.tippy-box[data-theme~=epoch-long-hover] {
  border-radius: 4px;
  background: var(--Gray-600);
  color: white;
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.28px;
}
.tippy-box[data-theme~=epoch-long-hover] .tippy-content {
  padding: 5px;
}

.tippy-box[data-theme~=epoch-clear], .tippy-box[data-theme~=epoch-clear-fit-content] {
  color: var(--Gray-900);
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  letter-spacing: -0.28px;
  width: 288px;
  padding: 16px;
  border-radius: var(--Non-Pill-Radius, 8px);
  border: 1px solid var(--Gray-300);
  background: #fff;
}
.tippy-box[data-theme~=epoch-clear] .tippy-content, .tippy-box[data-theme~=epoch-clear-fit-content] .tippy-content {
  margin: 0;
  padding: 0;
}
.tippy-box[data-theme~=epoch-clear] .tippy-content > :last-child, .tippy-box[data-theme~=epoch-clear-fit-content] .tippy-content > :last-child {
  margin-bottom: 0;
}
.tippy-box[data-theme~=epoch-clear] .tippy-content h4.info-tooltip-header, .tippy-box[data-theme~=epoch-clear-fit-content] .tippy-content h4.info-tooltip-header {
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--Gray-900);
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 14px */
  letter-spacing: 0.07px;
}
.tippy-box[data-theme~=epoch-clear] .tippy-content p, .tippy-box[data-theme~=epoch-clear-fit-content] .tippy-content p, .tippy-box[data-theme~=epoch-clear] .tippy-content h4, .tippy-box[data-theme~=epoch-clear-fit-content] .tippy-content h4 {
  color: var(--Gray-900);
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.07px;
}

.tippy-box[data-theme~=epoch-clear-fit-content] {
  width: auto;
}

.tippy-box[data-theme~=epoch-clear-auto-width],
.tippy-box[data-theme~=epoch-clear],
.tippy-box[data-theme~=epoch-clear-fit-content] {
  color: var(--Gray-900);
  font-family: "Messina Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  letter-spacing: -0.28px;
  padding: 16px;
  border-radius: var(--Non-Pill-Radius, 8px);
  border: 1px solid var(--Gray-300);
  background: #FFF;
}

:root {
  --Gray-900: #07171A;
  --Gray-800: #162B32;
  --Gray-700: #2B424B;
  --Gray-600: #3E555E;
  --Gray-500: #5C737B;
  --Gray-400: #90A5AB;
  --Gray-300: #CCD8D9;
  --Gray-200: #E2EEEE;
  --Gray-100: #EBF5F4;
  --Gray-50: #F2FAF9;
  --Gray-25: #F7FCFB;
  --Green-900: #102930;
  --Green-800: #09323A;
  --Green-700: #034752;
  --Green-600: #02767C;
  --Green-500: #00A5A6;
  --Green-400: #34D2B9;
  --Green-300: #70EFD1;
  --Green-200: #ABFAE3;
  --Green-100: #E6FEF3;
  --Graph-Teal: var(--Green-500);
  --Graph-Yellow: #EA8D00;
  --Graph-Purple: #6A3ECB;
  --Graph-Brown: #A75237;
  --Graph-Blue: #0058DC;
  --Graph-Pink: #E03D90;
  --Graph-Green: #279E27;
  --Graph-LightPurple: #B087F4;
  --Graph-Orange: #FC6538;
  --Graph-LightBlue: #009AF1;
  --Graph-Gray: #9BBFC1;
  --Graph-DarkBlue: #015D90;
  --Graph-Red: #EA4831;
  --Graph-Yellow2: #E1C700;
  --Graph-Turquoise: #46FFFF;
  --Graph-LightGreen: #63F039;
  --Graph-Black: #000000;
  --Disabled: #CFD4D6;
  --System-Status-Disabled: #CAD5D9;
  --System-Status-Error: #DB371F;
  --System-Status-Disabled-Text: #828E92;
}

:root {
  --Font-Family: "Messina Sans";
  --Typeface-Font-Family-Body-Common: "Messina Sans";
  --Typeface-Font-Style-Body-Common: normal;
  --Typeface-Font-Weight-Body-Common: 400;
  --Typeface-Line-Height-Body-Common: 150%;
  --Typeface-Letter-Spacing-Body-Common: 0.01em;
}

:root {
  --Typeface-Size-Headline-XXL: 72px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Headline-XXL: 66px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Headline-XXL: 52px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Headline-XXL: 46px;
  }
}

:root {
  --Typeface-Size-Headline-XL: 58px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Headline-XL: 52px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Headline-XL: 46px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Headline-XL: 41px;
  }
}

:root {
  --Typeface-Size-Headline-L: 46px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Headline-L: 41px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Headline-L: 36px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Headline-L: 32px;
  }
}

:root {
  --Typeface-Size-Headline-M: 36px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Headline-M: 32px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Headline-M: 29px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Headline-M: 26px;
  }
}

:root {
  --Typeface-Size-Headline-S: 26px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Headline-S: 26px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Headline-S: 23px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Headline-S: 23px;
  }
}

:root {
  --Typeface-Size-Headline-XS: 23px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Headline-XS: 23px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Headline-XS: 20px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Headline-XS: 20px;
  }
}

:root {
  --Typeface-Size-Body-XL: 20px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Body-XL: 20px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Body-XL: 18px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Body-XL: 18px;
  }
}

:root {
  --Typeface-Size-Body-L: 18px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Body-L: 18px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Body-L: 16px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Body-L: 16px;
  }
}

:root {
  --Typeface-Size-Body-M: 16px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Body-M: 16px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Body-M: 16px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Body-M: 14px;
  }
}

:root {
  --Typeface-Size-Caption: 14px;
  --Typeface-Size-Body-S: 14px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Caption: 14px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Caption: 14px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Caption: 14px;
  }
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Body-S: 14px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Body-S: 14px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Body-S: 14px;
  }
}

:root {
  --Typeface-Size-Overline: 13px;
}
@media (max-width: 1024px) {
  :root {
    --Typeface-Size-Overline: 13px;
  }
}
@media (max-width: 834px) {
  :root {
    --Typeface-Size-Overline: 13px;
  }
}
@media (max-width: 360px) {
  :root {
    --Typeface-Size-Overline: 13px;
  }
}

.headline-xxl {
  font-family: "Messina Serif Variable Upright";
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-size: var(--Typeface-Size-Headline-XXL);
}

.headline-xl {
  font-family: "Messina Serif Variable Upright";
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-size: var(--Typeface-Size-Headline-XL);
}

.headline-l {
  font-family: "Messina Serif Variable Upright";
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-size: var(--Typeface-Size-Headline-L);
}

.headline-m {
  font-family: "Messina Serif Variable Upright";
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-size: var(--Typeface-Size-Headline-M);
}

.headline-s {
  font-family: "Messina Serif Variable Upright";
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-size: var(--Typeface-Size-Headline-S);
}

.headline-xs {
  font-family: "Messina Serif Variable Upright";
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-size: var(--Typeface-Size-Headline-XS);
  line-height: 120%;
}

.interactive-tools-subsection-headline {
  font-family: "Messina Sans";
  font-size: var(--Typeface-Size-Body-S);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}

.body-xl {
  font-family: "Messina Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: var(--Typeface-Size-Body-XL);
}

.body-l {
  font-family: "Messina Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: var(--Typeface-Size-Body-L);
}

.body-m {
  font-family: "Messina Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: var(--Typeface-Size-Body-M);
}

.caption {
  font-family: "Messina Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: var(--Typeface-Size-Caption);
  letter-spacing: 0.005em;
}

.body-s {
  font-family: "Messina Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: var(--Typeface-Size-Caption);
  letter-spacing: 0.005em;
}

.body-xs {
  font-family: "Messina Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: 13px;
  letter-spacing: 0.005em;
}

.body-overline {
  font-family: "Messina Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.01em;
  font-size: var(--Typeface-Size-Overline);
  letter-spacing: 0.1em;
  line-height: 110%;
  text-transform: uppercase;
}