: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 { --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; --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-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-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-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-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-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;
}
}