/* Barlow */
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/barlow-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/barlow-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/barlow-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/barlow-latin-700-normal.woff2') format('woff2');
}

/* Open Sans */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/open-sans-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/open-sans-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/open-sans-latin-700-normal.woff2') format('woff2');
}

:root {
  color-scheme: light;
  --nst-color-background-muted: #f5f5f5;
  --nst-color-background-shape: #f0f0f0;
  --nst-color-background-scrim: #111111;
  --nst-color-background-overlay: #000000;
  --nst-color-background-primary: #ff3d03;
  --nst-color-background-primary-hover: #aa0000;
  --nst-color-background-surface: #ffffff;
  --nst-color-background-surface-hover: #fafafa;
  --nst-color-background-surface-active: #f5f5f5;
  --nst-color-background-secondary: #e9e9e9;
  --nst-color-background-secondary-hover: #cccccc;
  --nst-color-background-inverse: #111111;
  --nst-color-background-inverse-hover: #0c0c0c;
  --nst-color-background-feedback-success: #bcf2c1;
  --nst-color-background-feedback-success-hover: #a9d9ad;
  --nst-color-background-feedback-success-active: #8fe195;
  --nst-color-background-feedback-warning: #fff8d6;
  --nst-color-background-feedback-warning-hover: #e5dfc1;
  --nst-color-background-feedback-warning-active: #fff0b4;
  --nst-color-background-feedback-danger: #ffdada;
  --nst-color-background-feedback-danger-hover: #e5c4c5;
  --nst-color-background-feedback-danger-active: #ffc0c0;
  --nst-color-background-feedback-info: #d0e5ff;
  --nst-color-background-feedback-info-hover: #bbcee5;
  --nst-color-background-feedback-info-active: #b2d7ff;
  --nst-color-background-brand-subtle: #ffb4b4;
  --nst-color-background-brand-muted: #ff9090;
  --nst-color-background-brand-emphasis: #ff3d03;
  --nst-color-foreground-surface: #2e3135;
  --nst-color-foreground-muted: #6c757d;
  --nst-color-foreground-disabled: #ced4da;
  --nst-color-foreground-primary: #ffffff;
  --nst-color-foreground-primary-hover: #e1e1e1;
  --nst-color-foreground-brand: #ff3d03;
  --nst-color-foreground-brand-subtle: #ff5748;
  --nst-color-foreground-brand-emphasis: #d50100;
  --nst-color-foreground-secondary: #3e3e3e;
  --nst-color-foreground-secondary-hover: #292929;
  --nst-color-foreground-inverse: #e9e9e9;
  --nst-color-foreground-inverse-hover: #cccccc;
  --nst-color-foreground-feedback-success: #0a6a16;
  --nst-color-foreground-feedback-warning: #7a6500;
  --nst-color-foreground-feedback-danger: #a10002;
  --nst-color-foreground-feedback-info: #364098;
  --nst-color-text-disabled: #d7d7d7;
  --nst-color-text-placeholder: #9ba3b0;
  --nst-color-text-primary: #1f1f1f;
  --nst-color-text-primary-hover: #494949;
  --nst-color-text-secondary: #6c757d;
  --nst-color-text-feedback-success: #0a6a16;
  --nst-color-text-feedback-warning: #7a6500;
  --nst-color-text-feedback-danger: #a10002;
  --nst-color-text-feedback-info: #364098;
  --nst-color-text-brand: #ff3d03;
  --nst-color-text-brand-subtle: #ff5748;
  --nst-color-text-brand-emphasis: #d50100;
  --nst-color-text-inverse: #ffffff;
  --nst-color-text-faint: #9ba4b0;
  --nst-color-text-soft: #6b717b;
  --nst-color-text-link: #ff3d03;
  --nst-color-text-link-hover: #d50100;
  --nst-color-text-link-visited: #800080;
  --nst-color-chart-1: #ff3d03;
  --nst-color-chart-2: #343a40;
  --nst-color-chart-3: #6c757d;
  --nst-color-chart-4: #adb5bd;
  --nst-color-chart-5: #ced4da;
  --nst-color-border-input: #cbd5e1;
  --nst-color-border-focus: #94a3b8;
  --nst-color-border-container: #e2e8f0;
  --nst-color-border-divider: #becbd9;
  --nst-color-border-disabled: #ecf0f4;
  --nst-color-border-brand: #ff3d03;
  --nst-color-border-selected: #ff3d03;
  --nst-color-border-hover: #6c757d;
  --nst-color-border-feedback-success: #bcf2c1;
  --nst-color-border-feedback-warning: #ffec99;
  --nst-color-border-feedback-danger: #ffb4b4;
  --nst-color-border-feedback-info: #b2d2ff;
  --nst-layout-grid-columns: 16;
  --nst-layout-grid-gap: 8px;
  --nst-layout-grid-paddingHorizontal: 16px;
  --nst-layout-grid-marginHorizontal: 16px;
  --nst-layout-breakpoint-width-max: 768px;
  --nst-layout-breakpoint-width-min: 320px;
  --nst-layout-spacing-horizontal: 8px;
  --nst-layout-spacing-vertical: 12px;
  --nst-layout-spacing-component: 8px;
  --nst-layout-spacing-ritmoVertical-level-1: 60px;
  --nst-layout-spacing-ritmoVertical-level-2: 40px;
  --nst-layout-spacing-ritmoVertical-level-3: 16px;
  --nst-layout-spacing-ritmoVertical-level-4: 12px;
  --nst-typography-family-display: Barlow;
  --nst-typography-family-heading: Barlow;
  --nst-typography-family-text: Open Sans;
  --nst-typography-family-alternative-1: SF Compact;
  --nst-typography-family-alternative-2: Tahoma;
  --nst-typography-family-alternative-3: Roboto;
  --nst-typography-family-alternative-4: Calibri;
  --nst-typography-weight-light: 300;
  --nst-typography-weight-default: 400;
  --nst-typography-weight-semiBold: 600;
  --nst-typography-weight-bold: 750;
  --nst-typography-sizes-display-lg: 72px;
  --nst-typography-sizes-display-md: 62px;
  --nst-typography-sizes-display-xs: 48px;
  --nst-typography-sizes-heading-xl: 44px;
  --nst-typography-sizes-heading-lg: 32px;
  --nst-typography-sizes-heading-md: 28px;
  --nst-typography-sizes-heading-sm: 24px;
  --nst-typography-sizes-heading-xs: 20px;
  --nst-typography-sizes-heading-xxs: 18px;
  --nst-typography-sizes-text-body: 12px;
  --nst-typography-sizes-text-caption: 10px;
  --nst-typography-sizes-text-signal: 8px;
  --nst-typography-lineHeight-display-lg: 68px;
  --nst-typography-lineHeight-display-md: 58px;
  --nst-typography-lineHeight-display-sm: 46px;
  --nst-typography-lineHeight-display-xs: 46px;
  --nst-typography-lineHeight-heading-xl: 52px;
  --nst-typography-lineHeight-heading-lg: 38px;
  --nst-typography-lineHeight-heading-md: 34px;
  --nst-typography-lineHeight-heading-sm: 30px;
  --nst-typography-lineHeight-heading-xs: 26px;
  --nst-typography-lineHeight-heading-xxs: 24px;
  --nst-typography-lineHeight-text-body: 18px;
  --nst-typography-lineHeight-text-caption: 14px;
  --nst-typography-lineHeight-text-signal: 12px;
  --nst-typography-letterSpacing-display-lg: -6px;
  --nst-typography-letterSpacing-display-md: -5px;
  --nst-typography-letterSpacing-display-xs: -4px;
  --nst-typography-letterSpacing-heading-xl: -2px;
  --nst-typography-letterSpacing-heading-lg: -2px;
  --nst-typography-letterSpacing-heading-md: -1.5px;
  --nst-typography-letterSpacing-heading-sm: -1px;
  --nst-typography-letterSpacing-heading-xs: -1px;
  --nst-typography-letterSpacing-heading-xxs: 0px;
  --nst-typography-letterSpacing-text-body: 0px;
  --nst-typography-letterSpacing-text-caption: 0.1px;
  --nst-typography-letterSpacing-text-signal: 0.3px;
  --nst-shape-border-radius-xs: 4px;
  --nst-shape-border-radius-sm: 6px;
  --nst-shape-border-radius-md: 8px;
  --nst-shape-border-radius-lg: 12px;
  --nst-shape-border-radius-xl: 16px;
  --nst-shape-border-radius-full: 999px;
  --nst-shape-border-radius-xxs: 2px;
  --nst-shape-border-weight-none: 0px;
  --nst-shape-border-weight-hairline: 0.5px;
  --nst-shape-border-weight-default: 1px;
  --nst-shape-border-weight-large: 2px;
  --nst-shape-border-weight-x-large: 3px;
  --nst-shape-padding-default: 14px;
  --nst-shape-padding-sm: 8px;
  --nst-shape-padding-md: 16px;
  --nst-shape-padding-lg: 24px;
  --nst-shape-padding-xl: 32px;
  --nst-shape-elevation-sm: 2px;
  --nst-shape-elevation-md: 4px;
  --nst-shape-elevation-lg: 8px;
  --nst-shape-focus-ringWidth: 2px;
  --nst-shape-focus-ringOffset: 2px;
  /* Deprecated: renamed once the Figma variable gained children. Removed in 2.0.0. */
  --nst-shape-padding: var(--nst-shape-padding-default);
}

@media (min-width: 768px) {
  :root {
    --nst-layout-grid-columns: 16;
    --nst-layout-grid-gap: 12px;
    --nst-layout-grid-paddingHorizontal: 32px;
    --nst-layout-grid-marginHorizontal: 24px;
    --nst-layout-breakpoint-width-max: 1024px;
    --nst-layout-breakpoint-width-min: 768px;
    --nst-layout-spacing-horizontal: 12px;
    --nst-layout-spacing-vertical: 16px;
    --nst-layout-spacing-component: 12px;
    --nst-layout-spacing-ritmoVertical-level-1: 60px;
    --nst-layout-spacing-ritmoVertical-level-2: 40px;
    --nst-layout-spacing-ritmoVertical-level-3: 16px;
    --nst-layout-spacing-ritmoVertical-level-4: 12px;
  }
}

@media (min-width: 1024px) {
  :root {
    --nst-layout-grid-columns: 16;
    --nst-layout-grid-gap: 16px;
    --nst-layout-grid-paddingHorizontal: 48px;
    --nst-layout-grid-marginHorizontal: 32px;
    --nst-layout-breakpoint-width-max: 1440px;
    --nst-layout-breakpoint-width-min: 1024px;
    --nst-layout-spacing-horizontal: 12px;
    --nst-layout-spacing-vertical: 16px;
    --nst-layout-spacing-component: 12px;
    --nst-layout-spacing-ritmoVertical-level-1: 80px;
    --nst-layout-spacing-ritmoVertical-level-2: 48px;
    --nst-layout-spacing-ritmoVertical-level-3: 24px;
    --nst-layout-spacing-ritmoVertical-level-4: 16px;
    --nst-typography-family-display: Barlow;
    --nst-typography-family-heading: Barlow;
    --nst-typography-family-text: Open Sans;
    --nst-typography-family-alternative-1: SF Compact;
    --nst-typography-family-alternative-2: Tahoma;
    --nst-typography-family-alternative-3: Roboto;
    --nst-typography-family-alternative-4: Calibri;
    --nst-typography-weight-light: 300;
    --nst-typography-weight-default: 400;
    --nst-typography-weight-semiBold: 600;
    --nst-typography-weight-bold: 750;
    --nst-typography-sizes-display-lg: 92px;
    --nst-typography-sizes-display-md: 72px;
    --nst-typography-sizes-display-xs: 62px;
    --nst-typography-sizes-heading-xl: 48px;
    --nst-typography-sizes-heading-lg: 38px;
    --nst-typography-sizes-heading-md: 32px;
    --nst-typography-sizes-heading-sm: 24px;
    --nst-typography-sizes-heading-xs: 20px;
    --nst-typography-sizes-heading-xxs: 18px;
    --nst-typography-sizes-text-body: 14px;
    --nst-typography-sizes-text-caption: 12px;
    --nst-typography-sizes-text-signal: 10px;
    --nst-typography-lineHeight-display-lg: 84px;
    --nst-typography-lineHeight-display-md: 68px;
    --nst-typography-lineHeight-display-sm: 60px;
    --nst-typography-lineHeight-display-xs: 60px;
    --nst-typography-lineHeight-heading-xl: 56px;
    --nst-typography-lineHeight-heading-lg: 46px;
    --nst-typography-lineHeight-heading-md: 38px;
    --nst-typography-lineHeight-heading-sm: 30px;
    --nst-typography-lineHeight-heading-xs: 26px;
    --nst-typography-lineHeight-heading-xxs: 24px;
    --nst-typography-lineHeight-text-body: 22px;
    --nst-typography-lineHeight-text-caption: 18px;
    --nst-typography-lineHeight-text-signal: 14px;
    --nst-typography-letterSpacing-display-lg: -6px;
    --nst-typography-letterSpacing-display-md: -5px;
    --nst-typography-letterSpacing-display-xs: -4px;
    --nst-typography-letterSpacing-heading-xl: -2px;
    --nst-typography-letterSpacing-heading-lg: -2px;
    --nst-typography-letterSpacing-heading-md: -1.5px;
    --nst-typography-letterSpacing-heading-sm: -1px;
    --nst-typography-letterSpacing-heading-xs: -1px;
    --nst-typography-letterSpacing-heading-xxs: 0px;
    --nst-typography-letterSpacing-text-body: 0px;
    --nst-typography-letterSpacing-text-caption: 0.1px;
    --nst-typography-letterSpacing-text-signal: 0.3px;
  }
}

@media (min-width: 1440px) {
  :root {
    --nst-layout-grid-columns: 16;
    --nst-layout-grid-gap: 16px;
    --nst-layout-grid-paddingHorizontal: 72px;
    --nst-layout-grid-marginHorizontal: 48px;
    --nst-layout-breakpoint-width-max: 1830px;
    --nst-layout-breakpoint-width-min: 1440px;
    --nst-layout-spacing-horizontal: 16px;
    --nst-layout-spacing-vertical: 20px;
    --nst-layout-spacing-component: 16px;
    --nst-layout-spacing-ritmoVertical-level-1: 80px;
    --nst-layout-spacing-ritmoVertical-level-2: 48px;
    --nst-layout-spacing-ritmoVertical-level-3: 24px;
    --nst-layout-spacing-ritmoVertical-level-4: 16px;
    --nst-typography-family-display: Barlow;
    --nst-typography-family-heading: Barlow;
    --nst-typography-family-text: Open Sans;
    --nst-typography-family-alternative-1: SF Compact;
    --nst-typography-family-alternative-2: Tahoma;
    --nst-typography-family-alternative-3: Roboto;
    --nst-typography-family-alternative-4: Calibri;
    --nst-typography-weight-light: 300;
    --nst-typography-weight-default: 400;
    --nst-typography-weight-semiBold: 600;
    --nst-typography-weight-bold: 750;
    --nst-typography-sizes-display-lg: 92px;
    --nst-typography-sizes-display-md: 72px;
    --nst-typography-sizes-display-xs: 62px;
    --nst-typography-sizes-heading-xl: 48px;
    --nst-typography-sizes-heading-lg: 38px;
    --nst-typography-sizes-heading-md: 32px;
    --nst-typography-sizes-heading-sm: 24px;
    --nst-typography-sizes-heading-xs: 20px;
    --nst-typography-sizes-heading-xxs: 18px;
    --nst-typography-sizes-text-body: 14px;
    --nst-typography-sizes-text-caption: 12px;
    --nst-typography-sizes-text-signal: 10px;
    --nst-typography-lineHeight-display-lg: 84px;
    --nst-typography-lineHeight-display-md: 68px;
    --nst-typography-lineHeight-display-sm: 60px;
    --nst-typography-lineHeight-display-xs: 60px;
    --nst-typography-lineHeight-heading-xl: 56px;
    --nst-typography-lineHeight-heading-lg: 46px;
    --nst-typography-lineHeight-heading-md: 38px;
    --nst-typography-lineHeight-heading-sm: 30px;
    --nst-typography-lineHeight-heading-xs: 26px;
    --nst-typography-lineHeight-heading-xxs: 24px;
    --nst-typography-lineHeight-text-body: 22px;
    --nst-typography-lineHeight-text-caption: 18px;
    --nst-typography-lineHeight-text-signal: 14px;
    --nst-typography-letterSpacing-display-lg: -6px;
    --nst-typography-letterSpacing-display-md: -5px;
    --nst-typography-letterSpacing-display-xs: -4px;
    --nst-typography-letterSpacing-heading-xl: -2px;
    --nst-typography-letterSpacing-heading-lg: -2px;
    --nst-typography-letterSpacing-heading-md: -1.5px;
    --nst-typography-letterSpacing-heading-sm: -1px;
    --nst-typography-letterSpacing-heading-xs: -1px;
    --nst-typography-letterSpacing-heading-xxs: 0px;
    --nst-typography-letterSpacing-text-body: 0px;
    --nst-typography-letterSpacing-text-caption: 0.1px;
    --nst-typography-letterSpacing-text-signal: 0.3px;
  }
}

@media (min-width: 1830px) {
  :root {
    --nst-layout-grid-columns: 16;
    --nst-layout-grid-gap: 16px;
    --nst-layout-grid-paddingHorizontal: 72px;
    --nst-layout-grid-marginHorizontal: 64px;
    --nst-layout-breakpoint-width-max: 3000px;
    --nst-layout-breakpoint-width-min: 1830px;
    --nst-layout-spacing-horizontal: 16px;
    --nst-layout-spacing-vertical: 20px;
    --nst-layout-spacing-component: 16px;
    --nst-layout-spacing-ritmoVertical-level-1: 80px;
    --nst-layout-spacing-ritmoVertical-level-2: 48px;
    --nst-layout-spacing-ritmoVertical-level-3: 24px;
    --nst-layout-spacing-ritmoVertical-level-4: 16px;
    --nst-typography-family-display: Barlow;
    --nst-typography-family-heading: Barlow;
    --nst-typography-family-text: Open Sans;
    --nst-typography-family-alternative-1: SF Compact;
    --nst-typography-family-alternative-2: Tahoma;
    --nst-typography-family-alternative-3: Roboto;
    --nst-typography-family-alternative-4: Calibri;
    --nst-typography-weight-light: 300;
    --nst-typography-weight-default: 400;
    --nst-typography-weight-semiBold: 600;
    --nst-typography-weight-bold: 750;
    --nst-typography-sizes-display-lg: 92px;
    --nst-typography-sizes-display-md: 72px;
    --nst-typography-sizes-display-xs: 62px;
    --nst-typography-sizes-heading-xl: 48px;
    --nst-typography-sizes-heading-lg: 38px;
    --nst-typography-sizes-heading-md: 32px;
    --nst-typography-sizes-heading-sm: 24px;
    --nst-typography-sizes-heading-xs: 20px;
    --nst-typography-sizes-heading-xxs: 18px;
    --nst-typography-sizes-text-body: 14px;
    --nst-typography-sizes-text-caption: 12px;
    --nst-typography-sizes-text-signal: 10px;
    --nst-typography-lineHeight-display-lg: 84px;
    --nst-typography-lineHeight-display-md: 68px;
    --nst-typography-lineHeight-display-sm: 60px;
    --nst-typography-lineHeight-display-xs: 60px;
    --nst-typography-lineHeight-heading-xl: 56px;
    --nst-typography-lineHeight-heading-lg: 46px;
    --nst-typography-lineHeight-heading-md: 38px;
    --nst-typography-lineHeight-heading-sm: 30px;
    --nst-typography-lineHeight-heading-xs: 26px;
    --nst-typography-lineHeight-heading-xxs: 24px;
    --nst-typography-lineHeight-text-body: 22px;
    --nst-typography-lineHeight-text-caption: 18px;
    --nst-typography-lineHeight-text-signal: 14px;
    --nst-typography-letterSpacing-display-lg: -6px;
    --nst-typography-letterSpacing-display-md: -5px;
    --nst-typography-letterSpacing-display-xs: -4px;
    --nst-typography-letterSpacing-heading-xl: -2px;
    --nst-typography-letterSpacing-heading-lg: -2px;
    --nst-typography-letterSpacing-heading-md: -1.5px;
    --nst-typography-letterSpacing-heading-sm: -1px;
    --nst-typography-letterSpacing-heading-xs: -1px;
    --nst-typography-letterSpacing-heading-xxs: 0px;
    --nst-typography-letterSpacing-text-body: 0px;
    --nst-typography-letterSpacing-text-caption: 0.1px;
    --nst-typography-letterSpacing-text-signal: 0.3px;
  }
}