/* Generated from src/css/variables.css. Do not edit this file directly. */
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-neutral-50: #f6f8f9;
  --color-neutral-100: #eef0f4;
  --color-neutral-200: #e3e3e3;
  --color-neutral-250: #d1d9db;
  --color-neutral-300: #d9d9d9;
  --color-neutral-400: #bac7cc;
  --color-neutral-450: #bfc7cc;
  --color-neutral-500: #708085;
  --color-neutral-600: #525c61;
  --color-neutral-650: #5d5d5d;
  --color-neutral-700: #4f595e;
  --color-dark-800: #2e363b;
  --color-dark-850: #1f262b;
  --color-dark-900: #141a1f;
  --color-dark-925: #12171c;
  --color-dark-950: #0b0f12;
  --color-cyan-200: #b4dee0;
  --color-cyan-300: #3ce1e5;
  --color-cyan-500: #25b3b6;
  --color-blue-100: #d7eef9;
  --color-blue-300: #a2b9fe;
  --color-blue-400: #9aa8df;
  --color-blue-500: #8899a5;
  --color-blue-700: #737d82;
}
: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: 1360px;
  --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-cyan-500);
  --color-brand-secondary: var(--color-dark-950);
  --color-brand-tertiary: var(--color-white);

  --color-text-heading: light-dark(var(--color-dark-950), var(--color-white));
  --color-text-base: light-dark(var(--color-dark-950), var(--color-white));
  --color-text-muted: light-dark(var(--color-dark-800), var(--color-neutral-600));
  --color-text-highlight: light-dark(var(--color-cyan-500), var(--color-cyan-500));

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

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

  --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: 'OpenSauceOne',
    system-ui,
    sans-serif;
  --font-family-heading: 'Roboto',
    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.75rem, 4vw, 2.8125rem);
  --font-size-heading-2: clamp(1.4375rem, 3vw, 1.625rem);
  --font-size-heading-3: clamp(1.3125rem, 2.5vw, 1.5rem);
  --font-size-heading-4: clamp(1.125rem, 2vw, 1.3125rem);
  --font-size-heading-5: clamp(.9375rem, 1.5vw, 1.125rem);
  --font-size-heading-6: clamp(.8125rem, 1.25vw, 1rem);

  --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: 400;

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

  --animation-duration: .5s;
}
:root {
  /* Buttons */
  --button-padding-block: 15px;
  --button-padding-inline: 30px;
  --button-padding: var(--button-padding-block) var(--button-padding-inline);
  --button-block-size: 52px;
  --button-font-family: var(--font-family-base);
  --button-font-size: .9375rem;
  --button-font-weight: 700;
  --button-line-height: calc(20em / 15);
  --button-line-height-correction: 0px;
  --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(hsl(from var(--color-brand-primary) h s calc(l * .8)), hsl(from var(--color-brand-primary) h s calc(l * .8)));
  --button-border-color-hover: light-dark(hsl(from var(--color-brand-primary) h s calc(l * .8)), hsl(from var(--color-brand-primary) h s calc(l * .8)));
  --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: .875em;
  --button-icon-gap: 1em;
  --button-icon-offset: 0px;
  --button-radius: 100vw;

  /* Controls */
  --control-color: light-dark(var(--color-dark-800), var(--color-neutral-100));
  --control-color-hover: light-dark(var(--color-white), var(--color-white));
  --control-color-active: light-dark(var(--color-white), var(--color-white));
  --control-color-bg: light-dark(transparent, transparent);
  --control-color-bg-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --control-color-bg-active: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --control-color-border: light-dark(hsl(from var(--color-dark-800) h s l / .4), hsl(from var(--color-neutral-100) h s l / .4));
  --control-color-border-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --control-color-border-active: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --control-border-width: 1px;
  --control-border-radius: var(--border-radius-full);
  --control-icon-inline-size: 50px;
  --control-icon-block-size: 50px;
  --control-icon-font-size: var(--font-size-body);
  --control-icon-border-width: var(--control-border-width);
  --control-icon-border-color: var(--control-color-border);
  --control-icon-border-radius: var(--control-border-radius);
  --control-number-inline-size: 50px;
  --control-number-block-size: 50px;
  --control-number-font-size: var(--font-size-body-sm);
  --control-number-border-width: var(--control-border-width);
  --control-number-border-color: light-dark(transparent, transparent);
  --control-number-border-radius: var(--control-border-radius);

  /* 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-neutral-500), 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-neutral-500), 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-neutral-450), hsl(from var(--color-neutral-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: 20px;
  --slider-icon-inline-size: 62px;
  --slider-icon-block-size: 62px;
  --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: 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: 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-cyan-500), var(--color-cyan-500));
  --tab-header-item-bg-color-active: light-dark(var(--color-cyan-500), var(--color-cyan-500));
  --tab-header-item-border-color: light-dark(transparent, transparent);
  --tab-header-item-border-color-hover: light-dark(var(--color-cyan-500), var(--color-cyan-500));
  --tab-header-item-border-color-active: light-dark(var(--color-cyan-500), var(--color-cyan-500));
  --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-cyan-500), var(--color-neutral-100));
  --tab-header-text-color-hover: light-dark(var(--color-white), var(--color-dark-950));
  --tab-header-text-color-active: light-dark(var(--color-white), var(--color-dark-950));
  --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: 25px 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: 20px;
  --accordion-border-color: light-dark(hsl(from var(--color-black) h s l / .3), hsl(from var(--color-white) h s l / .3));
  --accordion-border-color-hover: light-dark(hsl(from var(--color-black) h s l / .3), hsl(from var(--color-white) h s l / .3));
  --accordion-border-color-active: light-dark(hsl(from var(--color-black) h s l / .3), hsl(from var(--color-white) h s l / .3));
  --accordion-border-width: 1px;
  --accordion-border-radius: 0;
  --accordion-shadow: none;
  --accordion-shadow-hover: none;
  --accordion-shadow-active: none;
  --accordion-icon-size: 20px;
  --accordion-icon-color: light-dark(var(--color-cyan-500), var(--color-cyan-500));
  --accordion-icon-color-hover: light-dark(var(--color-cyan-500), var(--color-cyan-500));
  --accordion-icon-color-active: light-dark(var(--color-cyan-500), var(--color-cyan-500));
  --accordion-icon-offset: 10px;
  --accordion-title-color: inherit;
  --accordion-title-color-hover: light-dark(var(--color-cyan-500), var(--color-cyan-500));
  --accordion-title-color-active: inherit;
  --accordion-title-font-size: clamp(1.375rem, 2vw, 1.625rem);
  --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-dark-850);
  --input-dark-color: var(--color-white);
  --input-padding-block: 17px;
  --input-padding-inline: 14px;
  --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), var(--color-blue-500));
  --input-placeholder-font-color-2: light-dark(var(--color-blue-700), var(--color-blue-500));
  --input-label-font-size: var(--font-size-body-xs);
  --input-label-font-color: light-dark(var(--color-blue-500), var(--color-dark-950));
  --input-label-font-color-2: light-dark(var(--color-blue-500), var(--color-dark-950));
  --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-neutral-50), var(--color-neutral-50));
  --input-background-color-2: light-dark(var(--color-dark-950), var(--color-dark-950));
  --input-background-color-hover: light-dark(hsl(from var(--color-dark-950) h s l / .02), hsl(from var(--color-dark-950) h s l / .02));
  --input-background-color-focus: light-dark(hsl(from var(--color-dark-950) h s l / .02), hsl(from var(--color-dark-950) h s l / .02));
  --input-background-color-checked: light-dark(hsl(from var(--color-cyan-500) h s l / .08), hsl(from var(--color-neutral-500) 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-border-size: 1px;
  --input-border-color: light-dark(var(--color-neutral-250), var(--color-neutral-600));
  --input-border-color-2: light-dark(transparent, transparent);
  --input-border-color-hover: light-dark(hsl(from var(--color-dark-800) h s l / 1), hsl(from var(--color-dark-800) h s l / 1));
  --input-border-color-focus: light-dark(hsl(from var(--color-dark-800) h s l / 1), hsl(from var(--color-dark-800) h s l / 1));
  --input-border-color-checked: light-dark(hsl(from var(--color-dark-800) h s l / 1), hsl(from var(--color-dark-800) h s l / 1));
  --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: 10px;
  --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: 16px;
  --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: light-dark(transparent, transparent);
  --input-checkbox-border-color-hover: var(--input-border-color-hover);
  --input-checkbox-border-color-checked: var(--input-border-color-checked);
  --input-checkbox-border-radius: calc(var(--input-border-radius) / 2);
  --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: 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-neutral-500) h s l / .13));
  --input-radio-background-color-hover: light-dark(hsl(from var(--color-black) h s l / .13), hsl(from var(--color-neutral-500) h s l / .13));
  --input-radio-background-color-checked: light-dark(hsl(from var(--color-black) h s l / .13), hsl(from var(--color-neutral-500) 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-neutral-500), 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: 94px;
  --header-top-offset: 0px;
  --header-alpha: .1;
  --header-color: light-dark(var(--color-dark-950), var(--color-white));
  --header-color-hover: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --header-color-active: light-dark(var(--color-dark-950), var(--color-white));
  --header-color-highlight: light-dark(var(--color-brand-primary), var(--color-brand-primary));
  --header-color-2: light-dark(var(--color-dark-950), var(--color-white));
  --header-color-2-hover: light-dark(var(--color-white), var(--color-white));
  --header-color-opened: light-dark(var(--color-dark-950), var(--color-white));
  --header-color-opened-hover: light-dark(var(--color-dark-950), var(--color-white));
  --header-color-opened-active: light-dark(var(--color-dark-950), var(--color-white));
  --header-color-icon: var(--header-color);
  --header-icon-size: 38px;
  --header-opened-background-color: light-dark(var(--color-dark-950), var(--color-dark-950));
  --header-opened-overlay-color: light-dark(rgba(29, 29, 29, .62), rgba(29, 29, 29, .62));

  --footer-items-block-gap: 12px;
  --footer-font-size: var(--font-size-body-sm);
  --footer-font-size-small: var(--font-size-body-xs);
  --footer-font-size-heading: var(--font-size-body);
  --footer-color-text: light-dark(var(--color-dark-950), var(--color-neutral-400));
  --footer-color-text-heading: light-dark(var(--color-dark-950), var(--color-neutral-400));
  --footer-color-text-light: light-dark(var(--color-dark-850), var(--color-neutral-500));

  --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, 2.25vw, 2.25rem);
  --content-section-title-md: clamp(1.75rem, 2.5vw, 2.5rem);
  --content-section-title-lg: clamp(2rem, 3.75vw, 3.75rem);
  --content-section-title-xl: clamp(2.25rem, 4.375vw, 4.375rem);
  --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: 500;
  --content-section-pre-title-color: light-dark(var(--color-brand-primary), hsl(from var(--color-white) h s l / .7));
  --content-section-sub-title-font-size: var(--font-size-body-lg);
  --content-section-sub-title-font-weight: 400;
  --content-section-sub-title-color: light-dark(var(--color-neutral-700), 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.875rem, 3.5vw, 3rem);
  --hero-title-font-weight: 400;
  --hero-title-color: var(--color-text-base);
  --hero-pre-title-font-size: var(--font-size-body);
  --hero-pre-title-font-weight: 400;
  --hero-pre-title-color: hsl(from currentColor h s l / .7);
  --hero-sub-title-font-size: var(--font-size-body);
  --hero-sub-title-font-weight: 400;
  --hero-sub-title-color: var(--color-text-base);

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