/**
 * 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;
  --alto-sem-text-heading-xl-font-weight-name: Semibold;
  --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;
  --alto-sem-text-heading-lg-font-weight-name: Semibold;
  --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;
  --alto-sem-text-heading-md-font-weight-name: Semibold;
  --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;
  --alto-sem-text-heading-sm-font-weight-name: Semibold;
  --alto-sem-text-heading-sm-font-weight: 500;
  --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;
  --alto-sem-text-heading-xs-font-weight-name: Semibold;
  --alto-sem-text-heading-xs-font-weight: 500;
  --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;
  --alto-sem-text-heading-2xs-font-weight-name: Semibold;
  --alto-sem-text-heading-2xs-font-weight: 500;
  --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;
  --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: 600;
  --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;
  --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: SemiBold;
  --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: #f8f8f8;
  --alto-sem-color-bg-layer1-hover: #f2f2f2;
  --alto-sem-color-bg-layer1-active: #ededed;
  --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: #ececec;
  --alto-sem-color-bg-layer3-hover: #e7e7e7;
  --alto-sem-color-bg-layer3-active: #e1e1e1;
  --alto-sem-color-bg-accent-vibrant-default: #000000;
  --alto-sem-color-bg-accent-vibrant-hover: #0b0a0a;
  --alto-sem-color-bg-accent-vibrant-active: #272626;
  --alto-sem-color-bg-accent-subtle-default: #ececec;
  --alto-sem-color-bg-accent-subtle-hover: #dfdfdf;
  --alto-sem-color-bg-accent-subtle-active: #d2d2d2;
  --alto-sem-color-bg-accent-deep-default: #000000;
  --alto-sem-color-bg-accent-deep-hover: #0b0a0a;
  --alto-sem-color-bg-accent-deep-active: #272626;
  --alto-sem-color-bg-critical-vibrant-default: #d82100;
  --alto-sem-color-bg-critical-vibrant-hover: #b90e00;
  --alto-sem-color-bg-critical-vibrant-active: #990200;
  --alto-sem-color-bg-critical-subtle-default: #ffe4df;
  --alto-sem-color-bg-critical-subtle-hover: #ffd6ce;
  --alto-sem-color-bg-critical-subtle-active: #ffbeb0;
  --alto-sem-color-bg-warning-vibrant-default: #b74f00;
  --alto-sem-color-bg-warning-vibrant-hover: #9b4000;
  --alto-sem-color-bg-warning-vibrant-active: #7e3300;
  --alto-sem-color-bg-warning-subtle-default: #ffe6c8;
  --alto-sem-color-bg-warning-subtle-hover: #ffd9ab;
  --alto-sem-color-bg-warning-subtle-active: #ffc278;
  --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: #008013;
  --alto-sem-color-bg-success-vibrant-hover: #006b07;
  --alto-sem-color-bg-success-vibrant-active: #005700;
  --alto-sem-color-bg-success-subtle-default: #c9f5d3;
  --alto-sem-color-bg-success-subtle-hover: #acefbb;
  --alto-sem-color-bg-success-subtle-active: #78e490;
  --alto-sem-color-bg-information-vibrant-default: #006ae0;
  --alto-sem-color-bg-information-vibrant-hover: #0054c9;
  --alto-sem-color-bg-information-vibrant-active: #0040b0;
  --alto-sem-color-bg-information-subtle-default: #d7ecff;
  --alto-sem-color-bg-information-subtle-hover: #c3e3ff;
  --alto-sem-color-bg-information-subtle-active: #a0d3ff;
  --alto-sem-color-bg-inverse-vibrant-default: #0b0a0a;
  --alto-sem-color-bg-inverse-vibrant-hover: #272626;
  --alto-sem-color-bg-inverse-vibrant-active: #4a4949;
  --alto-sem-color-bg-inverse-subtle-default: #f1f1f1;
  --alto-sem-color-bg-inverse-subtle-hover: #e2e2e2;
  --alto-sem-color-bg-inverse-subtle-active: #d4d4d4;
  --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: #717171b3;
  --alto-sem-color-bg-white-subtle-hover: #4a4949b3;
  --alto-sem-color-bg-white-subtle-active: #272626b3;
  --alto-sem-color-bg-disabled-vibrant: #0b0a0a52;
  --alto-sem-color-bg-disabled-subtle: #0b0a0a0d;
  --alto-sem-color-bg-sale-vibrant-default: #d82100;
  --alto-sem-color-bg-sale-vibrant-hover: #b90e00;
  --alto-sem-color-bg-sale-vibrant-active: #990200;
  --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: #4a4949;
  --alto-sem-color-fg-accent-primary: #000000;
  --alto-sem-color-fg-accent-secondary: #000000;
  --alto-sem-color-fg-accent-on-vibrant: #fefefe;
  --alto-sem-color-fg-accent-on-vibrant-accent: #fefefe;
  --alto-sem-color-fg-accent-on-subtle: #000000;
  --alto-sem-color-fg-accent-on-deep: #fefefe;
  --alto-sem-color-fg-critical-primary: #d82100;
  --alto-sem-color-fg-critical-on-vibrant: #fefefe;
  --alto-sem-color-fg-critical-on-subtle: #560000;
  --alto-sem-color-fg-warning-primary: #9b4000;
  --alto-sem-color-fg-warning-on-vibrant: #fefefe;
  --alto-sem-color-fg-warning-on-subtle: #431b00;
  --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: #006b07;
  --alto-sem-color-fg-success-on-vibrant: #fefefe;
  --alto-sem-color-fg-success-on-subtle: #002e00;
  --alto-sem-color-fg-information-primary: #0054c9;
  --alto-sem-color-fg-information-on-vibrant: #fefefe;
  --alto-sem-color-fg-information-on-subtle: #002164;
  --alto-sem-color-fg-inverse-primary: #fefefe;
  --alto-sem-color-fg-inverse-on-vibrant: #fefefe;
  --alto-sem-color-fg-inverse-on-subtle: #0b0a0a;
  --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: #d82100;
  --alto-sem-color-fg-sale-on-vibrant: #fefefe;
  --alto-sem-color-fg-collect-on-vibrant-default: #000000;
  --alto-sem-color-fg-collect-primary: #c7fcec;
  --alto-sem-color-fg-spend-on-vibrant-default: #000000;
  --alto-sem-color-fg-spend-primary: #e0deff;
  --alto-sem-color-fg-inspiration-on-vibrant-default: #000000;
  --alto-sem-color-fg-inspiration-primary: #f7e9e9;
  --alto-sem-color-border-primary-default: #959494;
  --alto-sem-color-border-primary-hover: #717171;
  --alto-sem-color-border-primary-active: #4a4949;
  --alto-sem-color-border-secondary: #95949480;
  --alto-sem-color-border-tertiary: #95949440;
  --alto-sem-color-border-accent: #000000;
  --alto-sem-color-border-critical: #d82100;
  --alto-sem-color-border-sale: #d82100;
  --alto-sem-color-border-warning: #b74f00;
  --alto-sem-color-border-caution: #998a00;
  --alto-sem-color-border-success: #008013;
  --alto-sem-color-border-information: #006ae0;
  --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: #fff000;
  --alto-sem-color-brand-secondary: #fff000;
  --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: rgba(255, 255, 255, 0);
  --alto-eyebrow-color-bg-collect: rgba(255, 255, 255, 0);
  --alto-eyebrow-color-bg-spend: rgba(255, 255, 255, 0);
  --alto-eyebrow-color-bg-activate: rgba(255, 255, 255, 0);
  --alto-eyebrow-color-fg-inspiration: #000000;
  --alto-eyebrow-color-fg-collect: #000000;
  --alto-eyebrow-color-fg-spend: #000000;
  --alto-eyebrow-color-fg-activate: #000000;
  --alto-eyebrow-padding-horizontal: 0;
  --alto-eyebrow-padding-vertical: 4px;
  --alto-eyebrow-radius: 9999px;
  --alto-skeleton-color-base: #dbdbdb;
  --alto-skeleton-color-highlight: #ececec;
  --alto-elevation-0: 0 0 0 0 #000000;
  --alto-elevation-1: 0 1 2 0 #28250e05, 0 4 8 0 #28250e05;
  --alto-elevation-2: 0 2 4 0 #28250e05, 0 8 16 0 #28250e0f;
  --alto-elevation-3: 0 4 8 0 #28250e0f, 0 12 24 0 #28250e14, 0 20 32 0 #28250e05;
  --alto-elevation-4: 0 40 60 0 #28250e1f, 0 28 40 0 #28250e14, 0 16 24 0 #28250e0f, 0 8 12 0 #28250e05;
  --alto-shadow-ink-100: #28250e1f;
  --alto-shadow-ink-200: #28250e14;
  --alto-shadow-ink-300: #28250e0f;
  --alto-shadow-ink-400: #28250e05;
  --alto-button-md-padding-top: 12px;
  --alto-button-md-padding-bottom: 12px;
  --alto-button-md-radius: 4px;
  --alto-button-md-radius-focus: 6px;
  --alto-button-sm-padding-top: 8px;
  --alto-button-sm-padding-bottom: 8px;
  --alto-button-sm-radius: 4px;
  --alto-button-sm-radius-focus: 6px;
  --alto-button-lg-padding-top: 16px;
  --alto-button-lg-padding-bottom: 16px;
  --alto-details-disclosure-panel-border-width: 4px;
  --alto-card-radius: 8px;
  --alto-card-radius-focus: 14px;
  --alto-tag-radius: 4px;
  --alto-checkbox-radius: 4px;
  --alto-radio-radius: 9999px;
  --alto-input-radius: 4px;
  --alto-segmented-control-container-radius: 10px;
  --alto-segmented-control-segment-radius: 8px;
}

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

@layer altoFontFamily {
:root {
  --alto-sem-text-heading-font-family: Vueling Pilcrow;
  --alto-sem-text-body-font-family: Source Sans Pro;
  --alto-sem-text-label-font-family: Vueling Pilcrow;
	}
}

@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;
  --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;
  --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;
  --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;
  --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;
  --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;
	}
}

@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;
  --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;
  --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;
  --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;
  --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;
  --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;
	}
}

@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;
  --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;
  --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;
  --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;
  --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;
  --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;
	}
}

@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;
  --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;
  --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;
  --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;
  --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;
  --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;
	}
}

@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;
  --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;
  --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;
  --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;
  --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;
  --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;
	}
}

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