/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --alto-grid-gutter-default: 16px;
  --alto-grid-gutter-compact: 8px;
  --alto-section-padding-horizontal-default: 16px;
  --alto-section-padding-vertical-default: 16px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 16px;
  --alto-form-section-gap: 24px;
  --alto-form-max-width: 628px;
  --alto-sem-border-width-none: 0;
  --alto-sem-border-width-xs: 0.5px;
  --alto-sem-border-width-sm: 1px;
  --alto-sem-border-width-md: 2px;
  --alto-sem-border-width-lg: 4px;
  --alto-sem-border-width-xl: 8px;
  --alto-sem-breakpoint-xs-min-width: 0;
  --alto-sem-breakpoint-xs-max-width: 479px;
  --alto-sem-breakpoint-sm-min-width: 480px;
  --alto-sem-breakpoint-sm-max-width: 767px;
  --alto-sem-breakpoint-md-min-width: 768px;
  --alto-sem-breakpoint-md-max-width: 1023px;
  --alto-sem-breakpoint-lg-min-width: 1024px;
  --alto-sem-breakpoint-lg-max-width: 1439px;
  --alto-sem-breakpoint-xl-min-width: 1440px;
  --alto-sem-breakpoint-xl-max-width: 1919px;
  --alto-sem-breakpoint-2xl-min-width: 1920px;
  --alto-sem-text-heading-xl-font-size: 2.25rem;
  --alto-sem-text-heading-xl-line-height: 2.875rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1125rem;
  --alto-sem-text-heading-xl-font-weight-name: Medium;
  --alto-sem-text-heading-xl-font-weight: 500;
  --alto-sem-text-heading-lg-font-size: 2rem;
  --alto-sem-text-heading-lg-line-height: 2.5rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.089rem;
  --alto-sem-text-heading-lg-font-weight-name: Medium;
  --alto-sem-text-heading-lg-font-weight: 500;
  --alto-sem-text-heading-md-font-size: 1.75rem;
  --alto-sem-text-heading-md-line-height: 2.25rem;
  --alto-sem-text-heading-md-letter-spacing: -0.07525rem;
  --alto-sem-text-heading-md-font-weight-name: Medium;
  --alto-sem-text-heading-md-font-weight: 500;
  --alto-sem-text-heading-sm-font-size: 1.5rem;
  --alto-sem-text-heading-sm-line-height: 1.875rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.04995rem;
  --alto-sem-text-heading-sm-font-weight-name: Bold;
  --alto-sem-text-heading-sm-font-weight: 700;
  --alto-sem-text-heading-xs-font-size: 1.25rem;
  --alto-sem-text-heading-xs-line-height: 1.625rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-xs-font-weight-name: Bold;
  --alto-sem-text-heading-xs-font-weight: 700;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-2xs-font-weight-name: Bold;
  --alto-sem-text-heading-2xs-font-weight: 700;
  --alto-sem-text-body-lg-font-size: 1.125rem;
  --alto-sem-text-body-lg-line-height: 2rem;
  --alto-sem-text-body-lg-letter-spacing: -0.03375rem;
  --alto-sem-text-body-md-font-size: 1rem;
  --alto-sem-text-body-md-line-height: 1.5rem;
  --alto-sem-text-body-md-letter-spacing: 0;
  --alto-sem-text-body-sm-font-size: 0.875rem;
  --alto-sem-text-body-sm-line-height: 1.375rem;
  --alto-sem-text-body-sm-letter-spacing: 0;
  --alto-sem-text-body-xs-font-size: 0.75rem;
  --alto-sem-text-body-xs-line-height: 1.125rem;
  --alto-sem-text-body-xs-letter-spacing: 0;
  --alto-sem-text-body-regular-font-weight-name: Regular;
  --alto-sem-text-body-regular-font-weight: 400;
  --alto-sem-text-body-bold-font-weight-name: SemiBold;
  --alto-sem-text-body-bold-font-weight: 600;
  --alto-sem-text-body-link-font-weight-name: SemiBold;
  --alto-sem-text-body-link-font-weight: 500;
  --alto-sem-text-body-link-text-decoration: underline;
  --alto-sem-text-label-lg-font-size: 1.125rem;
  --alto-sem-text-label-lg-line-height: 1.125rem;
  --alto-sem-text-label-lg-letter-spacing: -0.03375rem;
  --alto-sem-text-label-md-font-size: 1rem;
  --alto-sem-text-label-md-line-height: 1rem;
  --alto-sem-text-label-md-letter-spacing: 0;
  --alto-sem-text-label-sm-font-size: 0.875rem;
  --alto-sem-text-label-sm-line-height: 0.875rem;
  --alto-sem-text-label-sm-letter-spacing: 0;
  --alto-sem-text-label-xs-font-size: 0.75rem;
  --alto-sem-text-label-xs-line-height: 0.75rem;
  --alto-sem-text-label-xs-letter-spacing: 0;
  --alto-sem-text-label-2xs-font-size: 0.625rem;
  --alto-sem-text-label-2xs-line-height: 0.625rem;
  --alto-sem-text-label-2xs-letter-spacing: 0;
  --alto-sem-text-label-font-weight-name: Medium;
  --alto-sem-text-label-font-weight: 500;
  --alto-sem-opacity-0: 0;
  --alto-sem-opacity-10: 0.1;
  --alto-sem-opacity-20: 0.2;
  --alto-sem-opacity-25: 0.25;
  --alto-sem-opacity-30: 0.3;
  --alto-sem-opacity-40: 0.4;
  --alto-sem-opacity-45: 0.45;
  --alto-sem-opacity-50: 0.5;
  --alto-sem-opacity-55: 0.55;
  --alto-sem-opacity-60: 0.6;
  --alto-sem-opacity-70: 0.7;
  --alto-sem-opacity-75: 0.75;
  --alto-sem-opacity-80: 0.8;
  --alto-sem-opacity-90: 0.9;
  --alto-sem-opacity-96: 0.96;
  --alto-sem-space-5xs: 2px;
  --alto-sem-space-4xs: 4px;
  --alto-sem-space-3xs: 6px;
  --alto-sem-space-2xs: 8px;
  --alto-sem-space-xs: 12px;
  --alto-sem-space-sm: 16px;
  --alto-sem-space-md: 20px;
  --alto-sem-space-lg: 24px;
  --alto-sem-space-xl: 28px;
  --alto-sem-space-2xl: 32px;
  --alto-sem-space-3xl: 48px;
  --alto-sem-space-4xl: 64px;
  --alto-sem-space-5xl: 96px;
  --alto-sem-space-6xl: 128px;
  --alto-sem-color-bg-base: #fefefe;
  --alto-sem-color-bg-layer1-default: #f8f8fa;
  --alto-sem-color-bg-layer1-hover: #f2f2f4;
  --alto-sem-color-bg-layer1-active: #ededef;
  --alto-sem-color-bg-layer2-default: #fefefe;
  --alto-sem-color-bg-layer2-hover: #f8f8f8;
  --alto-sem-color-bg-layer2-active: #f3f3f3;
  --alto-sem-color-bg-layer3-default: #edecf1;
  --alto-sem-color-bg-layer3-hover: #e8e7ec;
  --alto-sem-color-bg-layer3-active: #e2e1e6;
  --alto-sem-color-bg-accent-vibrant-default: #011dac;
  --alto-sem-color-bg-accent-vibrant-hover: #00207d;
  --alto-sem-color-bg-accent-vibrant-active: #001e62;
  --alto-sem-color-bg-accent-subtle-default: #e2e8ff;
  --alto-sem-color-bg-accent-subtle-hover: #d5ddff;
  --alto-sem-color-bg-accent-subtle-active: #bfcaff;
  --alto-sem-color-bg-accent-deep-default: #001e62;
  --alto-sem-color-bg-accent-deep-hover: #00207d;
  --alto-sem-color-bg-accent-deep-active: #011dac;
  --alto-sem-color-bg-critical-vibrant-default: #d32b1e;
  --alto-sem-color-bg-critical-vibrant-hover: #b0251b;
  --alto-sem-color-bg-critical-vibrant-active: #8e1f18;
  --alto-sem-color-bg-critical-subtle-default: #fde4e2;
  --alto-sem-color-bg-critical-subtle-hover: #fcd7d5;
  --alto-sem-color-bg-critical-subtle-active: #fbbeba;
  --alto-sem-color-bg-warning-vibrant-default: #bc4a08;
  --alto-sem-color-bg-warning-vibrant-hover: #d55e04;
  --alto-sem-color-bg-warning-vibrant-active: #bc4a08;
  --alto-sem-color-bg-warning-subtle-default: #fee7c7;
  --alto-sem-color-bg-warning-subtle-hover: #fddaa9;
  --alto-sem-color-bg-warning-subtle-active: #fcc373;
  --alto-sem-color-bg-caution-vibrant-default: #ffe600;
  --alto-sem-color-bg-caution-vibrant-hover: #f7de00;
  --alto-sem-color-bg-caution-vibrant-active: #ead300;
  --alto-sem-color-bg-caution-subtle-default: #fff7ce;
  --alto-sem-color-bg-caution-subtle-hover: #fff4b9;
  --alto-sem-color-bg-caution-subtle-active: #ffef99;
  --alto-sem-color-bg-success-vibrant-default: #027f47;
  --alto-sem-color-bg-success-vibrant-hover: #016a3b;
  --alto-sem-color-bg-success-vibrant-active: #015630;
  --alto-sem-color-bg-success-subtle-default: #c5f4dc;
  --alto-sem-color-bg-success-subtle-hover: #a8eecb;
  --alto-sem-color-bg-success-subtle-active: #6fe3a8;
  --alto-sem-color-bg-information-vibrant-default: #0074b0;
  --alto-sem-color-bg-information-vibrant-hover: #006094;
  --alto-sem-color-bg-information-vibrant-active: #004e78;
  --alto-sem-color-bg-information-subtle-default: #d8ecff;
  --alto-sem-color-bg-information-subtle-hover: #c0e3fc;
  --alto-sem-color-bg-information-subtle-active: #99d5f8;
  --alto-sem-color-bg-inverse-vibrant-default: #0a0a0c;
  --alto-sem-color-bg-inverse-vibrant-hover: #27262c;
  --alto-sem-color-bg-inverse-vibrant-active: #4b4855;
  --alto-sem-color-bg-inverse-subtle-default: #b6b5c029;
  --alto-sem-color-bg-inverse-subtle-hover: #b6b5c033;
  --alto-sem-color-bg-inverse-subtle-active: #b6b5c04d;
  --alto-sem-color-bg-white-vibrant-default: #ffffff;
  --alto-sem-color-bg-white-vibrant-hover: #f9f9f9;
  --alto-sem-color-bg-white-vibrant-active: #f3f3f3;
  --alto-sem-color-bg-white-subtle-default: #716f7eb3;
  --alto-sem-color-bg-white-subtle-hover: #4b4855cc;
  --alto-sem-color-bg-white-subtle-active: #27262ce6;
  --alto-sem-color-bg-disabled-vibrant: #0a0a0c52;
  --alto-sem-color-bg-disabled-subtle: #0a0a0c0d;
  --alto-sem-color-bg-sale-vibrant-default: #d32b1e;
  --alto-sem-color-bg-sale-vibrant-hover: #b0251b;
  --alto-sem-color-bg-sale-vibrant-active: #8e1f18;
  --alto-sem-color-bg-collect-vibrant-default: #c7fcec;
  --alto-sem-color-bg-spend-vibrant-default: #e0deff;
  --alto-sem-color-bg-inspiration-vibrant-default: #f7e9e9;
  --alto-sem-color-fg-primary: #000000;
  --alto-sem-color-fg-secondary: #4b4855;
  --alto-sem-color-fg-accent-primary: #011dac;
  --alto-sem-color-fg-accent-secondary: #001e62;
  --alto-sem-color-fg-accent-on-vibrant: #fefefe;
  --alto-sem-color-fg-accent-on-vibrant-accent: #fefefe;
  --alto-sem-color-fg-accent-on-subtle: #001e62;
  --alto-sem-color-fg-accent-on-deep: #fefefe;
  --alto-sem-color-fg-critical-primary: #d32b1e;
  --alto-sem-color-fg-critical-on-vibrant: #fefefe;
  --alto-sem-color-fg-critical-on-subtle: #4d110d;
  --alto-sem-color-fg-warning-primary: #bc4a08;
  --alto-sem-color-fg-warning-on-vibrant: #fefefe;
  --alto-sem-color-fg-warning-on-subtle: #451a03;
  --alto-sem-color-fg-caution-primary: #827500;
  --alto-sem-color-fg-caution-on-vibrant: #000000;
  --alto-sem-color-fg-caution-on-subtle: #4f4700;
  --alto-sem-color-fg-success-primary: #016a3b;
  --alto-sem-color-fg-success-on-vibrant: #fefefe;
  --alto-sem-color-fg-success-on-subtle: #002d19;
  --alto-sem-color-fg-information-primary: #006094;
  --alto-sem-color-fg-information-on-vibrant: #fefefe;
  --alto-sem-color-fg-information-on-subtle: #002941;
  --alto-sem-color-fg-inverse-primary: #fefefe;
  --alto-sem-color-fg-inverse-on-vibrant: #fefefe;
  --alto-sem-color-fg-inverse-on-subtle: #0a0a0c;
  --alto-sem-color-fg-white-primary: #ffffff;
  --alto-sem-color-fg-white-on-vibrant: #000000;
  --alto-sem-color-fg-white-on-subtle: #ffffff;
  --alto-sem-color-fg-disabled-primary: #00000052;
  --alto-sem-color-fg-disabled-on-vibrant: #ffffff80;
  --alto-sem-color-fg-disabled-on-subtle: #00000052;
  --alto-sem-color-fg-sale-primary: #d32b1e;
  --alto-sem-color-fg-sale-on-vibrant: #fefefe;
  --alto-sem-color-fg-collect-on-vibrant-default: #001e62;
  --alto-sem-color-fg-collect-primary: #c7fcec;
  --alto-sem-color-fg-spend-on-vibrant-default: #001e62;
  --alto-sem-color-fg-spend-primary: #e0deff;
  --alto-sem-color-fg-inspiration-on-vibrant-default: #001e62;
  --alto-sem-color-fg-inspiration-primary: #f7e9e9;
  --alto-sem-color-border-primary-default: #9593a0;
  --alto-sem-color-border-primary-hover: #716f7e;
  --alto-sem-color-border-primary-active: #4b4855;
  --alto-sem-color-border-secondary: #9593a080;
  --alto-sem-color-border-tertiary: #9593a040;
  --alto-sem-color-border-accent: #011dac;
  --alto-sem-color-border-critical: #d32b1e;
  --alto-sem-color-border-sale: #d32b1e;
  --alto-sem-color-border-warning: #e97400;
  --alto-sem-color-border-caution: #998a00;
  --alto-sem-color-border-success: #027f47;
  --alto-sem-color-border-information: #0074b0;
  --alto-sem-color-border-white: #ffffff;
  --alto-sem-color-border-inverse: #000000;
  --alto-sem-color-border-collect: #c7fcec;
  --alto-sem-color-border-spend: #e0deff;
  --alto-sem-color-border-disabled-subtle: #0000000d;
  --alto-sem-color-border-disabled-vibrant: #00000052;
  --alto-sem-color-overlay-scrim: #0009;
  --alto-sem-color-overlay-state-darken-default: #0000;
  --alto-sem-color-overlay-state-darken-hover: #00000014;
  --alto-sem-color-overlay-state-darken-active: #0000001a;
  --alto-sem-color-overlay-state-lighten-default: #fff0;
  --alto-sem-color-overlay-state-lighten-hover: #ffffff14;
  --alto-sem-color-overlay-state-lighten-active: #ffffff1a;
  --alto-sem-color-overlay-state-darken-invert-default: #0000;
  --alto-sem-color-overlay-state-darken-invert-hover: #00000014;
  --alto-sem-color-overlay-state-darken-invert-active: #0000001a;
  --alto-sem-color-overlay-state-lighten-invert-default: #fff0;
  --alto-sem-color-overlay-state-lighten-invert-hover: #ffffff14;
  --alto-sem-color-overlay-state-lighten-invert-active: #ffffff1a;
  --alto-sem-color-brand-primary: #011dac;
  --alto-sem-color-brand-secondary: #011dac;
  --alto-sem-radius-none: 0;
  --alto-sem-radius-6xs: 2px;
  --alto-sem-radius-5xs: 4px;
  --alto-sem-radius-4xs: 6px;
  --alto-sem-radius-3xs: 8px;
  --alto-sem-radius-2xs: 10px;
  --alto-sem-radius-xs: 12px;
  --alto-sem-radius-sm: 14px;
  --alto-sem-radius-md: 16px;
  --alto-sem-radius-lg: 24px;
  --alto-sem-radius-xl: 32px;
  --alto-sem-radius-circle: 9999px;
  --alto-header-color-bg: #fefefee6;
  --alto-header-effects-bg-blur: 16;
  --alto-eyebrow-color-bg-inspiration: #f7e9e9;
  --alto-eyebrow-color-bg-collect: #c7fcec;
  --alto-eyebrow-color-bg-spend: #e0deff;
  --alto-eyebrow-color-bg-activate: #e5f2ff;
  --alto-eyebrow-color-fg-inspiration: #001e62;
  --alto-eyebrow-color-fg-collect: #001e62;
  --alto-eyebrow-color-fg-spend: #001e62;
  --alto-eyebrow-color-fg-activate: #001e62;
  --alto-eyebrow-padding-horizontal: 16px;
  --alto-eyebrow-padding-vertical: 4px;
  --alto-eyebrow-radius: 9999px;
  --alto-skeleton-color-base: #dbdae1;
  --alto-skeleton-color-highlight: #edecf1;
  --alto-shadow-ink-100: #001e621f;
  --alto-shadow-ink-200: #001e6214;
  --alto-shadow-ink-300: #001e620f;
  --alto-shadow-ink-400: #001e6205;
  --alto-elevation-0: 0 0 0 0 #000000;
  --alto-elevation-1: 0 1 2 0 #001e6205, 0 4 8 0 #001e6205;
  --alto-elevation-2: 0 2 4 0 #001e6205, 0 8 16 0 #001e620f;
  --alto-elevation-3: 0 4 8 0 #001e620f, 0 12 24 0 #001e6214, 0 20 32 0 #001e6205;
  --alto-elevation-4: 0 40 60 0 #001e621f, 0 28 40 0 #001e6214, 0 16 24 0 #001e620f, 0 8 12 0 #001e6205;
  --alto-button-md-padding-top: 12px;
  --alto-button-md-padding-bottom: 12px;
  --alto-button-md-radius: 9999px;
  --alto-button-md-radius-focus: 9999px;
  --alto-button-sm-padding-top: 8px;
  --alto-button-sm-padding-bottom: 8px;
  --alto-button-sm-radius: 9999px;
  --alto-button-sm-radius-focus: 9999px;
  --alto-button-lg-padding-top: 16px;
  --alto-button-lg-padding-bottom: 16px;
  --alto-details-disclosure-panel-border-width: 4px;
  --alto-card-radius: 12px;
  --alto-card-radius-focus: 14px;
  --alto-tag-radius: 8px;
  --alto-checkbox-radius: 4px;
  --alto-radio-radius: 9999px;
  --alto-input-radius: 12px;
  --alto-segmented-control-container-radius: 9999px;
  --alto-segmented-control-segment-radius: 9999px;
}

/* --- auto:fonts+breakpoints:start --- */

@layer altoFontFamily {
:root {
  --alto-sem-text-heading-font-family: Bw Mitga;
  --alto-sem-text-body-font-family: Poppins;
  --alto-sem-text-label-font-family: Poppins;
	}
}

@media screen and (min-width: 0px) and (max-width: 479px) {
:root {
  --alto-grid-gutter-default: 16px;
  --alto-grid-gutter-compact: 8px;
  --alto-section-padding-horizontal-default: 16px;
  --alto-section-padding-vertical-default: 16px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 16px;
  --alto-form-section-gap: 24px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.25rem;
  --alto-sem-text-heading-xl-line-height: 2.875rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1125rem;
  --alto-sem-text-heading-lg-font-size: 2rem;
  --alto-sem-text-heading-lg-line-height: 2.5rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.089rem;
  --alto-sem-text-heading-md-font-size: 1.75rem;
  --alto-sem-text-heading-md-line-height: 2.25rem;
  --alto-sem-text-heading-md-letter-spacing: -0.07525rem;
  --alto-sem-text-heading-sm-font-size: 1.5rem;
  --alto-sem-text-heading-sm-line-height: 1.875rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.04995rem;
  --alto-sem-text-heading-xs-font-size: 1.25rem;
  --alto-sem-text-heading-xs-line-height: 1.625rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.0375rem;
	}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
:root {
  --alto-grid-gutter-default: 16px;
  --alto-grid-gutter-compact: 8px;
  --alto-section-padding-horizontal-default: 16px;
  --alto-section-padding-vertical-default: 16px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 16px;
  --alto-form-section-gap: 24px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.25rem;
  --alto-sem-text-heading-xl-line-height: 2.875rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1125rem;
  --alto-sem-text-heading-lg-font-size: 2rem;
  --alto-sem-text-heading-lg-line-height: 2.5rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.089rem;
  --alto-sem-text-heading-md-font-size: 1.75rem;
  --alto-sem-text-heading-md-line-height: 2.25rem;
  --alto-sem-text-heading-md-letter-spacing: -0.07525rem;
  --alto-sem-text-heading-sm-font-size: 1.5rem;
  --alto-sem-text-heading-sm-line-height: 1.875rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.04995rem;
  --alto-sem-text-heading-xs-font-size: 1.25rem;
  --alto-sem-text-heading-xs-line-height: 1.625rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.0375rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
:root {
  --alto-grid-gutter-default: 24px;
  --alto-grid-gutter-compact: 12px;
  --alto-section-padding-horizontal-default: 24px;
  --alto-section-padding-vertical-default: 24px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 24px;
  --alto-form-section-gap: 48px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.5rem;
  --alto-sem-text-heading-xl-line-height: 3.125rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.125rem;
  --alto-sem-text-heading-lg-font-size: 2.125rem;
  --alto-sem-text-heading-lg-line-height: 2.75rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.0945625rem;
  --alto-sem-text-heading-md-font-size: 1.875rem;
  --alto-sem-text-heading-md-line-height: 2.375rem;
  --alto-sem-text-heading-md-letter-spacing: -0.080625rem;
  --alto-sem-text-heading-sm-font-size: 1.625rem;
  --alto-sem-text-heading-sm-line-height: 2.125rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.0541125rem;
  --alto-sem-text-heading-xs-font-size: 1.375rem;
  --alto-sem-text-heading-xs-line-height: 1.75rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.04125rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.04125rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
:root {
  --alto-grid-gutter-default: 24px;
  --alto-grid-gutter-compact: 12px;
  --alto-section-padding-horizontal-default: 24px;
  --alto-section-padding-vertical-default: 24px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 24px;
  --alto-form-section-gap: 48px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.75rem;
  --alto-sem-text-heading-xl-line-height: 3.5rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1375rem;
  --alto-sem-text-heading-lg-font-size: 2.375rem;
  --alto-sem-text-heading-lg-line-height: 3rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.1056875rem;
  --alto-sem-text-heading-md-font-size: 2rem;
  --alto-sem-text-heading-md-line-height: 2.5rem;
  --alto-sem-text-heading-md-letter-spacing: -0.086rem;
  --alto-sem-text-heading-sm-font-size: 1.625rem;
  --alto-sem-text-heading-sm-line-height: 2.125rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.0541125rem;
  --alto-sem-text-heading-xs-font-size: 1.375rem;
  --alto-sem-text-heading-xs-line-height: 1.75rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.04125rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.04125rem;
	}
}

@media screen and (min-width: 1440px) and (max-width: 99999px) {
:root {
  --alto-grid-gutter-default: 24px;
  --alto-grid-gutter-compact: 12px;
  --alto-section-padding-horizontal-default: 96px;
  --alto-section-padding-vertical-default: 32px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 24px;
  --alto-form-section-gap: 48px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 3rem;
  --alto-sem-text-heading-xl-line-height: 3.75rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.15rem;
  --alto-sem-text-heading-lg-font-size: 2.5rem;
  --alto-sem-text-heading-lg-line-height: 3.125rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.11125rem;
  --alto-sem-text-heading-md-font-size: 2.125rem;
  --alto-sem-text-heading-md-line-height: 2.75rem;
  --alto-sem-text-heading-md-letter-spacing: -0.091375rem;
  --alto-sem-text-heading-sm-font-size: 1.75rem;
  --alto-sem-text-heading-sm-line-height: 2.25rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.058275rem;
  --alto-sem-text-heading-xs-font-size: 1.5rem;
  --alto-sem-text-heading-xs-line-height: 1.875rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.045rem;
  --alto-sem-text-heading-2xs-font-size: 1.25rem;
  --alto-sem-text-heading-2xs-line-height: 1.625rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.045rem;
	}
}

/* --- auto:fonts+breakpoints:end --- */

/**
 * Do not edit directly, this file was auto-generated.
 */

:root.dark-theme {
  --alto-grid-gutter-default: 16px;
  --alto-grid-gutter-compact: 8px;
  --alto-section-padding-horizontal-default: 16px;
  --alto-section-padding-vertical-default: 16px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 16px;
  --alto-form-section-gap: 24px;
  --alto-form-max-width: 628px;
  --alto-sem-border-width-none: 0;
  --alto-sem-border-width-xs: 0.5px;
  --alto-sem-border-width-sm: 1px;
  --alto-sem-border-width-md: 2px;
  --alto-sem-border-width-lg: 4px;
  --alto-sem-border-width-xl: 8px;
  --alto-sem-breakpoint-xs-min-width: 0;
  --alto-sem-breakpoint-xs-max-width: 479px;
  --alto-sem-breakpoint-sm-min-width: 480px;
  --alto-sem-breakpoint-sm-max-width: 767px;
  --alto-sem-breakpoint-md-min-width: 768px;
  --alto-sem-breakpoint-md-max-width: 1023px;
  --alto-sem-breakpoint-lg-min-width: 1024px;
  --alto-sem-breakpoint-lg-max-width: 1439px;
  --alto-sem-breakpoint-xl-min-width: 1440px;
  --alto-sem-breakpoint-xl-max-width: 1919px;
  --alto-sem-breakpoint-2xl-min-width: 1920px;
  --alto-sem-text-heading-xl-font-size: 2.25rem;
  --alto-sem-text-heading-xl-line-height: 2.875rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1125rem;
  --alto-sem-text-heading-xl-font-weight-name: Medium;
  --alto-sem-text-heading-xl-font-weight: 500;
  --alto-sem-text-heading-lg-font-size: 2rem;
  --alto-sem-text-heading-lg-line-height: 2.5rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.089rem;
  --alto-sem-text-heading-lg-font-weight-name: Medium;
  --alto-sem-text-heading-lg-font-weight: 500;
  --alto-sem-text-heading-md-font-size: 1.75rem;
  --alto-sem-text-heading-md-line-height: 2.25rem;
  --alto-sem-text-heading-md-letter-spacing: -0.07525rem;
  --alto-sem-text-heading-md-font-weight-name: Medium;
  --alto-sem-text-heading-md-font-weight: 500;
  --alto-sem-text-heading-sm-font-size: 1.5rem;
  --alto-sem-text-heading-sm-line-height: 1.875rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.04995rem;
  --alto-sem-text-heading-sm-font-weight-name: Bold;
  --alto-sem-text-heading-sm-font-weight: 700;
  --alto-sem-text-heading-xs-font-size: 1.25rem;
  --alto-sem-text-heading-xs-line-height: 1.625rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-xs-font-weight-name: Bold;
  --alto-sem-text-heading-xs-font-weight: 700;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-2xs-font-weight-name: Bold;
  --alto-sem-text-heading-2xs-font-weight: 700;
  --alto-sem-text-body-lg-font-size: 1.125rem;
  --alto-sem-text-body-lg-line-height: 2rem;
  --alto-sem-text-body-lg-letter-spacing: -0.03375rem;
  --alto-sem-text-body-md-font-size: 1rem;
  --alto-sem-text-body-md-line-height: 1.5rem;
  --alto-sem-text-body-md-letter-spacing: 0;
  --alto-sem-text-body-sm-font-size: 0.875rem;
  --alto-sem-text-body-sm-line-height: 1.375rem;
  --alto-sem-text-body-sm-letter-spacing: 0;
  --alto-sem-text-body-xs-font-size: 0.75rem;
  --alto-sem-text-body-xs-line-height: 1.125rem;
  --alto-sem-text-body-xs-letter-spacing: 0;
  --alto-sem-text-body-regular-font-weight-name: Regular;
  --alto-sem-text-body-regular-font-weight: 400;
  --alto-sem-text-body-bold-font-weight-name: SemiBold;
  --alto-sem-text-body-bold-font-weight: 600;
  --alto-sem-text-body-link-font-weight-name: SemiBold;
  --alto-sem-text-body-link-font-weight: 500;
  --alto-sem-text-body-link-text-decoration: underline;
  --alto-sem-text-label-lg-font-size: 1.125rem;
  --alto-sem-text-label-lg-line-height: 1.125rem;
  --alto-sem-text-label-lg-letter-spacing: -0.03375rem;
  --alto-sem-text-label-md-font-size: 1rem;
  --alto-sem-text-label-md-line-height: 1rem;
  --alto-sem-text-label-md-letter-spacing: 0;
  --alto-sem-text-label-sm-font-size: 0.875rem;
  --alto-sem-text-label-sm-line-height: 0.875rem;
  --alto-sem-text-label-sm-letter-spacing: 0;
  --alto-sem-text-label-xs-font-size: 0.75rem;
  --alto-sem-text-label-xs-line-height: 0.75rem;
  --alto-sem-text-label-xs-letter-spacing: 0;
  --alto-sem-text-label-2xs-font-size: 0.625rem;
  --alto-sem-text-label-2xs-line-height: 0.625rem;
  --alto-sem-text-label-2xs-letter-spacing: 0;
  --alto-sem-text-label-font-weight-name: Medium;
  --alto-sem-text-label-font-weight: 500;
  --alto-sem-opacity-0: 0;
  --alto-sem-opacity-10: 0.1;
  --alto-sem-opacity-20: 0.2;
  --alto-sem-opacity-25: 0.25;
  --alto-sem-opacity-30: 0.3;
  --alto-sem-opacity-40: 0.4;
  --alto-sem-opacity-45: 0.45;
  --alto-sem-opacity-50: 0.5;
  --alto-sem-opacity-55: 0.55;
  --alto-sem-opacity-60: 0.6;
  --alto-sem-opacity-70: 0.7;
  --alto-sem-opacity-75: 0.75;
  --alto-sem-opacity-80: 0.8;
  --alto-sem-opacity-90: 0.9;
  --alto-sem-opacity-96: 0.96;
  --alto-sem-space-5xs: 2px;
  --alto-sem-space-4xs: 4px;
  --alto-sem-space-3xs: 6px;
  --alto-sem-space-2xs: 8px;
  --alto-sem-space-xs: 12px;
  --alto-sem-space-sm: 16px;
  --alto-sem-space-md: 20px;
  --alto-sem-space-lg: 24px;
  --alto-sem-space-xl: 28px;
  --alto-sem-space-2xl: 32px;
  --alto-sem-space-3xl: 48px;
  --alto-sem-space-4xl: 64px;
  --alto-sem-space-5xl: 96px;
  --alto-sem-space-6xl: 128px;
  --alto-sem-color-bg-base: #010101;
  --alto-sem-color-bg-layer1-default: #18171b;
  --alto-sem-color-bg-layer1-hover: #1c1b1f;
  --alto-sem-color-bg-layer1-active: #1f1e22;
  --alto-sem-color-bg-layer2-default: #26252b;
  --alto-sem-color-bg-layer2-hover: #2a292f;
  --alto-sem-color-bg-layer2-active: #2d2c32;
  --alto-sem-color-bg-layer3-default: #413f4a;
  --alto-sem-color-bg-layer3-hover: #44424d;
  --alto-sem-color-bg-layer3-active: #484650;
  --alto-sem-color-bg-accent-vibrant-default: #013df8;
  --alto-sem-color-bg-accent-vibrant-hover: #012ed9;
  --alto-sem-color-bg-accent-vibrant-active: #0122b9;
  --alto-sem-color-bg-accent-subtle-default: #00174a;
  --alto-sem-color-bg-accent-subtle-hover: #041543;
  --alto-sem-color-bg-accent-subtle-active: #07143c;
  --alto-sem-color-bg-accent-deep-default: #0122b9;
  --alto-sem-color-bg-accent-deep-hover: #012ed9;
  --alto-sem-color-bg-accent-deep-active: #013df8;
  --alto-sem-color-bg-critical-vibrant-default: #cb291d;
  --alto-sem-color-bg-critical-vibrant-hover: #ab251b;
  --alto-sem-color-bg-critical-vibrant-active: #8f2018;
  --alto-sem-color-bg-critical-subtle-default: #46100c;
  --alto-sem-color-bg-critical-subtle-hover: #5d1510;
  --alto-sem-color-bg-critical-subtle-active: #761a14;
  --alto-sem-color-bg-warning-vibrant-default: #d05806;
  --alto-sem-color-bg-warning-vibrant-hover: #e67100;
  --alto-sem-color-bg-warning-vibrant-active: #f78e06;
  --alto-sem-color-bg-warning-subtle-default: #3f1803;
  --alto-sem-color-bg-warning-subtle-hover: #542004;
  --alto-sem-color-bg-warning-subtle-active: #6a2805;
  --alto-sem-color-bg-caution-vibrant-default: #231f00;
  --alto-sem-color-bg-caution-vibrant-hover: #292500;
  --alto-sem-color-bg-caution-vibrant-active: #332e00;
  --alto-sem-color-bg-caution-subtle-default: #393300;
  --alto-sem-color-bg-caution-subtle-hover: #141200;
  --alto-sem-color-bg-caution-subtle-active: #1a1700;
  --alto-sem-color-bg-success-vibrant-default: #028f50;
  --alto-sem-color-bg-success-vibrant-hover: #05a75e;
  --alto-sem-color-bg-success-vibrant-active: #15c06e;
  --alto-sem-color-bg-success-subtle-default: #001f11;
  --alto-sem-color-bg-success-subtle-hover: #002a17;
  --alto-sem-color-bg-success-subtle-active: #00381f;
  --alto-sem-color-bg-information-vibrant-default: #0083c3;
  --alto-sem-color-bg-information-vibrant-hover: #099bdb;
  --alto-sem-color-bg-information-vibrant-active: #3db3ea;
  --alto-sem-color-bg-information-subtle-default: #001c2d;
  --alto-sem-color-bg-information-subtle-hover: #00253b;
  --alto-sem-color-bg-information-subtle-active: #003350;
  --alto-sem-color-bg-inverse-vibrant-default: #f8f7f9;
  --alto-sem-color-bg-inverse-vibrant-hover: #dad9e0;
  --alto-sem-color-bg-inverse-vibrant-active: #a9a7b4;
  --alto-sem-color-bg-inverse-subtle-default: #7a788733;
  --alto-sem-color-bg-inverse-subtle-hover: #7a78874d;
  --alto-sem-color-bg-inverse-subtle-active: #7a788766;
  --alto-sem-color-bg-white-vibrant-default: #ffffff;
  --alto-sem-color-bg-white-vibrant-hover: #f9f9f9;
  --alto-sem-color-bg-white-vibrant-active: #f3f3f3;
  --alto-sem-color-bg-white-subtle-default: #716f7eb3;
  --alto-sem-color-bg-white-subtle-hover: #4b4855b3;
  --alto-sem-color-bg-white-subtle-active: #27262cb3;
  --alto-sem-color-bg-disabled-vibrant: #f8f7f952;
  --alto-sem-color-bg-disabled-subtle: #f8f7f91a;
  --alto-sem-color-bg-sale-vibrant-default: #cb291d;
  --alto-sem-color-bg-sale-vibrant-hover: #ab251b;
  --alto-sem-color-bg-sale-vibrant-active: #8f2018;
  --alto-sem-color-bg-collect-vibrant-default: #c7fcec;
  --alto-sem-color-bg-spend-vibrant-default: #e0deff;
  --alto-sem-color-bg-inspiration-vibrant-default: #dfd8dc;
  --alto-sem-color-fg-primary: #fefffe;
  --alto-sem-color-fg-secondary: #a9a7b4;
  --alto-sem-color-fg-accent-primary: #b1c0ff;
  --alto-sem-color-fg-accent-secondary: #d3dbff;
  --alto-sem-color-fg-accent-on-vibrant: #fefffe;
  --alto-sem-color-fg-accent-on-vibrant-accent: #fefffe;
  --alto-sem-color-fg-accent-on-subtle: #d3dbff;
  --alto-sem-color-fg-accent-on-deep: #fefffe;
  --alto-sem-color-fg-critical-primary: #ec3326;
  --alto-sem-color-fg-critical-on-vibrant: #fefffe;
  --alto-sem-color-fg-critical-on-subtle: #fccfcc;
  --alto-sem-color-fg-warning-primary: #e67100;
  --alto-sem-color-fg-warning-on-vibrant: #fefffe;
  --alto-sem-color-fg-warning-on-subtle: #fdd39a;
  --alto-sem-color-fg-caution-primary: #857800;
  --alto-sem-color-fg-caution-on-vibrant: #010101;
  --alto-sem-color-fg-caution-on-subtle: #ead200;
  --alto-sem-color-fg-success-primary: #05a75e;
  --alto-sem-color-fg-success-on-vibrant: #fefffe;
  --alto-sem-color-fg-success-on-subtle: #98ebc1;
  --alto-sem-color-fg-information-primary: #099bdb;
  --alto-sem-color-fg-information-on-vibrant: #fefffe;
  --alto-sem-color-fg-information-on-subtle: #b6dffb;
  --alto-sem-color-fg-inverse-primary: #010101;
  --alto-sem-color-fg-inverse-on-vibrant: #010101;
  --alto-sem-color-fg-inverse-on-subtle: #f8f7f9;
  --alto-sem-color-fg-white-primary: #ffffff;
  --alto-sem-color-fg-white-on-vibrant: #000000;
  --alto-sem-color-fg-white-on-subtle: #ffffff;
  --alto-sem-color-fg-disabled-primary: #ffffff52;
  --alto-sem-color-fg-disabled-on-vibrant: #00000080;
  --alto-sem-color-fg-disabled-on-subtle: #ffffff52;
  --alto-sem-color-fg-sale-primary: #ec3326;
  --alto-sem-color-fg-sale-on-vibrant: #fefffe;
  --alto-sem-color-fg-collect-on-vibrant-default: #001e62;
  --alto-sem-color-fg-collect-primary: #c7fcec;
  --alto-sem-color-fg-spend-on-vibrant-default: #001e62;
  --alto-sem-color-fg-spend-primary: #e0deff;
  --alto-sem-color-fg-inspiration-on-vibrant-default: #001e62;
  --alto-sem-color-fg-inspiration-primary: #f7e9e9;
  --alto-sem-color-border-primary-default: #5a5865;
  --alto-sem-color-border-primary-hover: #7a7887;
  --alto-sem-color-border-primary-active: #a9a7b4;
  --alto-sem-color-border-secondary: #5a586580;
  --alto-sem-color-border-tertiary: #5a586540;
  --alto-sem-color-border-accent: #013df8;
  --alto-sem-color-border-critical: #ec3326;
  --alto-sem-color-border-warning: #d05806;
  --alto-sem-color-border-caution: #706400;
  --alto-sem-color-border-success: #028f50;
  --alto-sem-color-border-information: #0083c3;
  --alto-sem-color-border-white: #ffffff;
  --alto-sem-color-border-inverse: #fefffe;
  --alto-sem-color-border-disabled-subtle: #ffffff52;
  --alto-sem-color-border-disabled-vibrant: #ffffff52;
  --alto-sem-color-border-sale: #ec3326;
  --alto-sem-color-border-collect: #c7fcec;
  --alto-sem-color-border-spend: #e0deff;
  --alto-sem-color-overlay-scrim: #01010199;
  --alto-sem-color-overlay-state-darken-default: #0000;
  --alto-sem-color-overlay-state-darken-hover: #00000014;
  --alto-sem-color-overlay-state-darken-active: #0000001a;
  --alto-sem-color-overlay-state-lighten-default: #fff0;
  --alto-sem-color-overlay-state-lighten-hover: #ffffff14;
  --alto-sem-color-overlay-state-lighten-active: #ffffff1a;
  --alto-sem-color-overlay-state-darken-invert-default: #fff0;
  --alto-sem-color-overlay-state-darken-invert-hover: #ffffff14;
  --alto-sem-color-overlay-state-darken-invert-active: #ffffff1a;
  --alto-sem-color-overlay-state-lighten-invert-default: #0000;
  --alto-sem-color-overlay-state-lighten-invert-hover: #00000014;
  --alto-sem-color-overlay-state-lighten-invert-active: #0000001a;
  --alto-sem-color-brand-primary: #013df8;
  --alto-sem-color-brand-secondary: #013df8;
  --alto-sem-radius-none: 0;
  --alto-sem-radius-6xs: 2px;
  --alto-sem-radius-5xs: 4px;
  --alto-sem-radius-4xs: 6px;
  --alto-sem-radius-3xs: 8px;
  --alto-sem-radius-2xs: 10px;
  --alto-sem-radius-xs: 12px;
  --alto-sem-radius-sm: 14px;
  --alto-sem-radius-md: 16px;
  --alto-sem-radius-lg: 24px;
  --alto-sem-radius-xl: 32px;
  --alto-sem-radius-circle: 9999px;
  --alto-header-color-bg: #26252be6;
  --alto-header-effects-bg-blur: 16;
  --alto-eyebrow-color-bg-inspiration: #dfd8dc;
  --alto-eyebrow-color-bg-collect: #c7fcec;
  --alto-eyebrow-color-bg-spend: #e0deff;
  --alto-eyebrow-color-bg-activate: #e5f2ff;
  --alto-eyebrow-color-fg-inspiration: #001e62;
  --alto-eyebrow-color-fg-collect: #001e62;
  --alto-eyebrow-color-fg-spend: #001e62;
  --alto-eyebrow-color-fg-activate: #001e62;
  --alto-eyebrow-padding-horizontal: 16px;
  --alto-eyebrow-padding-vertical: 4px;
  --alto-eyebrow-radius: 9999px;
  --alto-skeleton-color-base: #26252b;
  --alto-skeleton-color-highlight: #413f4a;
  --alto-shadow-ink-100: #001e621f;
  --alto-shadow-ink-200: #001e6214;
  --alto-shadow-ink-300: #001e620f;
  --alto-shadow-ink-400: #001e6205;
  --alto-elevation-0: 0 0 0 0 #000000;
  --alto-elevation-1: 0 1 2 0 #001e6205, 0 4 8 0 #001e6205;
  --alto-elevation-2: 0 2 4 0 #001e6205, 0 8 16 0 #001e620f;
  --alto-elevation-3: 0 4 8 0 #001e620f, 0 12 24 0 #001e6214, 0 20 32 0 #001e6205;
  --alto-elevation-4: 0 40 60 0 #001e621f, 0 28 40 0 #001e6214, 0 16 24 0 #001e620f, 0 8 12 0 #001e6205;
  --alto-button-md-padding-top: 12px;
  --alto-button-md-padding-bottom: 12px;
  --alto-button-md-radius: 9999px;
  --alto-button-md-radius-focus: 9999px;
  --alto-button-sm-padding-top: 8px;
  --alto-button-sm-padding-bottom: 8px;
  --alto-button-sm-radius: 9999px;
  --alto-button-sm-radius-focus: 9999px;
  --alto-button-lg-padding-top: 16px;
  --alto-button-lg-padding-bottom: 16px;
  --alto-details-disclosure-panel-border-width: 4px;
  --alto-card-radius: 12px;
  --alto-card-radius-focus: 14px;
  --alto-tag-radius: 8px;
  --alto-checkbox-radius: 4px;
  --alto-radio-radius: 9999px;
  --alto-input-radius: 12px;
  --alto-segmented-control-container-radius: 9999px;
  --alto-segmented-control-segment-radius: 9999px;
}

/* --- auto:fonts+breakpoints:start --- */

@layer altoFontFamily {
:root.dark-theme {
  --alto-sem-text-heading-font-family: Bw Mitga;
  --alto-sem-text-body-font-family: Poppins;
  --alto-sem-text-label-font-family: Poppins;
	}
}

@media screen and (min-width: 0px) and (max-width: 479px) {
:root.dark-theme {
  --alto-grid-gutter-default: 16px;
  --alto-grid-gutter-compact: 8px;
  --alto-section-padding-horizontal-default: 16px;
  --alto-section-padding-vertical-default: 16px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 16px;
  --alto-form-section-gap: 24px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.25rem;
  --alto-sem-text-heading-xl-line-height: 2.875rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1125rem;
  --alto-sem-text-heading-lg-font-size: 2rem;
  --alto-sem-text-heading-lg-line-height: 2.5rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.089rem;
  --alto-sem-text-heading-md-font-size: 1.75rem;
  --alto-sem-text-heading-md-line-height: 2.25rem;
  --alto-sem-text-heading-md-letter-spacing: -0.07525rem;
  --alto-sem-text-heading-sm-font-size: 1.5rem;
  --alto-sem-text-heading-sm-line-height: 1.875rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.04995rem;
  --alto-sem-text-heading-xs-font-size: 1.25rem;
  --alto-sem-text-heading-xs-line-height: 1.625rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.0375rem;
	}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
:root.dark-theme {
  --alto-grid-gutter-default: 16px;
  --alto-grid-gutter-compact: 8px;
  --alto-section-padding-horizontal-default: 16px;
  --alto-section-padding-vertical-default: 16px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 16px;
  --alto-form-section-gap: 24px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.25rem;
  --alto-sem-text-heading-xl-line-height: 2.875rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1125rem;
  --alto-sem-text-heading-lg-font-size: 2rem;
  --alto-sem-text-heading-lg-line-height: 2.5rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.089rem;
  --alto-sem-text-heading-md-font-size: 1.75rem;
  --alto-sem-text-heading-md-line-height: 2.25rem;
  --alto-sem-text-heading-md-letter-spacing: -0.07525rem;
  --alto-sem-text-heading-sm-font-size: 1.5rem;
  --alto-sem-text-heading-sm-line-height: 1.875rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.04995rem;
  --alto-sem-text-heading-xs-font-size: 1.25rem;
  --alto-sem-text-heading-xs-line-height: 1.625rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.0375rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.0375rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
:root.dark-theme {
  --alto-grid-gutter-default: 24px;
  --alto-grid-gutter-compact: 12px;
  --alto-section-padding-horizontal-default: 24px;
  --alto-section-padding-vertical-default: 24px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 24px;
  --alto-form-section-gap: 48px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.5rem;
  --alto-sem-text-heading-xl-line-height: 3.125rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.125rem;
  --alto-sem-text-heading-lg-font-size: 2.125rem;
  --alto-sem-text-heading-lg-line-height: 2.75rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.0945625rem;
  --alto-sem-text-heading-md-font-size: 1.875rem;
  --alto-sem-text-heading-md-line-height: 2.375rem;
  --alto-sem-text-heading-md-letter-spacing: -0.080625rem;
  --alto-sem-text-heading-sm-font-size: 1.625rem;
  --alto-sem-text-heading-sm-line-height: 2.125rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.0541125rem;
  --alto-sem-text-heading-xs-font-size: 1.375rem;
  --alto-sem-text-heading-xs-line-height: 1.75rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.04125rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.04125rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
:root.dark-theme {
  --alto-grid-gutter-default: 24px;
  --alto-grid-gutter-compact: 12px;
  --alto-section-padding-horizontal-default: 24px;
  --alto-section-padding-vertical-default: 24px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 24px;
  --alto-form-section-gap: 48px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 2.75rem;
  --alto-sem-text-heading-xl-line-height: 3.5rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.1375rem;
  --alto-sem-text-heading-lg-font-size: 2.375rem;
  --alto-sem-text-heading-lg-line-height: 3rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.1056875rem;
  --alto-sem-text-heading-md-font-size: 2rem;
  --alto-sem-text-heading-md-line-height: 2.5rem;
  --alto-sem-text-heading-md-letter-spacing: -0.086rem;
  --alto-sem-text-heading-sm-font-size: 1.625rem;
  --alto-sem-text-heading-sm-line-height: 2.125rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.0541125rem;
  --alto-sem-text-heading-xs-font-size: 1.375rem;
  --alto-sem-text-heading-xs-line-height: 1.75rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.04125rem;
  --alto-sem-text-heading-2xs-font-size: 1.125rem;
  --alto-sem-text-heading-2xs-line-height: 1.5rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.04125rem;
	}
}

@media screen and (min-width: 1440px) and (max-width: 99999px) {
:root.dark-theme {
  --alto-grid-gutter-default: 24px;
  --alto-grid-gutter-compact: 12px;
  --alto-section-padding-horizontal-default: 96px;
  --alto-section-padding-vertical-default: 32px;
  --alto-section-container-max-width: 1280px;
  --alto-form-field-gap: 24px;
  --alto-form-section-gap: 48px;
  --alto-form-max-width: 628px;
  --alto-sem-text-heading-xl-font-size: 3rem;
  --alto-sem-text-heading-xl-line-height: 3.75rem;
  --alto-sem-text-heading-xl-letter-spacing: -0.15rem;
  --alto-sem-text-heading-lg-font-size: 2.5rem;
  --alto-sem-text-heading-lg-line-height: 3.125rem;
  --alto-sem-text-heading-lg-letter-spacing: -0.11125rem;
  --alto-sem-text-heading-md-font-size: 2.125rem;
  --alto-sem-text-heading-md-line-height: 2.75rem;
  --alto-sem-text-heading-md-letter-spacing: -0.091375rem;
  --alto-sem-text-heading-sm-font-size: 1.75rem;
  --alto-sem-text-heading-sm-line-height: 2.25rem;
  --alto-sem-text-heading-sm-letter-spacing: -0.058275rem;
  --alto-sem-text-heading-xs-font-size: 1.5rem;
  --alto-sem-text-heading-xs-line-height: 1.875rem;
  --alto-sem-text-heading-xs-letter-spacing: -0.045rem;
  --alto-sem-text-heading-2xs-font-size: 1.25rem;
  --alto-sem-text-heading-2xs-line-height: 1.625rem;
  --alto-sem-text-heading-2xs-letter-spacing: -0.045rem;
	}
}

/* --- auto:fonts+breakpoints:end --- */