/* Generated from src/css/variables.css. Do not edit this file directly. */
:root {
  --color-white: #ffffff;
  --color-black: #000000;

  --color-neutral-100: #faffed;

  --color-blue-100: #e5efff;
  --color-blue-300: #a9b1c8;
  --color-blue-400: #3bb7ff;
  --color-blue-500: #004893;
  --color-blue-700: #012d74;
  --color-blue-900: #00162d;

  --color-green-200: #c9ff3d;
}
:root {
  color-scheme: light only;
}

:root {
  --vw: calc(100% - (100% - 100dvw));
  --vw-reverse: calc(100dvw - (100dvw - 100%));
  --page-gap: 20px;
  --grid-gap: 40px;
  --screen-xs: 480px;
  --screen-sm-min: 768px;
  --screen-md-min: 992px;
  --screen-lg-min: 1200px;
  --screen-xs-max: 479px;
  --screen-sm-max: 991px;
  --screen-md-max: 1199px;
  --container-max-width: 1320px;
  --container-max-width-wide: 1580px;
  --container-max-width-offset: calc((var(--vw) - var(--container-max-width)) / 2);
  --container-max-width-offset-reverse: calc((var(--vw-reverse) - var(--container-max-width)) / 2);
  --container-max-width-wide-offset: calc((var(--vw) - var(--container-max-width-wide)) / 2);
  --container-max-width-wide-offset-reverse: calc((var(--vw-reverse) - var(--container-max-width-wide)) / 2);

  --color-brand-primary: var(--color-green-200);
  --color-brand-secondary: var(--color-green-200);
  --color-brand-tertiary: var(--color-blue-700);
  --color-brand-quaternary: var(--color-blue-700);

  --color-text-heading: light-dark(var(--color-blue-700), var(--color-blue-100));
  --color-text-base: light-dark(var(--color-blue-900), var(--color-blue-100));
  --color-text-muted: light-dark(var(--color-blue-700), var(--color-blue-700));
  --color-text-highlight: light-dark(var(--color-green-200), var(--color-green-200));

  --color-link: inherit;
  --color-link-hover: inherit;

  --color-bg-body: light-dark(var(--color-white), var(--color-blue-900));
  --color-bg-header: light-dark(transparent, transparent);
  --color-bg-footer: light-dark(var(--color-blue-100), var(--color-blue-900));
  --color-bg-hero: light-dark(var(--color-blue-100), var(--color-blue-900));
  --color-bg-panel: light-dark(transparent, var(--color-blue-900));

  --color-state-success: light-dark(#24a759, #24a759);
  --color-state-success-2: light-dark(#24a759, #24a759);
  --color-state-warning: light-dark(#c7c42d, #c7c42d);
  --color-state-warning-2: light-dark(#c7c42d, #c7c42d);
  --color-state-error: light-dark(#f26969, #f26969);
  --color-state-error-2: light-dark(#f26969, #f26969);

  --font-family-base: 'Manrope',
    system-ui,
    sans-serif;
  --font-family-heading: 'DM Mono',
    system-ui,
    sans-serif;
  --font-family-icon: 'icomoon';

  --font-size-body: 1rem;
  --font-size-body-xxs: .75rem;
  --font-size-body-xs: .8125rem;
  --font-size-body-sm: .875rem;
  --font-size-body-md: .9375rem;
  --font-size-body-lg: 1.125rem;
  --font-size-body-xl: 1.25rem;
  --font-size-body-xxl: 1.5rem;
  --font-size-heading-1: clamp(2.25rem, 5.5vw, 5.5rem);
  --font-size-heading-2: clamp(1.75rem, 4.125vw, 4.125rem);
  --font-size-heading-3: clamp(1.5rem, 3vw, 3rem);
  --font-size-heading-4: clamp(1.4375rem, 1.875vw, 1.875rem);
  --font-size-heading-5: clamp(1.375rem, 1.5vw, 1.5rem);
  --font-size-heading-6: clamp(1.25em, 1.375vw, 1.375rem);

  --font-line-height-1: 1em;
  --font-line-height-2: calc(24em / 16);
  --font-line-height-3: calc(18em / 16);
  --font-line-height-4: calc(20em / 16);

  --font-weight-heading: 400;

  --border-radius-xs: 6px;
  --border-radius-sm: 8px;
  --border-radius-md: 10px;
  --border-radius-lg: 12px;
  --border-radius-xl: 15px;
  --border-radius-xxl: 20px;
  --border-radius-full: 100vw;

  --animation-duration: .5s;
}
:root {
  /* Buttons */
  --button-padding-block: 12px;
  --button-padding-inline: 30px;
  --button-padding: var(--button-padding-block) var(--button-padding-inline);
  --button-block-size: 48px;
  --button-font-family: var(--font-family-base);
  --button-font-size: 1rem;
  --button-font-weight: 400;
  --button-line-height: calc(24em / 16);
  --button-line-height-correction: 0px;
  --button-color: light-dark(var(--color-blue-900), var(--color-green-200));
  --button-color-hover: light-dark(var(--color-white), var(--color-blue-900));
  --button-color-disabled: light-dark(var(--color-blue-900), var(--color-blue-900));
  --button-background-color: light-dark(var(--color-green-200), hsl(from var(--color-green-200) h s l / .22));
  --button-background-color-hover: light-dark(var(--color-blue-900), var(--color-green-200));
  --button-background-color-disabled: var(--button-background-color);
  --button-border-color: light-dark(transparent, transparent);
  --button-border-color-hover: light-dark(transparent, transparent);
  --button-border-color-disabled: var(--button-border-color);
  --button-border-width: 1px;
  --button-radius: var(--border-radius-full);
  --button-icon-size: 40px;
  --button-icon-gap: 1em;
  --button-icon-offset: 5px;
  --button-icon-color: light-dark(var(--color-blue-900), var(--color-blue-900));
  --button-icon-background-color: light-dark(var(--color-neutral-100), var(--color-green-200));
  --button-icon-background-color-hover: light-dark(var(--color-neutral-100), var(--color-neutral-100));
  --button-icon-border-color: light-dark(transparent, transparent);
  --button-icon-border-color-hover: light-dark(transparent, transparent);
  --button-icon-border-width: 1px;
  --button-icon-border-radius: 50%;

  /* Controls */
  --control-color: light-dark(var(--color-blue-700), var(--color-blue-100));
  --control-color-hover: light-dark(var(--color-blue-700), var(--color-blue-100));
  --control-color-active: light-dark(var(--color-blue-700), var(--color-blue-100));
  --control-color-bg: light-dark(transparent, transparent);
  --control-color-bg-hover: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --control-color-bg-active: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --control-color-border: light-dark(hsl(from var(--color-blue-700) h s l / .4), hsl(from var(--color-blue-100) h s l / .4));
  --control-color-border-hover: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --control-color-border-active: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --control-border-width: 1px;
  --control-border-radius: var(--border-radius-sm);
  --control-icon-inline-size: 64px;
  --control-icon-block-size: 64px;
  --control-icon-font-size: var(--font-size-body);
  --control-icon-border-color: var(--control-color-border);
  --control-icon-border-width: var(--control-border-width);
  --control-icon-border-radius: 50%;
  --control-number-inline-size: 64px;
  --control-number-block-size: 64px;
  --control-number-font-size: var(--font-size-body);
  --control-number-color: var(--control-color);
  --control-number-color-hover: light-dark(var(--color-brand-tertiary), var(--color-brand-tertiary));
  --control-number-color-active: light-dark(var(--color-brand-tertiary), var(--color-brand-tertiary));
  --control-number-bg-color: light-dark(transparent, transparent);
  --control-number-bg-color-hover: light-dark(transparent, transparent);
  --control-number-bg-color-active: light-dark(transparent, transparent);
  --control-number-border-color: light-dark(transparent, transparent);
  --control-number-border-color-hover: light-dark(transparent, transparent);
  --control-number-border-color-active: light-dark(transparent, transparent);
  --control-number-border-width: var(--control-border-width);
  --control-number-border-radius: 50%;

  /* Module */
  --module-gap: 40px;
  --module-padding-block: 0;
  --module-padding-inline: 0;
  --module-color: var(--color-text-base);
  --module-bg-color: light-dark(transparent, transparent);
  --module-border-color: light-dark(transparent, transparent);
  --module-border-width: 0;
  --module-border-radius: 0;
  --module-header-gap: 15px;
  --module-font-size-heading: var(--font-size-body-lg);

  /* Dialog */
  --dialog-color: var(--color-text-base);
  --dialog-bg-color: light-dark(var(--color-white), var(--color-black));
  --dialog-backdrop-bg-color: hsl(from var(--color-black) h s l / 0);
  --dialog-backdrop-bg-color-opened: hsl(from var(--color-black) h s l / .6);
  --dialog-border-color: light-dark(hsl(from var(--color-brand-primary) h s l / .5), hsl(from var(--color-brand-primary) h s l / .5));
  --dialog-border-width: 1px;
  --dialog-border-radius: 0;
  --dialog-shadow: none;
  --dialog-max-inline-size: 100%;
  --dialog-max-block-size: 100dvb;
  --dialog-close-button-inline-size: 46px;
  --dialog-close-button-block-size: 46px;
  --dialog-close-button-inset: 20px;
  --dialog-close-button-color: currentColor;
  --dialog-close-button-color-hover: light-dark(var(--color-state-error), var(--color-state-error));
  --dialog-close-button-bg-color: light-dark(transparent, transparent);
  --dialog-close-button-bg-color-hover: light-dark(transparent, transparent);
  --dialog-close-button-border-radius: 0;
  --dialog-close-button-icon-size: 12px;
  --dialog-header-bg-color: light-dark(transparent, transparent);
  --dialog-header-padding: 30px;
  --dialog-header-border-color: light-dark(var(--color-blue-300), var(--color-black));
  --dialog-header-border-width: 0;
  --dialog-header-title-inline-padding: calc(var(--dialog-close-button-inset) + var(--dialog-close-button-inline-size));
  --dialog-header-title-font-size: var(--content-section-title-md);
  --dialog-header-title-color: inherit;
  --dialog-header-sub-title-font-size: var(--content-section-sub-title-font-size);
  --dialog-header-sub-title-color: inherit;
  --dialog-body-bg-color: light-dark(transparent, transparent);
  --dialog-body-padding: 30px;
  --dialog-footer-bg-color: light-dark(transparent, transparent);
  --dialog-footer-padding: 30px;
  --dialog-footer-border-color: light-dark(var(--color-blue-300), var(--color-black));
  --dialog-footer-border-width: 0;

  /* Slider */
  --slider-dot-gap: 0;
  --slider-dot-inline-size: 22px;
  --slider-dot-block-size: 32px;
  --slider-dot-inner-inline-size: 2px;
  --slider-dot-inner-block-size: 32px;
  --slider-dot-bg-color: light-dark(var(--color-blue-300), hsl(from var(--color-blue-300) h s l / .55));
  --slider-dot-bg-color-hover: var(--control-color);
  --slider-dot-bg-color-active: var(--control-color);
  --slider-dot-border-color: light-dark(transparent, transparent);
  --slider-dot-border-color-hover: light-dark(transparent, transparent);
  --slider-dot-border-color-active: light-dark(transparent, transparent);
  --slider-dot-border-width: 0;
  --slider-dot-border-radius: 0;
  --slider-icon-gap: 22px;
  --slider-icon-inline-size: 64px;
  --slider-icon-block-size: 64px;
  --slider-icon-font-size: var(--control-icon-font-size);
  --slider-icon-color: var(--control-color);
  --slider-icon-color-hover: var(--control-color-hover);
  --slider-icon-color-active: var(--control-color-active);
  --slider-icon-bg-color: light-dark(hsl(from var(--color-blue-900) h s l / .06), hsl(from var(--color-blue-100) h s l / .06));
  --slider-icon-bg-color-hover: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --slider-icon-bg-color-active: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --slider-icon-border-color: light-dark(transparent, transparent);
  --slider-icon-border-color-hover: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --slider-icon-border-color-active: light-dark(var(--color-brand-secondary), var(--color-brand-secondary));
  --slider-icon-border-width: var(--control-border-width);
  --slider-icon-border-radius: var(--control-border-radius);
  --slider-item-gap: 20px;

  /* Tab */
  --tab-header-block-gap: 0;
  --tab-header-inline-gap: 20px;
  --tab-header-gap: var(--tab-header-block-gap) var(--tab-header-inline-gap);
  --tab-header-bg-color: light-dark(var(--color-white), var(--color-black));
  --tab-header-padding: 0;
  --tab-header-border-color: light-dark(transparent, transparent);
  --tab-header-border-width: 0;
  --tab-header-border-radius: var(--border-radius-full);
  --tab-header-item-bg-color: light-dark(transparent, transparent);
  --tab-header-item-bg-color-hover: light-dark(var(--color-green-200), var(--color-green-200));
  --tab-header-item-bg-color-active: light-dark(var(--color-green-200), var(--color-green-200));
  --tab-header-item-border-color: light-dark(transparent, transparent);
  --tab-header-item-border-color-hover: light-dark(var(--color-green-200), var(--color-green-200));
  --tab-header-item-border-color-active: light-dark(var(--color-green-200), var(--color-green-200));
  --tab-header-item-border-width: 1px;
  --tab-header-item-border-radius: var(--border-radius-full);
  --tab-header-item-padding: 16px 34px;
  --tab-header-text-color: light-dark(var(--color-green-200), var(--color-blue-100));
  --tab-header-text-color-hover: light-dark(var(--color-white), var(--color-blue-900));
  --tab-header-text-color-active: light-dark(var(--color-white), var(--color-blue-900));
  --tab-header-font-family: var(--font-family-heading);
  --tab-header-font-size: clamp(var(--font-size-body), 2vw, var(--font-size-body-xl));
  --tab-header-font-weight: 500;
  --tab-header-line-height: var(--font-line-height-1);
  --tab-header-text-transform: none;
  --tab-header-letter-spacing: ;
  --tab-body-bg-color: light-dark(transparent, transparent);
  --tab-body-padding: 0;
  --tab-body-border-color: light-dark(transparent, transparent);
  --tab-body-border-width: 0;
  --tab-body-border-radius: 0;
  --tab-body-content-bg-color: light-dark(transparent, transparent);
  --tab-body-content-padding: 0;
  --tab-body-content-border-radius: 0;

  /* Accordion */
  --accordion-item-gap: 0;
  --accordion-item-bg-color: light-dark(transparent, transparent);
  --accordion-item-bg-color-hover: light-dark(transparent, transparent);
  --accordion-item-bg-color-active: light-dark(transparent, transparent);
  --accordion-header-bg-color: light-dark(transparent, transparent);
  --accordion-header-bg-color-hover: light-dark(transparent, transparent);
  --accordion-header-bg-color-active: light-dark(transparent, transparent);
  --accordion-header-padding: 12px 0;
  --accordion-body-bg-color: light-dark(transparent, transparent);
  --accordion-body-bg-color-hover: light-dark(transparent, transparent);
  --accordion-body-bg-color-active: light-dark(transparent, transparent);
  --accordion-body-inline-padding: 20px;
  --accordion-body-block-padding: 30px;
  --accordion-border-color: light-dark(hsl(from currentColor h s l / .14), hsl(from currentColor h s l / .14));
  --accordion-border-color-hover: light-dark(hsl(from currentColor h s l / .14), hsl(from currentColor h s l / .14));
  --accordion-border-color-active: light-dark(hsl(from currentColor h s l / .14), hsl(from currentColor h s l / .14));
  --accordion-border-width: 1px;
  --accordion-border-radius: 0;
  --accordion-shadow: none;
  --accordion-shadow-hover: none;
  --accordion-shadow-active: none;
  --accordion-icon-size: 15px;
  --accordion-icon-color: currentColor;
  --accordion-icon-color-hover: currentColor;
  --accordion-icon-color-active: currentColor;
  --accordion-icon-offset: 10px;
  --accordion-title-color: inherit;
  --accordion-title-color-hover: light-dark(var(--color-blue-700), var(--color-green-200));
  --accordion-title-color-active: inherit;
  --accordion-title-font-size: clamp(1.375rem, 2vw, 1.5rem);
  --accordion-title-font-weight: 400;
  --accordion-text-color: var(--color-text-base);
  --accordion-content-font-size: var(--font-size-body);
}
:root {
  --form-inline-gap: 16px;
  --form-block-gap: 16px;
  --form-gap: var(--form-block-gap) var(--form-inline-gap);
  --input-light-color: var(--color-blue-900);
  --input-dark-color: var(--color-blue-100);
  --input-padding-block: 19px;
  --input-padding-inline: 20px;
  --input-padding: var(--input-padding-block) var(--input-padding-inline);
  --input-font-size: 1rem;
  --input-font-size-2: 1rem;
  --input-font-color: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-font-color-2: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-font-color-hover: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-font-color-success: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-font-color-warning: light-dark(var(--color-state-warning), var(--color-state-warning-2));
  --input-font-color-error: light-dark(var(--color-state-error), var(--color-state-error-2));
  --input-font-weight: 400;
  --input-line-height: calc(20em / 16);
  --input-placeholder-font-color: light-dark(var(--color-blue-700), hsl(from var(--color-white) h s l / .36));
  --input-placeholder-font-color-2: light-dark(var(--color-blue-700), hsl(from var(--color-white) h s l / .36));
  --input-label-font-size: var(--font-size-body);
  --input-label-font-color: light-dark(var(--color-blue-900), var(--color-blue-100));
  --input-label-font-color-2: light-dark(var(--color-blue-900), var(--color-blue-100));
  --input-label-font-weight: 400;
  --input-error-font-size: var(--font-size-body-sm);
  --input-error-font-color: light-dark(var(--color-state-error), var(--color-state-error-2));
  --input-background-color: light-dark(var(--color-blue-100), hsl(from var(--color-blue-900) h s l / .21));
  --input-background-color-2: light-dark(var(--color-blue-900), hsl(from var(--color-blue-900) h s l / .21));
  --input-background-color-hover: light-dark(hsl(from var(--color-blue-900) h s l / .02), hsl(from var(--color-blue-900) h s l / .3));
  --input-background-color-focus: light-dark(hsl(from var(--color-blue-900) h s l / .02), hsl(from var(--color-blue-900) h s l / .3));
  --input-background-color-checked: light-dark(hsl(from var(--color-green-200) h s l / .08), hsl(from var(--color-green-200) h s l / .08));
  --input-background-color-selected: light-dark(transparent, transparent);
  --input-background-color-disabled: light-dark(hsl(from var(--color-white) h s l / .025), hsl(from var(--color-white) h s l / .025));
  --input-background-color-success: var(--input-background-color);
  --input-background-color-warning: var(--input-background-color);
  --input-background-color-error: var(--input-background-color);
  --input-background-image: linear-gradient(180deg, rgba(229, 239, 255, 0.03) 0%, rgba(229, 239, 255, 0.10) 100%);
  --input-border-size: 1px;
  --input-border-color: light-dark(hsl(from var(--color-blue-900) h s l / .2), hsl(from var(--color-blue-100) h s l / .2));
  --input-border-color-2: light-dark(transparent, transparent);
  --input-border-color-hover: light-dark(hsl(from var(--color-blue-700) h s l / 1), hsl(from var(--color-blue-100) h s l / .35));
  --input-border-color-focus: light-dark(hsl(from var(--color-blue-700) h s l / 1), hsl(from var(--color-blue-100) h s l / .35));
  --input-border-color-checked: light-dark(hsl(from var(--color-blue-700) h s l / 1), var(--color-white));
  --input-border-color-selected: light-dark(transparent, transparent);
  --input-border-color-disabled: light-dark(hsl(from var(--color-black) h s l / .04), hsl(from var(--color-white) h s l / .04));
  --input-border-color-success: var(--color-state-success);
  --input-border-color-warning: var(--color-state-warning);
  --input-border-color-error: var(--color-state-error);
  --input-border-radius: var(--border-radius-xs);
  --input-outline: none;
  --input-checkbox-font-color: light-dark(var(--input-font-color-2), var(--color-white));
  --input-checkbox-font-color-hover: light-dark(var(--input-light-color), var(--color-white));
  --input-checkbox-font-color-checked: light-dark(var(--color-white), var(--color-white));
  --input-checkbox-size: 36px;
  --input-checkbox-block-gap: 5px;
  --input-checkbox-inline-gap: 20px;
  --input-checkbox-gap: var(--input-checkbox-block-gap) var(--input-checkbox-inline-gap);
  --input-checkbox-background-color: var(--input-background-color);
  --input-checkbox-background-color-hover: var(--input-background-color-hover);
  --input-checkbox-background-color-checked: var(--input-background-color-checked);
  --input-checkbox-border-color: var(--input-border-color);
  --input-checkbox-border-color-hover: var(--input-border-color-hover);
  --input-checkbox-border-color-checked: var(--input-border-color-checked);
  --input-checkbox-border-radius: var(--input-border-radius);
  --input-radio-font-color: light-dark(var(--input-font-color-2), var(--color-white));
  --input-radio-font-color-hover: light-dark(var(--input-light-color), var(--color-white));
  --input-radio-font-color-checked: light-dark(var(--color-white), var(--color-white));
  --input-radio-size: 44px;
  --input-radio-block-gap: 5px;
  --input-radio-inline-gap: 12px;
  --input-radio-gap: var(--input-radio-block-gap) var(--input-radio-inline-gap);
  --input-radio-background-color: light-dark(hsl(from var(--color-black) h s l / .13), hsl(from var(--color-blue-900) h s l / .21));
  --input-radio-background-color-hover: light-dark(hsl(from var(--color-black) h s l / .13), hsl(from var(--color-blue-900) h s l / .3));
  --input-radio-background-color-checked: light-dark(hsl(from var(--color-black) h s l / .13), hsl(from var(--color-blue-900) h s l / .3));
  --input-radio-border-color: light-dark(var(--input-border-color), var(--input-border-color));
  --input-radio-border-color-hover: light-dark(var(--input-border-color-hover), var(--input-border-color-hover));
  --input-radio-border-color-checked: light-dark(var(--input-border-color-checked), var(--input-border-color-checked));
  --input-radio-border-radius: var(--input-border-radius);
  --input-select-arrow-color: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-select-arrow-size: 12px;
  --input-select-dropdown-font-color: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-select-dropdown-font-color-hover: light-dark(var(--input-dark-color), var(--input-dark-color));
  --input-select-dropdown-font-color-selected: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-select-dropdown-background-color: light-dark(var(--color-white), var(--color-blue-900));
  --input-select-dropdown-background-color-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --input-select-dropdown-background-color-selected: light-dark(var(--color-blue-300), var(--color-blue-900));
  --input-select-dropdown-border-color: light-dark(var(--input-border-color), var(--input-border-color));
  --input-select-dropdown-border-radius: var(--input-border-radius, 0);
}
:root {
  --header-height: 116px;
  --header-top-offset: 0px;
  --header-alpha: .24;
  --header-color: light-dark(var(--color-blue-900), var(--color-white));
  --header-color-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --header-color-active: light-dark(var(--color-blue-900), var(--color-white));
  --header-color-highlight: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --header-color-2: light-dark(var(--color-blue-900), var(--color-white));
  --header-color-2-hover: light-dark(var(--color-white), var(--color-white));
  --header-color-opened: light-dark(var(--color-blue-900), var(--color-white));
  --header-color-opened-hover: light-dark(var(--color-blue-900), var(--color-white));
  --header-color-opened-active: light-dark(var(--color-blue-900), var(--color-white));
  --header-color-icon: var(--header-color);
  --header-icon-size: 38px;
  --header-opened-background-color: light-dark(var(--color-blue-700), var(--color-blue-700));
  --header-opened-overlay-color: light-dark(var(--color-blue-700), var(--color-blue-700));

  --footer-items-block-gap: 16px;
  --footer-font-size: var(--font-size-body);
  --footer-font-size-small: var(--font-size-body-sm);
  --footer-font-size-heading: var(--font-size-body);
  --footer-color-text: light-dark(var(--color-blue-900), var(--color-blue-100));
  --footer-color-text-heading: light-dark(var(--color-blue-900), var(--color-blue-100));
  --footer-color-text-light: light-dark(var(--color-blue-900), hsl(from var(--color-white) h s l / .4));

  --content-section-padding: clamp(60px, 10vw, 90px);
  --content-section-padding-sm: clamp(30px, 6vw, 50px);
  --content-section-padding-xl: clamp(90px, 15vw, 150px);
  --content-section-header-gap: clamp(50px, 5vw, 60px);
  --content-section-title-xxs: clamp(1.375rem, 1.4375vw, 1.4375rem);
  --content-section-title-xs: clamp(1.5rem, 1.625vw, 1.625rem);
  --content-section-title-sm: clamp(1.625rem, 3vw, 3rem);
  --content-section-title-md: clamp(1.75rem, 3.25vw, 3.25rem);
  --content-section-title-lg: clamp(1.875rem, 3.5vw, 3.5rem);
  --content-section-title-xl: clamp(2rem, 4.5vw, 4.5rem);
  --content-section-title-xxl: clamp(3rem, 6vw, 6rem);
  --content-section-title-font-weight: 400;
  --content-section-title-color: var(--color-text-heading);
  --content-section-pre-title-font-size: var(--font-size-body-sm);
  --content-section-pre-title-font-weight: 400;
  --content-section-pre-title-color: light-dark(var(--color-blue-400), var(--color-blue-400));
  --content-section-sub-title-font-size: var(--font-size-body);
  --content-section-sub-title-font-weight: 400;
  --content-section-sub-title-color: light-dark(var(--color-blue-900), var(--color-blue-100));

  --column-inline-size: 320px;
  --column-block-gap: var(--grid-gap);
  --column-inline-gap: var(--grid-gap);

  --hero-title-font-size: clamp(1.5rem, 2.5vw, 2.5rem);
  --hero-title-font-weight: 400;
  --hero-title-color: var(--color-text-base);
  --hero-pre-title-font-size: var(--font-size-body-sm);
  --hero-pre-title-font-weight: 400;
  --hero-pre-title-color: hsl(from currentColor h s l / .58);
  --hero-sub-title-font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  --hero-sub-title-font-weight: 400;
  --hero-sub-title-color: var(--color-text-base);

  @media screen and (max-width: 991px) {
    --header-height: 116px;
    --header-top-offset: 0px;
  }
}
/*# sourceMappingURL=variables.css.map */