:root {
  /* Colors — Primary */
  --color-primary: #f5f5f7;
  --color-secondary: #0071e3;
  --color-accent: #fafafc;

  /* Colors — Neutrals */
  --color-neutral-50: #000000;
  --color-neutral-100: #1d1d1f;
  --color-neutral-200: #333336;
  --color-neutral-300: #6e6e73;
  --color-neutral-400: #e8e8ed;
  --color-neutral-500: #d2d2d7;
  --color-neutral-600: #443c2a;

  /* Colors — Backgrounds */
  --color-bg: #ffffff;
  --color-bg-1: #fafafc;
  --color-bg-2: #e8e8ed;
  --color-bg-3: #f5f5f7;
  --color-bg-4: #000000;
  --color-bg-5: #f4f8fb;
  --color-bg-6: #140a12;
  --color-bg-7: #9fc6f4;
  --color-bg-8: #ea33c0;
  --color-bg-9: #443c2a;
  --color-bg-10: #3397d4;
  --color-bg-11: #450a54;
  --color-bg-12: #5d4a32;

  /* Colors — Text */
  --color-text: #000000;
  --color-text-1: #1d1d1f;
  --color-text-2: #ffffff;
  --color-text-3: #6e6e73;
  --color-text-4: #333336;

  /* Typography — Families */
  --font-sans: 'SF Pro Text', sans-serif;
  --font-heading: 'SF Pro Display', sans-serif;
  --font-font-2: 'Arial', sans-serif;

  /* Typography — Scale */
  --font-size-56: 56px;
  --font-size-44: 44px;
  --font-size-40: 40px;
  --font-size-34: 34px;
  --font-size-28: 28px;
  --font-size-25.5: 25.5px;
  --font-size-24: 24px;
  --font-size-21: 21px;
  --font-size-18: 18px;
  --font-size-17: 17px;
  --font-size-14: 14px;
  --font-size-13.3333: 13.3333px;

  /* Spacing */
  --spacing-1: 1px;
  --spacing-4: 4px;
  --spacing-24: 24px;
  --spacing-26: 26px;
  --spacing-29: 29px;
  --spacing-32: 32px;
  --spacing-34: 34px;
  --spacing-37: 37px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-48: 48px;
  --spacing-53: 53px;
  --spacing-56: 56px;
  --spacing-59: 59px;
  --spacing-80: 80px;
  --spacing-84: 84px;
  --spacing-88: 88px;
  --spacing-114: 114px;
  --spacing-128: 128px;

  /* Border Radius */
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 11px;
  --radius-full: 50px;
  --radius-full: 980px;
  --radius-full: 999px;

  /* Box Shadows */
  --shadow-xl: rgba(0, 0, 0, 0.22) 3px 5px 30px 0px;

  /* Original Site Variables */
  /* — colors — */
  --sk-focus-color: #0071e3;
  --sk-focus-color-alt: rgb(0, 0, 0);
  --sk-body-text-color: rgb(29, 29, 31);
  --sk-headline-text-color: rgb(29, 29, 31);
  --sk-body-background-color: rgb(255, 255, 255);
  --sk-body-link-color: rgb(0, 102, 204);
  --sk-glyph-gray-secondary: rgb(110, 110, 115);
  --sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, 0.56);
  --sk-glyph-gray-secondary-alt: rgb(66, 66, 69);
  --sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, 0.72);
  --sk-fill-secondary: rgb(250, 250, 252);
  --sk-fill-gray-secondary: rgb(134, 134, 139);
  --sk-fill-gray-secondary-alpha: rgba(0, 0, 0, 0.48);
  --sk-fill-orange-secondary: rgb(255, 249, 244);
  --sk-fill-green-secondary: rgb(245, 255, 246);
  --sk-fill-red-secondary: rgb(255, 242, 244);
  --sk-fill-yellow-secondary: rgb(255, 254, 242);
  /* — spacing — */
  --sk-default-stacked-margin: 0.4em;
  --sk-paragraph-plus-element-margin: 0.8em;
  --sk-headline-plus-first-element-margin: 0.8em;
  --sk-headline-plus-headline-margin: 0.4em;
  --sk-paragraph-plus-headline-margin: 1.6em;
  --sk-footnote-font-size: 0.6em;
  --sk-footnote-reduced-font-size: .45em;
  --media-gallery-section-padding-bottom: var(--media-gallery-dotnav-gap);
  --media-gallery-tile-gap: 13px;
  --media-gallery-dotnav-gap: 12px;
  --media-gallery-dotnav-iconcontrol-margin-top: unset;
  --media-gallery-dotnav-iconcontrol-margin-right: calc(12px + env(safe-area-inset-right));
  --media-gallery-genre-m-dot-padding: 0.25em;
  --media-gallery-button-margin-top: 0;
  --media-gallery-headline-margin-bottom: 26px;
  --media-gallery-bottom-content-padding-left: 48px;
  --media-gallery-bottom-content-padding-bottom: 40px;
  --media-gallery-bottom-content-padding-right: 48px;
  /* — typography — */
  --r-localnav-text-zoom-factor: 1;
  --sk-body-font-stack: text;
  /* — other — */
  --r-globalnav-background-opened: #fafafc;
  --r-globalnav-background-opened-dark: #161617;
  --sk-focus-offset: 1px;
  --sk-focus-offset-container: 3px;
  --r-localnav-height: calc(52px * var(--r-localnav-text-zoom-factor));
  --r-localnav-stacked-height: calc(66px * var(--r-localnav-text-zoom-factor));
  --r-localnav-gn-height: var(--r-globalnav-height, 44px);
  --r-localnav-viewport-large-min-width: 1024px;
  --r-localnav-viewport-large-query: min-width(1024px);
  --r-localnav-viewport-medium-min-width: 834px;
  --r-localnav-viewport-medium-max-width: 1023px;
  --r-localnav-viewport-medium-query: min-width(834px);
  --r-localnav-viewport-small-min-width: 320px;
  --r-localnav-viewport-small-max-width: 833px;
  --r-localnav-viewport-small-query: min-width(320px);
  --sk-link-disabled-opacity: 0.42;
  --sk-footnote-offset-top: -0.5em;
  --sk-glyph: rgb(0, 0, 0);
  --sk-glyph-gray: rgb(29, 29, 31);
  --sk-glyph-gray-alpha: rgba(0, 0, 0, 0.88);
  --sk-glyph-gray-tertiary: rgb(134, 134, 139);
  --sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, 0.48);
  --sk-glyph-blue: rgb(0, 102, 204);
  --sk-glyph-orange: rgb(182, 68, 0);
  --sk-glyph-green: rgb(0, 128, 9);
  --sk-glyph-red: rgb(227, 0, 0);
  --sk-fill: rgb(255, 255, 255);
  --sk-fill-tertiary: rgb(245, 245, 247);
  --sk-fill-gray: rgb(29, 29, 31);
  --sk-fill-gray-alpha: rgba(0, 0, 0, 0.88);
  --sk-fill-gray-tertiary: rgb(210, 210, 215);
  --sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, 0.16);
  --sk-fill-gray-quaternary: rgb(232, 232, 237);
  --sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, 0.08);
  --sk-fill-blue: rgb(0, 113, 227);
  --sk-fill-orange: rgb(245, 99, 0);
  --sk-fill-green: rgb(3, 161, 14);
  --sk-fill-red: rgb(227, 0, 0);
  --sk-fill-yellow: rgb(255, 224, 69);
  --sk-productred: rgb(175, 30, 45);
  --sk-enviro-green: rgb(0, 217, 89);
  --sk-enviro-neutral: rgb(232, 232, 237);
  --sk-footnote-reduced-offset-top: -.86em;
  --globalnav-height: 44px;
  --globalnav-collective-height: var(--globalnav-height);
  --hero-content-height: 580px;
  --promo-content-height: 580px;
  --media-gallery-bottom-copy-duration: 600ms;
  --media-gallery-slide-duration: 800ms;
  --media-gallery-longnote-position-left: 18px;
  --media-gallery-tile-width: 930px;
  --media-gallery-tile-height: 523px;
  --fam-gallery-tile-height: 234px;
  --r-sk-safe-area-inset-start: 0px;
  --r-localeswitcher-height: 70px;
  --r-globalmessage-segment-height: 0px;
  --r-globalnav-height: 44px;
  --r-sk-start: left;
  --r-sk-safe-area-inset-end: 0px;
  --r-globalnav-segmentbar-height: 0px;
  --r-sk-logical-factor: 1;
  --r-sk-end: right;
  /* — dependencies — */
  --r-localnav-height: --r-localnav-text-zoom-factor;
  --r-localnav-stacked-height: --r-localnav-text-zoom-factor;
  --r-localnav-gn-height: --r-globalnav-height;
  --globalnav-collective-height: --globalnav-height;
  --media-gallery-section-padding-bottom: --media-gallery-dotnav-gap;
  /* — semantic — */
  success: [object Object];
  warning: [object Object];
  error: [object Object];
  info: [object Object];

}