/* Primitives */
:root {
  /* Mode 1 */
  /* color */
  --color-black: #000000;
  --color-black-10pc: #0000001a;
  --color-black-20pc: #00000033;
  --color-black-95pc: #000000f2;
  --color-white: #ffffff;
  --color-white-10pc: #ffffff1a;
  --color-white-20pc: #ffffff33;
  --color-white-95pc: #fffffff2;
  --color-brand-rc-100: #f9ccd1;
  --color-brand-rc-200: #f399a3;
  --color-brand-rc-300: #ee6676;
  --color-brand-rc-400: #e83348;
  --color-brand-rc-500: #e2001a;
  --color-brand-rc-600: #b50015;
  --color-brand-rc-700: #880010;
  --color-brand-rc-800: #5a000a;
  --color-brand-rc-900: #2d0005;
  --color-functional-blue-dark: #02194c;
  --color-functional-blue-light: #e6edfd;
  --color-functional-blue-mid: #054de6;
  --color-functional-focus: #1769ff;
  --color-functional-green-dark: #005229;
  --color-functional-green-light: #e6f3ec;
  --color-functional-green-mid: #008845;
  --color-functional-orange-dark: #985020;
  --color-functional-orange-light: #fef4e7;
  --color-functional-orange-mid: #d9722e;
  --color-functional-rating: #ffc107;
  --color-functional-red-dark: #861822;
  --color-functional-red-light: #fceaeb;
  --color-functional-red-mid: #d12033;
  --color-grey-100: #f6f6f6;
  --color-grey-200: #d7d7d7;
  --color-grey-200-95pc: #d7d7d7f2;
  --color-grey-300: #bbbbbb;
  --color-grey-400: #9d9d9d;
  --color-grey-500: #767676;
  --color-grey-600: #666666;
  --color-grey-700: #444444;
  --color-grey-800: #333333;
  --color-grey-800-95pc: #333333f2;
  --color-grey-900: #1c1c1c;
  /* number */
  --radius-1: 0.125rem;
  --radius-2: 0.25rem;
  --radius-3: 0.5rem;
  --radius-4: 1rem;
  --radius-5: 2rem;
  --radius-6: 8rem;
  --radius-7: 22.5rem;
  --spacing-1: 0.125rem;
  --spacing-2: 0.25rem;
  --spacing-3: 0.5rem;
  --spacing-4: 0.75rem;
  --spacing-5: 1rem;
  --spacing-6: 1.5rem;
  --spacing-7: 2rem;
  --spacing-8: 2.5rem;
  --spacing-9: 3rem;
  --spacing-10: 4rem;
  --spacing-11: 5rem;
  --spacing-12: 6rem;
  --text-font-size-100: 0.625rem;
  --text-font-size-125: 0.75rem;
  --text-font-size-150: 0.875rem;
  --text-font-size-175: 1rem;
  --text-font-size-200: 1.125rem;
  --text-font-size-225: 1.25rem;
  --text-font-size-250: 1.375rem;
  --text-font-size-300: 1.625rem;
  --text-font-size-350: 1.875rem;
  --text-font-size-400: 2.125rem;
  --text-font-size-450: 2.5rem;
  --text-font-size-500: 2.8125rem;
  --text-font-size-600: 3.25rem;
  --text-font-size-700: 3.75rem;
  --text-font-size-800: 4.5rem;
  --text-font-size-900: 5.125rem;
  --text-line-height-75: 0.75rem;
  --text-line-height-100: 0.875rem;
  --text-line-height-125: 1rem;
  --text-line-height-150: 1.125rem;
  --text-line-height-175: 1.25rem;
  --text-line-height-200: 1.375rem;
  --text-line-height-225: 1.5rem;
  --text-line-height-250: 1.625rem;
  --text-line-height-275: 1.75rem;
  --text-line-height-325: 2rem;
  --text-line-height-350: 2.125rem;
  --text-line-height-375: 2.25rem;
  --text-line-height-425: 2.5rem;
  --text-line-height-500: 3rem;
  --text-line-height-600: 3.5rem;
  --text-line-height-700: 3.75rem;
  --text-line-height-800: 4.5rem;
  --text-line-height-900: 5rem;
  --text-line-height-1000: 5.5rem;
  --text-line-height-1100: 6rem;
  /* string */
  --text-font-family-rc-standard-global-sans: DINPro;
  --text-font-weight-300: Light;
  --text-font-weight-400: Regular;
  --text-font-weight-500: Medium;
  --text-font-weight-600: Bold;
  --text-font-weight-700: Black;
  /* breakpoints */
  --screen-breakpoint-xl: 1440px;
  --screen-breakpoint-desktop: 1280px;
  --screen-breakpoint-laptop: 1024px;
  --screen-breakpoint-tablet: 768px;
  --screen-breakpoint-mobile: 360px;
}

/* Tokens - Typography */
:root {
  /* RC Desktop */
  /* number */
  --text-font-size-micro: var(--text-font-size-125);
  --text-font-size-cta: var(--text-font-size-150);
  --text-font-size-form-m: var(--text-font-size-150);
  --text-font-size-link-m: var(--text-font-size-150);
  --text-font-size-meta: var(--text-font-size-150);
  --text-font-size-body-m: var(--text-font-size-175);
  --text-font-size-form-l: var(--text-font-size-175);
  --text-font-size-link-l: var(--text-font-size-175);
  --text-font-size-title-2xs: var(--text-font-size-175);
  --text-font-size-body-l: var(--text-font-size-200);
  --text-font-size-intro-m: var(--text-font-size-200);
  --text-font-size-link-xl: var(--text-font-size-200);
  --text-font-size-title-xs: var(--text-font-size-200);
  --text-font-size-title-s: var(--text-font-size-225);
  --text-font-size-intro-l: var(--text-font-size-250);
  --text-font-size-title-m: var(--text-font-size-300);
  --text-font-size-title-l: var(--text-font-size-350);
  --text-font-size-title-xl: var(--text-font-size-450);
  --text-font-size-title-2xl: var(--text-font-size-800);
  --text-line-height-cta: var(--text-line-height-125);
  --text-line-height-form-m: var(--text-line-height-125);
  --text-line-height-link-m: var(--text-line-height-125);
  --text-line-height-meta: var(--text-line-height-125);
  --text-line-height-micro: var(--text-line-height-125);
  --text-line-height-form-l: var(--text-line-height-175);
  --text-line-height-link-l: var(--text-line-height-175);
  --text-line-height-body-m: var(--text-line-height-225);
  --text-line-height-intro-m: var(--text-line-height-225);
  --text-line-height-link-xl: var(--text-line-height-225);
  --text-line-height-title-2xs: var(--text-line-height-225);
  --text-line-height-title-s: var(--text-line-height-225);
  --text-line-height-title-xs: var(--text-line-height-225);
  --text-line-height-body-l: var(--text-line-height-325);
  --text-line-height-title-m: var(--text-line-height-325);
  --text-line-height-intro-l: var(--text-line-height-375);
  --text-line-height-title-l: var(--text-line-height-425);
  --text-line-height-title-xl: var(--text-line-height-600);
  --text-line-height-title-2xl: var(--text-line-height-1000);
  /* string */
  --text-font-family-rc-standard: var(--text-font-family-rc-standard-global-sans);
  --text-font-weight-black: var(--text-font-weight-700);
  --text-font-weight-bold: var(--text-font-weight-600);
  --text-font-weight-light: var(--text-font-weight-300);
  --text-font-weight-medium: var(--text-font-weight-500);
  --text-font-weight-regular: var(--text-font-weight-400);
}

/* Tokens */
:root {
  /* RC Light */
  /* color */
  --color-border-brand-primary: var(--color-brand-rc-500);
  --color-border-brand-primary-invert: var(--color-brand-rc-300);
  --color-border-brand-secondary: var(--color-brand-rc-700);
  --color-border-brand-secondary-invert: var(--color-brand-rc-100);
  --color-border-disable: var(--color-grey-300);
  --color-border-error: var(--color-functional-red-mid);
  --color-border-focus: var(--color-functional-focus);
  --color-border-information: var(--color-functional-blue-mid);
  --color-border-invert: var(--color-white);
  --color-border-primary: var(--color-grey-900);
  --color-border-quarternary: var(--color-grey-200);
  --color-border-rating: var(--color-functional-rating);
  --color-border-secondary: var(--color-grey-500);
  --color-border-shadow: var(--color-black-10pc);
  --color-border-success: var(--color-functional-green-mid);
  --color-border-tertiary: var(--color-grey-400);
  --color-border-warning: var(--color-functional-orange-mid);
  --color-icon-brand-primary: var(--color-brand-rc-500);
  --color-icon-brand-primary-invert: var(--color-brand-rc-300);
  --color-icon-brand-secondary: var(--color-brand-rc-700);
  --color-icon-brand-secondary-invert: var(--color-brand-rc-100);
  --color-icon-disable: var(--color-grey-300);
  --color-icon-error: var(--color-functional-red-mid);
  --color-icon-information: var(--color-functional-blue-mid);
  --color-icon-invert: var(--color-white);
  --color-icon-primary: var(--color-grey-500);
  --color-icon-rating: var(--color-functional-rating);
  --color-icon-secondary: var(--color-grey-700);
  --color-icon-success: var(--color-functional-green-mid);
  --color-icon-tertiary: var(--color-black);
  --color-icon-warning: var(--color-functional-orange-mid);
  --color-surface-action-disable: var(--color-grey-300);
  --color-surface-action-primary: var(--color-brand-rc-500);
  --color-surface-action-primary-invert: var(--color-brand-rc-300);
  --color-surface-action-quarternary: var(--color-black);
  --color-surface-action-secondary: var(--color-brand-rc-700);
  --color-surface-action-secondary-invert: var(--color-brand-rc-100);
  --color-surface-action-tertiary: var(--color-grey-700);
  --color-surface-brand: var(--color-brand-rc-500);
  --color-surface-brand-invert: var(--color-brand-rc-300);
  --color-surface-error-primary: var(--color-functional-red-light);
  --color-surface-error-secondary: var(--color-functional-red-mid);
  --color-surface-highlight: var(--color-white-20pc);
  --color-surface-highlight-secondary: var(--color-white-95pc);
  --color-surface-information-primary: var(--color-functional-blue-light);
  --color-surface-information-secondary: var(--color-functional-blue-mid);
  --color-surface-overlay-primary: var(--color-grey-800-95pc);
  --color-surface-overlay-secondary: var(--color-black-95pc);
  --color-surface-panel: var(--color-grey-100);
  --color-surface-panel-dark: var(--color-grey-200);
  --color-surface-panel-invert: var(--color-grey-900);
  --color-surface-primary: var(--color-white);
  --color-surface-quarternary: var(--color-grey-800);
  --color-surface-secondary: var(--color-black);
  --color-surface-shadow: var(--color-black-20pc);
  --color-surface-success-primary: var(--color-functional-green-light);
  --color-surface-success-secondary: var(--color-functional-green-mid);
  --color-surface-tertiary: var(--color-grey-400);
  --color-surface-warning-primary: var(--color-functional-orange-light);
  --color-surface-warning-secondary: var(--color-functional-orange-mid);
  --color-text-action-disable: var(--color-grey-300);
  --color-text-action-primary: var(--color-brand-rc-500);
  --color-text-action-primary-invert: var(--color-brand-rc-300);
  --color-text-action-secondary: var(--color-brand-rc-700);
  --color-text-action-secondary-invert: var(--color-brand-rc-100);
  --color-text-brand: var(--color-brand-rc-500);
  --color-text-brand-invert: var(--color-brand-rc-300);
  --color-text-error: var(--color-functional-red-dark);
  --color-text-information: var(--color-functional-blue-dark);
  --color-text-invert: var(--color-white);
  --color-text-primary: var(--color-black);
  --color-text-secondary: var(--color-grey-600);
  --color-text-secondary-invert: var(--color-grey-300);
  --color-text-success: var(--color-functional-green-dark);
  --color-text-success-secondary: var(--color-functional-green-mid);
  --color-text-tertiary: var(--color-grey-800);
  --color-text-warning: var(--color-functional-orange-dark);
  /* number */
  --radius-s: var(--radius-1);
  --radius-m: var(--radius-2);
  --radius-l: var(--radius-3);
  --radius-full: var(--radius-7);
  --spacing-none: 0rem;
  --spacing-2xs: var(--spacing-1);
  --spacing-xs: var(--spacing-2);
  --spacing-s: var(--spacing-3);
  --spacing-m: var(--spacing-4);
  --spacing-l: var(--spacing-5);
  --spacing-xl: var(--spacing-6);
  --spacing-2xl: var(--spacing-7);
  --spacing-3xl: var(--spacing-8);
  --spacing-4xl: var(--spacing-9);
  --spacing-desktop-margin: 3.75rem;
  --spacing-5xl: var(--spacing-10);
  --spacing-6xl: var(--spacing-11);
  --spacing-7xl: var(--spacing-12);
}

@media screen and (max-width: 360px) {
/* Tokens - Typography */
:root {
  /* RC Mobile */
  /* number */
  --text-font-size-micro: var(--text-font-size-100);
  --text-font-size-meta: var(--text-font-size-125);
  --text-font-size-body-m: var(--text-font-size-150);
  --text-font-size-cta: var(--text-font-size-150);
  --text-font-size-form-m: var(--text-font-size-150);
  --text-font-size-link-m: var(--text-font-size-150);
  --text-font-size-title-2xs: var(--text-font-size-150);
  --text-font-size-body-l: var(--text-font-size-175);
  --text-font-size-form-l: var(--text-font-size-175);
  --text-font-size-intro-m: var(--text-font-size-175);
  --text-font-size-link-l: var(--text-font-size-175);
  --text-font-size-title-xs: var(--text-font-size-175);
  --text-font-size-intro-l: var(--text-font-size-200);
  --text-font-size-link-xl: var(--text-font-size-200);
  --text-font-size-title-s: var(--text-font-size-200);
  --text-font-size-title-m: var(--text-font-size-250);
  --text-font-size-title-l: var(--text-font-size-300);
  --text-font-size-title-xl: var(--text-font-size-350);
  --text-font-size-title-2xl: var(--text-font-size-450);
  --text-line-height-micro: var(--text-line-height-75);
  --text-line-height-cta: var(--text-line-height-125);
  --text-line-height-form-m: var(--text-line-height-125);
  --text-line-height-link-m: var(--text-line-height-125);
  --text-line-height-meta: var(--text-line-height-125);
  --text-line-height-form-l: var(--text-line-height-175);
  --text-line-height-link-l: var(--text-line-height-175);
  --text-line-height-body-m: var(--text-line-height-225);
  --text-line-height-intro-m: var(--text-line-height-225);
  --text-line-height-link-xl: var(--text-line-height-225);
  --text-line-height-title-2xs: var(--text-line-height-225);
  --text-line-height-title-s: var(--text-line-height-225);
  --text-line-height-title-xs: var(--text-line-height-225);
  --text-line-height-title-m: var(--text-line-height-275);
  --text-line-height-body-l: var(--text-line-height-325);
  --text-line-height-intro-l: var(--text-line-height-325);
  --text-line-height-title-l: var(--text-line-height-325);
  --text-line-height-title-xl: var(--text-line-height-425);
  --text-line-height-title-2xl: var(--text-line-height-500);
  /* string */
  --text-font-family-rc-standard: var(--text-font-family-rc-standard-global-sans);
  --text-font-weight-black: var(--text-font-weight-700);
  --text-font-weight-bold: var(--text-font-weight-600);
  --text-font-weight-light: var(--text-font-weight-300);
  --text-font-weight-medium: var(--text-font-weight-500);
  --text-font-weight-regular: var(--text-font-weight-400);
}

}
@media (prefers-color-scheme: dark) {
  html[data-theme-dark-auto='true'] {
    --ds-theme: dark;
  }
}

html[data-theme='dark'] {
  --ds-theme: dark;
}

html[data-theme='light'] {
  --ds-theme: light;
}

@container style(--ds-theme: dark) {
  @import './dark-theme.css';
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}