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

:root {
  /* === dimensions === */

  --device-size-mobile: 20rem;
  --device-size-tablet: 48rem;
  --device-size-desktop: 90rem;

  --icon-height-mobile: 5.75rem;
  --icon-height-tablet: 6.25rem;
  --icon-height-desktop: 6.75rem;

  --slider-card-width-mobile: 14.375rem;
  --slider-card-width-tablet: 17.5rem;
  --slider-card-width-desktop: 17.5rem;

  --btn-height-mobile: 3rem;
  --btn-height-tablet: 3.25rem;
  --btn-height-desktop: 3.25rem;

  --slide-in-nav-width-mobile: 19.5rem;
  --slide-in-nav-width-tablet: 22.5rem;
  --slide-in-nav-width-desktop: 23.75rem;

  --tag-height-mobile: 2.25rem;
  --tag-height-tablet: 2.5rem;
  --tag-height-desktop: 2.5rem;

  --pagination-height-width-mobile: 2.5rem;
  --pagination-height-width-tablet: 3.25rem;
  --pagination-height-width-desktop: 3.25rem;

  --tooltip-card-width-mobile: 12.5rem;
  --tooltip-card-width-tablet: 13.75rem;
  --tooltip-card-width-desktop: 15rem;

  --key-fact-max-width-mobile: 17.5rem;
  --key-fact-max-width-tablet: 20rem;
  --key-fact-max-width-desktop: 21.25rem;

  --bg-image-module-text-max-width-mobile: 67.5rem;
  --bg-image-module-text-max-width-tablet: 67.5rem;
  --bg-image-module-text-max-width-desktop: 35.5rem;

  --gallery-playhead-icon-size-mobile: 1.875rem;
  --gallery-playhead-icon-size-tablet: 3.375rem;
  --gallery-playhead-icon-size-desktop: 5.75rem;

  --gallery-chevron-opacity-display-mobile: 0;
  --gallery-chevron-opacity-display-tablet: 100;
  --gallery-chevron-opacity-display-desktop: 100;

  --gallery-chevron-size-mobile: 2.5rem;
  --gallery-chevron-size-tablet: 3.75rem;
  --gallery-chevron-size-desktop: 3.75rem;

  --icon-height-bg-image-module-mobile: var(--logo-max-height-mobile);
  --icon-height-bg-image-module-tablet: var(--logo-max-height-tablet);
  --icon-height-bg-image-module-desktop: var(--logo-max-height-desktop);

  --blockquote-icon-height-mobile: 2.5rem;
  --blockquote-icon-height-tablet: 2.5rem;
  --blockquote-icon-height-desktop: 2.75rem;

  --logo-max-height-mobile: 4.25rem;
  --logo-max-height-tablet: 4.5rem;
  --logo-max-height-desktop: 4.75rem;

  --logo-max-width-mobile: 10.5rem;
  --logo-max-width-tablet: 10.75rem;
  --logo-max-width-desktop: 11rem;

  --icon-width-bg-image-module-mobile: var(--logo-max-width-mobile);
  --icon-width-bg-image-module-tablet: var(--logo-max-width-tablet);
  --icon-width-bg-image-module-desktop: var(--logo-max-width-desktop);

  --logo-max-height-media-window-footer-mobile: 4rem;
  --logo-max-height-media-window-footer-tablet: 4rem;
  --logo-max-height-media-window-footer-desktop: 4.5rem;

  --logo-max-width-media-window-footer-mobile: 9rem;
  --logo-max-width-media-window-footer-tablet: 9.25rem;
  --logo-max-width-media-window-footer-desktop: 9.5rem;

  /* === font-size === */

  --fs-h1-mobile: 2rem;
  --fs-h1-tablet: 3rem;
  --fs-h1-desktop: 3.75rem;
  --fs-h2-mobile: 1.75rem;
  --fs-h2-tablet: 2.25rem;
  --fs-h2-desktop: 2.25rem;
  --fs-h3-mobile: 1.5rem;
  --fs-h3-tablet: 2rem;
  --fs-h3-desktop: 2rem;
  --fs-h4-mobile: 1.375rem;
  --fs-h4-tablet: 1.75rem;
  --fs-h4-desktop: 1.75rem;
  --fs-h5-mobile: 1.25rem;
  --fs-h5-tablet: 1.5rem;
  --fs-h5-desktop: 1.5rem;
  --fs-h6-mobile: 1.0625rem;
  --fs-h6-tablet: 1.125rem;
  --fs-h6-desktop: 1.25rem;

  --fs-intro-lg-mobile: 1.5rem;
  --fs-intro-lg-tablet: 1.5rem;
  --fs-intro-lg-desktop: 1.875rem;
  --fs-intro-md-mobile: 1.25rem;
  --fs-intro-md-tablet: 1.375rem;
  --fs-intro-md-desktop: 1.5rem;
  --fs-snippet-mobile: 1.25rem;
  --fs-snippet-tablet: 1.375rem;
  --fs-snippet-desktop: 1.5rem;
  --fs-p-lg-mobile: 1rem;
  --fs-p-lg-tablet: 1.0625rem;
  --fs-p-lg-desktop: 1.125rem;
  --fs-p-md-mobile: 0.875rem;
  --fs-p-md-tablet: 0.9375rem;
  --fs-p-md-desktop: 1rem;
  --fs-p-sm-mobile: 0.875rem;
  --fs-p-sm-tablet: 0.875rem;
  --fs-p-sm-desktop: 0.875rem;
  --fs-p-xsm-mobile: 0.75rem;
  --fs-p-xsm-tablet: 0.75rem;
  --fs-p-xsm-desktop: 0.75rem;

  --fs-page-tags-mobile: 0.875rem;
  --fs-page-tags-tablet: 0.9375rem;
  --fs-page-tags-desktop: 1rem;

  --fs-form-label-mobile: 0.875rem;
  --fs-form-label-tablet: 0.9375rem;
  --fs-form-label-desktop: 1rem;

  --fs-form-placeholder-mobile: 1rem;
  --fs-form-placeholder-tablet: 1rem;
  --fs-form-placeholder-desktop: 1rem;

  --fs-footer-titles-mobile: var(--fs-p-lg-mobile);
  --fs-footer-titles-tablet: var(--fs-p-lg-tablet);
  --fs-footer-titles-desktop: var(--fs-p-lg-desktop);
  --fs-footer-lists-mobile: var(--fs-p-md-mobile);
  --fs-footer-lists-tablet: var(--fs-p-md-tablet);
  --fs-footer-lists-desktop: var(--fs-p-md-desktop);
  --fs-footer-legal-links-mobile: var(--fs-p-sm-mobile);
  --fs-footer-legal-links-tablet: var(--fs-p-sm-tablet);
  --fs-footer-legal-links-desktop: var(--fs-p-sm-desktop);
  --fs-footer-copyright-mobile: var(--fs-p-xsm-mobile);
  --fs-footer-copyright-tablet: var(--fs-p-xsm-tablet);
  --fs-footer-copyright-desktop: var(--fs-p-xsm-desktop);

  --fs-nav-primary-level-1-mobile: 1.0625rem;
  --fs-nav-primary-level-1-tablet: 1.0625rem;
  --fs-nav-primary-level-1-desktop: 1.25rem;
  --fs-nav-primary-level-2-mobile: 1rem;
  --fs-nav-primary-level-2-tablet: 1rem;
  --fs-nav-primary-level-2-desktop: 1.0625rem;
  --fs-nav-primary-level-3-mobile: 0.9375rem;
  --fs-nav-primary-level-3-tablet: 0.9375rem;
  --fs-nav-primary-level-3-desktop: 1rem;
  --fs-nav-secondary-utility-titles-mobile: var(--fs-p-md-mobile);
  --fs-nav-secondary-utility-titles-tablet: var(--fs-p-md-tablet);
  --fs-nav-secondary-utility-titles-desktop: var(--fs-p-md-desktop);

  --fs-card-titles-mobile: 1.125rem;
  --fs-card-titles-tablet: 1.25rem;
  --fs-card-titles-desktop: 1.25rem;

  --fs-breadcrumbs-mobile: 0.875rem;
  --fs-breadcrumbs-tablet: 0.9375rem;
  --fs-breadcrumbs-desktop: 1rem;

  --fs-key-facts-title-mobile: var(--fs-h1-mobile);
  --fs-key-facts-title-tablet: var(--fs-h1-tablet);
  --fs-key-facts-title-desktop: var(--fs-h1-desktop);

  --fs-key-facts-sub-mobile: var(--fs-h6-mobile);
  --fs-key-facts-sub-tablet: var(--fs-h6-tablet);
  --fs-key-facts-sub-desktop: var(--fs-h6-desktop);

  /* === line-height === */

  --lh-h1-mobile: 2.25rem;
  --lh-h1-tablet: 3.5rem;
  --lh-h1-desktop: 4.25rem;
  --lh-h2-mobile: 2.25rem;
  --lh-h2-tablet: 2.75rem;
  --lh-h2-desktop: 3rem;
  --lh-h3-mobile: 1.875rem;
  --lh-h3-tablet: 2.25rem;
  --lh-h3-desktop: 2.5rem;
  --lh-h4-mobile: 1.75rem;
  --lh-h4-tablet: 2rem;
  --lh-h4-desktop: 2.25rem;
  --lh-h5-mobile: 1.75rem;
  --lh-h5-tablet: 1.75rem;
  --lh-h5-desktop: 1.75rem;
  --lh-h6-mobile: 1.5rem;
  --lh-h6-tablet: 1.5rem;
  --lh-h6-desktop: 1.75rem;

  --lh-intro-lg-mobile: 2rem;
  --lh-intro-lg-tablet: 2rem;
  --lh-intro-lg-desktop: 2.5rem;
  --lh-intro-md-mobile: 1.75rem;
  --lh-intro-md-tablet: 1.75rem;
  --lh-intro-md-desktop: 2rem;
  --lh-block-snippet-mobile: 1.75rem;
  --lh-block-snippet-tablet: 1.75rem;
  --lh-block-snippet-desktop: 2rem;
  --lh-p-lg-mobile: 1.5rem;
  --lh-p-lg-tablet: 1.5rem;
  --lh-p-lg-desktop: 1.75rem;
  --lh-p-md-mobile: 1.25rem;
  --lh-p-md-tablet: 1.5rem;
  --lh-p-md-desktop: 1.5rem;
  --lh-p-sm-mobile: 1.25rem;
  --lh-p-sm-tablet: 1.25rem;
  --lh-p-sm-desktop: 1.25rem;
  --lh-p-xsm-mobile: 1.25rem;
  --lh-p-xsm-tablet: 1.25rem;
  --lh-p-xsm-desktop: 1.25rem;
  --lh-breadcrumbs-mobile: 1.25rem;
  --lh-breadcrumbs-tablet: 1.5rem;
  --lh-breadcrumbs-desktop: 1.5rem;

  --lh-card-titles-mobile: 1.5rem;
  --lh-card-titles-tablet: 1.5rem;
  --lh-card-titles-desktop: 1.75rem;

  --lh-key-facts-title-mobile: var(--lh-h1-mobile);
  --lh-key-facts-title-tablet: var(--lh-h1-tablet);
  --lh-key-facts-title-desktop: var(--lh-h1-desktop);

  --lh-key-facts-sub-mobile: var(--lh-h6-mobile);
  --lh-key-facts-sub-tablet: var(--lh-h6-tablet);
  --lh-key-facts-sub-desktop: var(--lh-h6-desktop);

  /* === paragraph-spacing === */

  --para-spacing-h1-mobile: 2rem;
  --para-spacing-h1-tablet: 3rem;
  --para-spacing-h1-desktop: 4rem;
  --para-spacing-h2-mobile: 1.5rem;
  --para-spacing-h2-tablet: 1.75rem;
  --para-spacing-h2-desktop: 2.5rem;
  --para-spacing-h3-mobile: 1.5rem;
  --para-spacing-h3-tablet: 1.5rem;
  --para-spacing-h3-desktop: 1.5rem;
  --para-spacing-h4-mobile: 1.5rem;
  --para-spacing-h4-tablet: 1.5rem;
  --para-spacing-h4-desktop: 1.25rem;
  --para-spacing-h5-mobile: 1.5rem;
  --para-spacing-h5-tablet: 1.5rem;
  --para-spacing-h5-desktop: 1.5rem;
  --para-spacing-h6-mobile: 1.25rem;
  --para-spacing-h6-tablet: 1.25rem;
  --para-spacing-h6-desktop: 1.25rem;

  --para-spacing-intro-lg-mobile: 1.5rem;
  --para-spacing-intro-lg-tablet: 1.5rem;
  --para-spacing-intro-lg-desktop: 1.75rem;
  --para-spacing-intro-md-mobile: 1.5rem;
  --para-spacing-intro-md-tablet: 1.5rem;
  --para-spacing-intro-md-desktop: 1.75rem;
  --para-spacing-block-snippet-mobile: 1.5rem;
  --para-spacing-block-snippet-tablet: 1.5rem;
  --para-spacing-block-snippet-desktop: 1.75rem;
  --para-spacing-p-lg-mobile: 1.5rem;
  --para-spacing-p-lg-tablet: 1.5rem;
  --para-spacing-p-lg-desktop: 1.75rem;
  --para-spacing-p-md-mobile: 1.5rem;
  --para-spacing-p-md-tablet: 1.5rem;
  --para-spacing-p-md-desktop: 1.75rem;
  --para-spacing-p-sm-mobile: 1.5rem;
  --para-spacing-p-sm-tablet: 1.5rem;
  --para-spacing-p-sm-desktop: 1.5rem;
  --para-spacing-p-xsm-mobile: 1.25rem;
  --para-spacing-p-xsm-tablet: 1.25rem;
  --para-spacing-p-xsm-desktop: 1.25rem;

  /* === margin-top === */

  --mt-h1-mobile: var(--lh-h1-mobile);
  --mt-h1-tablet: var(--lh-h1-tablet);
  --mt-h1-desktop: var(--lh-h1-desktop);
  --mt-h2-mobile: var(--lh-h2-mobile);
  --mt-h2-tablet: var(--lh-h2-tablet);
  --mt-h2-desktop: var(--lh-h2-desktop);
  --mt-h3-mobile: var(--lh-h3-mobile);
  --mt-h3-tablet: var(--lh-h3-tablet);
  --mt-h3-desktop: var(--lh-h3-desktop);
  --mt-h4-mobile: var(--lh-h4-mobile);
  --mt-h4-tablet: var(--lh-h4-tablet);
  --mt-h4-desktop: var(--lh-h4-desktop);
  --mt-h5-mobile: var(--lh-h5-mobile);
  --mt-h5-tablet: var(--lh-h5-tablet);
  --mt-h5-desktop: var(--lh-h5-desktop);
  --mt-h6-mobile: var(--lh-h6-mobile);
  --mt-h6-tablet: var(--lh-h6-tablet);
  --mt-h6-desktop: var(--lh-h6-desktop);

  --mt-intro-lg-mobile: var(--lh-intro-lg-mobile);
  --mt-intro-lg-tablet: var(--lh-intro-lg-tablet);
  --mt-intro-lg-desktop: var(--lh-intro-lg-desktop);
  --mt-intro-md-mobile: var(--lh-intro-md-mobile);
  --mt-intro-md-tablet: var(--lh-intro-md-tablet);
  --mt-intro-md-desktop: var(--lh-intro-md-desktop);
  --mt-block-snippet-mobile: var(--lh-block-snippet-mobile);
  --mt-block-snippet-tablet: var(--lh-block-snippet-tablet);
  --mt-block-snippet-desktop: var(--lh-block-snippet-desktop);
  --mt-p-lg-mobile: var(--lh-p-lg-mobile);
  --mt-p-lg-tablet: var(--lh-p-lg-tablet);
  --mt-p-lg-desktop: var(--lh-p-lg-desktop);
  --mt-p-md-mobile: var(--lh-p-md-mobile);
  --mt-p-md-tablet: var(--lh-p-md-tablet);
  --mt-p-md-desktop: var(--lh-p-md-desktop);
  --mt-p-sm-mobile: var(--lh-p-sm-mobile);
  --mt-p-sm-tablet: var(--lh-p-sm-tablet);
  --mt-p-sm-desktop: var(--lh-p-sm-desktop);
  --mt-p-xsm-mobile: var(--lh-p-xsm-mobile);
  --mt-p-xsm-tablet: var(--lh-p-xsm-tablet);
  --mt-p-xsm-desktop: var(--lh-p-xsm-desktop);

  /* === spacing === */

  --body-gutter-mobile: 1.25rem;
  --body-gutter-tablet: 2rem;
  --body-gutter-desktop: 2rem;

  --content-area-spacing-mobile: 2.5rem;
  --content-area-spacing-tablet: 3.75rem;
  --content-area-spacing-desktop: 5rem;

  --module-spacing-mobile: 2rem;
  --module-spacing-tablet: 2.75rem;
  --module-spacing-desktop: 5rem;

  --grid-gap-background-image-module-mobile: 2rem;
  --grid-gap-background-image-module-tablet: 2rem;
  --grid-gap-background-image-module-desktop: 2.5rem;

  --grid-gap-mobile: 1.5rem;
  --grid-gap-tablet: 1.25rem;
  --grid-gap-desktop: 2.25rem;

  --btn-padding-inline-mobile: 1.25rem;
  --btn-padding-inline-tablet: 1.5rem;
  --btn-padding-inline-desktop: 1.5rem;

  --product-selector-padding-mobile: 1.5rem;
  --product-selector-padding-tablet: 2.5rem;
  --product-selector-padding-desktop: 1.5rem;

  --tag-padding-inline-mobile: 1rem;
  --tag-padding-inline-tablet: 1rem;
  --tag-padding-inline-desktop: 1rem;

  --pagination-padding-mobile: 1rem;
  --pagination-padding-tablet: 1.25rem;
  --pagination-padding-desktop: 1.25rem;

  --inset-padding-sm-mobile: 0.75rem;
  --inset-padding-sm-tablet: 1rem;
  --inset-padding-sm-desktop: 1rem;

  --inset-padding-lg-mobile: 1.5rem;
  --inset-padding-lg-tablet: 2rem;
  --inset-padding-lg-desktop: 2.5rem;

  --inset-padding-md-mobile: 1.5rem;
  --inset-padding-md-tablet: 2rem;
  --inset-padding-md-desktop: 2rem;

  --grid-gap-cards-mobile: 1.25rem;
  --grid-gap-cards-tablet: var(--grid-gap-tablet);
  --grid-gap-cards-desktop: var(--grid-gap-desktop);

  --grid-gap-grid-mobile: var(--grid-gap-mobile);
  --grid-gap-grid-tablet: var(--grid-gap-tablet);
  --grid-gap-grid-desktop: var(--grid-gap-desktop);

  --grid-gap-page-tags-mobile: 1rem;
  --grid-gap-page-tags-tablet: 1rem;
  --grid-gap-page-tags-desktop: 1rem;

  --internal-nav-link-spacing-mobile: 1.5rem;
  --internal-nav-link-spacing-tablet: 1.75rem;
  --internal-nav-link-spacing-desktop: 2rem;

  --grid-gap-key-facts-inline-mobile: 2rem;
  --grid-gap-key-facts-inline-tablet: 2.5rem;
  --grid-gap-key-facts-inline-desktop: 3.75rem;

  --grid-gap-key-facts-block-mobile: 3.5rem;
  --grid-gap-key-facts-block-tablet: 3.75rem;
  --grid-gap-key-facts-block-desktop: 5rem;

  --list-indent-mobile: 1.25rem;
  --list-indent-tablet: 1.5rem;
  --list-indent-desktop: 2rem;

  --list-block-spacing-mobile: 0.5rem;
  --list-block-spacing-tablet: 0.5rem;
  --list-block-spacing-desktop: 0.75rem;

  --list-marker-size-mobile: 0.375rem;
  --list-marker-size-tablet: 0.5rem;
  --list-marker-size-desktop: 0.625rem;

  --scrollbar-padding-top-mobile: 1rem;
  --scrollbar-padding-top-tablet: 1.25rem;
  --scrollbar-padding-top-desktop: 1.25rem;

  --grid-gap-form-mobile: 1rem;
  --grid-gap-form-tablet: 1.25rem;
  --grid-gap-form-desktop: 1.25rem;

  --grid-gap-form-label-field-mobile: 0.5rem;
  --grid-gap-form-label-field-tablet: 0.5rem;
  --grid-gap-form-label-field-desktop: 0.75rem;

  --footer-top-padding-mobile: 2.5rem;
  --footer-top-padding-tablet: 3.75rem;
  --footer-top-padding-desktop: 6rem;

  --footer-bottom-padding-mobile: 2.5rem;
  --footer-bottom-padding-tablet: 3.75rem;
  --footer-bottom-padding-desktop: 5rem;

  --footer-vertical-spacing-sm-mobile: 2rem;
  --footer-vertical-spacing-sm-tablet: 2.5rem;
  --footer-vertical-spacing-sm-desktop: 3.75rem;

  --footer-vertical-spacing-md-mobile: 2.25rem;
  --footer-vertical-spacing-md-tablet: 3.25rem;
  --footer-vertical-spacing-md-desktop: 4.5rem;

  --footer-vertical-spacing-lg-mobile: 2.5rem;
  --footer-vertical-spacing-lg-tablet: 3.75rem;
  --footer-vertical-spacing-lg-desktop: 5rem;

  --footer-list-vertical-spacing-mobile: var(--list-block-spacing-mobile);
  --footer-list-vertical-spacing-tablet: var(--list-block-spacing-tablet);
  --footer-list-vertical-spacing-desktop: var(--list-block-spacing-desktop);

  --module-spacing-reduced-mobile: 2rem;
  --module-spacing-reduced-tablet: 2.75rem;
  --module-spacing-reduced-desktop: 3.75rem;

  --grid-gap-cards-sm-mobile: 1.25rem;
  --grid-gap-cards-sm-tablet: var(--grid-gap-tablet);
  --grid-gap-cards-sm-desktop: 1.25rem;

  --list-margin-block-mobile: var(--para-spacing-h2-mobile);
  --list-margin-block-tablet: var(--para-spacing-h2-tablet);
  --list-margin-block-desktop: var(--para-spacing-h2-desktop);

  --module-spacing-sm-mobile: 1.25rem;
  --module-spacing-sm-tablet: 2rem;
  --module-spacing-sm-desktop: 2.5rem;

  --snippet-indent-mobile: 1.5rem;
  --snippet-indent-tablet: 2rem;
  --snippet-indent-desktop: 2rem;

  --snippet-line-width-mobile: 0.375rem;
  --snippet-line-width-tablet: 0.375rem;
  --snippet-line-width-desktop: 0.375rem;

  --snippet-line-radius-mobile: var(--radius-base-mobile);
  --snippet-line-radius-tablet: var(--radius-base-tablet);
  --snippet-line-radius-desktop: var(--radius-base-desktop);

  /* === border-radius === */

  --radius-btn-mobile: var(--radius-base-mobile);
  --radius-btn-tablet: var(--radius-base-tablet);
  --radius-btn-desktop: var(--radius-base-desktop);

  --radius-checkbox-mobile: 0.125rem;
  --radius-checkbox-tablet: 0.125rem;
  --radius-checkbox-desktop: 0.125rem;

  --radius-base-mobile: 0.1875rem;
  --radius-base-tablet: 0.1875rem;
  --radius-base-desktop: 0.1875rem;

  --radius-form-field-mobile: var(--radius-base-mobile);
  --radius-form-field-tablet: var(--radius-base-tablet);
  --radius-form-field-desktop: var(--radius-base-desktop);

  --radius-pagination-mobile: 0rem;
  --radius-pagination-tablet: 0rem;
  --radius-pagination-desktop: 0rem;

  --radius-card-mobile: var(--radius-base-mobile);
  --radius-card-tablet: var(--radius-base-tablet);
  --radius-card-desktop: var(--radius-base-desktop);
}