/* Generated from src/css/variables.css. Do not edit this file directly. */
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-blue-500: #0143a0;
  --color-blue-600: #1d60bf;
  --color-blue-700: #2f72d1;
  --color-emerald-500: #3c7754;
  --color-slate-50: #f3f5f8;
  --color-slate-100: #eef0f4;
  --color-slate-400: #8c92a1;
  --color-slate-900: #1f2029;
}
:root {
  color-scheme: light only;
}

:root {
  --vw: calc(100% - (100% - 100dvw));
  --vw-reverse: calc(100dvw - (100dvw - 100%));
  --page-gap: 20px;
  --grid-gap: 20px;
  --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: 1580px;
  --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-blue-500);
  --color-brand-secondary: var(--color-blue-600);
  --color-brand-tertiary: var(--color-blue-700);
  --color-brand-quaternary: var(--color-slate-400);

  --color-text-heading: light-dark(inherit, inherit);
  --color-text-base: light-dark(var(--color-slate-900), var(--color-white));
  --color-text-muted: light-dark(var(--color-slate-400), var(--color-slate-400));
  --color-text-highlight: light-dark(var(--color-blue-500), var(--color-blue-700));

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

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

  --color-state-success: light-dark(#3c7754, #3c7754);
  --color-state-success-2: light-dark(#3c7754, #3c7754);
  --color-state-warning: light-dark(#acaa38, #aa8d16);
  --color-state-warning-2: light-dark(#aa8d16, #aa8d16);
  --color-state-error: light-dark(#af0e0e, #af0e0e);
  --color-state-error-2: light-dark(#af0e0e, #af0e0e);

  --font-family-base: 'Rethink Sans',
    system-ui,
    sans-serif;
  --font-family-heading: 'Rethink Sans',
    system-ui,
    sans-serif;
  --font-family-icon: 'icomoon';

  --font-size-body: 1rem;
  --font-size-body-xxs: .625rem;
  --font-size-body-xs: .75rem;
  --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(1.875rem, 4vw, 3.125rem);
  --font-size-heading-2: clamp(1.625rem, 3vw, 1.875rem);
  --font-size-heading-3: clamp(1.375rem, 2.5vw, 1.5625rem);
  --font-size-heading-4: clamp(1.125rem, 1.5vw, 1.375rem);
  --font-size-heading-5: clamp(1rem, 1.375vw, 1.25rem);
  --font-size-heading-6: clamp(.9375rem, 1.25vw, 1.125rem);

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

  --font-weight-heading: 600;

  --border-radius-xs: 4px;
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-xl: 20px;
  --border-radius-xxl: 24px;
  --border-radius-full: 100vw;

  --animation-duration: .5s;

  @media screen and (min-width: 992px) {
    --page-gap: 40px;
  }
}
:root {
  /* Buttons */
  --button-padding-block: 19px;
  --button-padding-inline: clamp(20px, 3vw, 25px);
  --button-padding: var(--button-padding-block) var(--button-padding-inline);
  --button-block-size: 60px;
  --button-font-family: var(--font-family-base);
  --button-font-size: 1rem;
  --button-font-weight: 600;
  --button-line-height: calc(20em / 16);
  --button-color: light-dark(var(--color-white), var(--color-white));
  --button-background-color: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --button-border-color: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --button-color-hover: light-dark(var(--color-white), var(--color-white));
  --button-background-color-hover: light-dark(color-mix(in oklch, var(--color-brand-primary) 90%, black), color-mix(in oklch, var(--color-brand-primary) 90%, black));
  --button-border-color-hover: light-dark(color-mix(in oklch, var(--color-brand-primary) 90%, black), color-mix(in oklch, var(--color-brand-primary) 90%, black));
  --button-color-disabled: light-dark(var(--color-text-base), var(--color-white));
  --button-background-color-disabled: var(--button-background-color);
  --button-border-color-disabled: var(--button-border-color);
  --button-border-width: 1px;
  --button-icon-size: 1em;
  --button-icon-gap: 1em;
  --button-icon-offset: 6px;
  --button-radius: var(--border-radius-xs);

  /* Controls */
  --control-color: light-dark(var(--color-black), var(--color-white));
  --control-color-bg: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --control-color-border: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --control-color-hover: light-dark(var(--color-white), var(--color-white));
  --control-color-bg-hover: light-dark(var(--color-brand-tertiary), var(--color-brand-tertiary));
  --control-color-border-hover: light-dark(var(--color-brand-tertiary), var(--color-brand-tertiary));
  --control-color-active: light-dark(var(--color-white), var(--color-white));
  --control-color-bg-active: light-dark(var(--color-brand-tertiary), var(--color-brand-tertiary));
  --control-color-border-active: light-dark(var(--color-brand-tertiary), var(--color-brand-tertiary));
  --control-border-width: 1px;
  --control-border-radius: 3px;
  --control-button-padding-block: 15px;
  --control-button-padding-inline: clamp(20px, 3vw, 25px);
  --control-icon-inline-size: 1em;
  --control-icon-block-size: 1em;
  --control-icon-font-size: 1em;
  --control-number-inline-size: 52px;
  --control-number-block-size: 52px;
  --control-number-font-size: var(--font-size-body);

  /* 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 / .1);
  --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-slate-100), 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-slate-100), var(--color-black));
  --dialog-footer-border-width: 0;

  /* Slider */
  --slider-dot-gap: 0;
  --slider-dot-inline-size: 30px;
  --slider-dot-block-size: 24px;
  --slider-dot-inner-inline-size: 2px;
  --slider-dot-inner-block-size: 5px;
  --slider-dot-bg-color: var(--color-text-base);
  --slider-dot-bg-color-hover: var(--color-text-base);
  --slider-dot-bg-color-active: light-dark(var(--color-black), var(--color-white));
  --slider-dot-border-color: var(--control-color-border);
  --slider-dot-border-color-hover: var(--control-color-border-hover);
  --slider-dot-border-color-active: var(--control-color-border-active);
  --slider-dot-border-width: 0;
  --slider-dot-border-radius: 100vw;
  --slider-icon-gap: 10px;
  --slider-icon-inline-size: 54px;
  --slider-icon-block-size: 54px;
  --slider-icon-font-size: var(--control-icon-font-size);
  --slider-icon-color: light-dark(var(--color-white), var(--color-white));
  --slider-icon-color-hover: var(--control-color-hover);
  --slider-icon-color-active: var(--control-color-active);
  --slider-icon-bg-color: var(--control-color-bg);
  --slider-icon-bg-color-hover: var(--control-color-bg-hover);
  --slider-icon-bg-color-active: var(--control-color-bg-active);
  --slider-icon-border-color: var(--control-color-border);
  --slider-icon-border-color-hover: var(--control-color-border-hover);
  --slider-icon-border-color-active: var(--control-color-border-active);
  --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: 0;
  --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(hsl(from var(--color-black) h s l / .15), hsl(from var(--color-white) h s l / .15));
  --tab-header-border-width: 0;
  --tab-header-border-radius: 0;
  --tab-header-item-bg-color: light-dark(var(--color-white), var(--color-black));
  --tab-header-item-bg-color-hover: light-dark(var(--color-white), var(--color-black));
  --tab-header-item-bg-color-active: light-dark(var(--color-white), var(--color-black));
  --tab-header-item-border-color: light-dark(transparent, transparent);
  --tab-header-item-border-color-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --tab-header-item-border-color-active: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --tab-header-item-border-width: 2px;
  --tab-header-item-border-radius: 0;
  --tab-header-item-padding: 30px 0;
  --tab-header-text-color: light-dark(inherit, inherit);
  --tab-header-text-color-hover: light-dark(inherit, inherit);
  --tab-header-text-color-active: light-dark(inherit, inherit);
  --tab-header-font-family: var(--font-family-heading);
  --tab-header-font-size: clamp(var(--font-size-body), 1.5vw, var(--font-size-body-lg));
  --tab-header-font-weight: 600;
  --tab-header-line-height: var(--font-line-height-2);
  --tab-header-text-transform: none;
  --tab-header-letter-spacing: 0;
  --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: 30px 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: 0;
  --accordion-body-block-padding: 25px;
  --accordion-border-color: light-dark(hsl(from var(--color-black) h s l / .2), hsl(from var(--color-white) h s l / .2));
  --accordion-border-color-hover: light-dark(hsl(from var(--color-black) h s l / .2), hsl(from var(--color-white) h s l / .2));
  --accordion-border-color-active: light-dark(hsl(from var(--color-black) h s l / .2), hsl(from var(--color-white) h s l / .2));
  --accordion-border-width: 1px;
  --accordion-border-radius: 0;
  --accordion-shadow: none;
  --accordion-shadow-hover: none;
  --accordion-shadow-active: none;
  --accordion-icon-size: 16px;
  --accordion-icon-color: light-dark(currentColor, currentColor);
  --accordion-icon-color-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --accordion-icon-color-active: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --accordion-icon-offset: 20px;
  --accordion-title-color: var(--color-text-heading);
  --accordion-title-color-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --accordion-title-color-active: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --accordion-title-font-size: var(--font-size-heading-4);
  --accordion-title-font-weight: 600;
  --accordion-text-color: var(--color-text-base);
  --accordion-content-font-size: var(--font-size-body);
}
:root {
  --form-inline-gap: calc(var(--grid-gap) / 2);
  --form-block-gap: var(--grid-gap);
  --form-gap: var(--form-block-gap) var(--form-inline-gap);
  --input-light-color: var(--color-black);
  --input-dark-color: var(--color-white);
  --input-padding-block: 20px;
  --input-padding-inline: 0;
  --input-padding: var(--input-padding-block) var(--input-padding-inline);
  --input-font-size: var(--font-size-body-lg);
  --input-font-size-2: var(--font-size-body-md);
  --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: 600;
  --input-line-height: calc(20em / 16);
  --input-placeholder-font-color: light-dark(var(--color-slate-900), var(--color-slate-900));
  --input-placeholder-font-color-2: light-dark(hsl(from var(--input-light-color) h s l / .8), hsl(from var(--input-dark-color) h s l / .8));
  --input-label-font-size: var(--font-size-body-xs);
  --input-label-font-color: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-label-font-color-2: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-label-font-weight: 600;
  --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(transparent, transparent);
  --input-background-color-2: light-dark(var(--color-slate-900), var(--color-slate-900));
  --input-background-color-hover: light-dark(transparent, transparent);
  --input-background-color-focus: light-dark(transparent, transparent);
  --input-background-color-checked: light-dark(transparent, transparent);
  --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-border-size: 1px;
  --input-border-color: light-dark(hsl(from var(--color-black) h s l / .15), hsl(from var(--color-white) h s l / .15));
  --input-border-color-2: light-dark(transparent, transparent);
  --input-border-color-hover: light-dark(var(--color-black), var(--color-white));
  --input-border-color-focus: light-dark(var(--color-black), var(--color-white));
  --input-border-color-checked: light-dark(transparent, transparent);
  --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: 0;
  --input-outline: none;
  --input-checkbox-font-color: light-dark(var(--input-font-color-2), var(--input-font-color-2));
  --input-checkbox-font-color-hover: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-checkbox-font-color-checked: light-dark(var(--color-white), var(--color-white));
  --input-checkbox-size: 40px;
  --input-checkbox-block-gap: 5px;
  --input-checkbox-inline-gap: 12px;
  --input-checkbox-gap: var(--input-checkbox-block-gap) var(--input-checkbox-inline-gap);
  --input-checkbox-background-color: light-dark(var(--color-slate-100), var(--color-slate-100));
  --input-checkbox-background-color-hover: light-dark(var(--color-slate-100), var(--color-slate-100));
  --input-checkbox-background-color-checked: light-dark(var(--color-slate-100), var(--color-slate-100));
  --input-checkbox-border-color: light-dark(transparent, transparent);
  --input-checkbox-border-color-hover: light-dark(transparent, transparent);
  --input-checkbox-border-color-checked: light-dark(transparent, transparent);
  --input-checkbox-border-radius: var(--border-radius-md);
  --input-radio-font-color: light-dark(var(--input-font-color-2), var(--input-font-color-2));
  --input-radio-font-color-hover: light-dark(var(--input-light-color), var(--input-dark-color));
  --input-radio-font-color-checked: light-dark(var(--color-white), var(--color-white));
  --input-radio-size: 48px;
  --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-slate-100) h s l / .13));
  --input-radio-background-color-hover: light-dark(hsl(from var(--color-black) h s l / .13), hsl(from var(--color-slate-100) h s l / .13));
  --input-radio-background-color-checked: light-dark(hsl(from var(--color-black) h s l / .13), hsl(from var(--color-slate-100) h s l / .13));
  --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: 50%;
  --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-black));
  --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-slate-100), var(--color-black));
  --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: 150px;
  --header-top-offset: 0px;
  --header-alpha: .1;
  --header-color: light-dark(var(--color-slate-900), var(--color-white));
  --header-color-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --header-color-active: light-dark(var(--color-slate-900), var(--color-white));
  --header-color-highlight: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --header-color-2: light-dark(var(--color-slate-900), var(--color-white));
  --header-color-2-hover: light-dark(var(--color-white), var(--color-white));
  --header-color-opened: light-dark(var(--color-slate-900), var(--color-white));
  --header-color-opened-hover: light-dark(var(--color-slate-900), var(--color-white));
  --header-color-opened-active: light-dark(var(--color-slate-900), var(--color-white));
  --header-color-icon: var(--header-color);
  --header-icon-size: 38px;
  --header-opened-background-color: light-dark(var(--color-white), var(--color-white));
  --header-opened-overlay-color: light-dark(hsl(from var(--color-black) h s l / .1), hsl(from var(--color-black) h s l / .1));

  --footer-items-block-gap: 10px;
  --footer-font-size: var(--font-size-body);
  --footer-font-size-small: var(--font-size-body-sm);
  --footer-font-size-heading: var(--font-size-body-xs);
  --footer-color-text: var(--color-text-base);
  --footer-color-text-heading: light-dark(var(--color-slate-400), var(--color-slate-400));
  --footer-color-text-light: light-dark(hsl(from var(--color-slate-900) h s l / .6), hsl(from var(--color-white) h s l / .6));

  --content-section-padding: clamp(50px, 10vw, 80px);
  --content-section-padding-sm: clamp(30px, 6vw, 50px);
  --content-section-padding-xl: clamp(90px, 15vw, 150px);
  --content-section-header-gap: 30px;
  --content-section-title-xs: clamp(1.25rem, 2.125vw, 1.375rem);
  --content-section-title-sm: clamp(1.25rem, 2.5vw, 1.875rem);
  --content-section-title-md: clamp(1.875rem, 3.5vw, 3.125rem);
  --content-section-title-lg: clamp(2rem, 6vw, 4.5rem);
  --content-section-title-xl: clamp(2.25rem, 7vw, 5rem);
  --content-section-title-xxl: clamp(2.5rem, 8vw, 7.5rem);
  --content-section-title-font-weight: 500;
  --content-section-pre-title-font-size: .75rem;
  --content-section-pre-title-font-weight: 600;
  --content-section-sub-title-font-size: var(--font-size-body);
  --content-section-sub-title-font-weight: 400;

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

  --hero-title-font-size: clamp(1.875rem, 5vw, 3.125rem);
  --hero-title-font-weight: 600;
  --hero-title-color: light-dark(var(--color-black), var(--color-white));
  --hero-pre-title-font-size: var(--font-size-body);
  --hero-pre-title-font-weight: 600;
  --hero-pre-title-color: light-dark(var(--color-black), var(--color-white));
  --hero-sub-title-font-size: clamp(var(--font-size-body), 3vw, 1.125rem);
  --hero-sub-title-font-weight: 400;
  --hero-sub-title-color: light-dark(var(--color-black), var(--color-white));

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