/* stylelint-disable */

/* reference tokens */
:root {
  --ref-font-family-primary: 'Open Sans', Verdana, Geneva, sans-serif;
  --ref-font-family-symbol: symbolFont, sans-serif;

  --ref-font-size-title-xxl: 2.5rem;
  --ref-line-height-title-xxl: 1.25;
  --ref-font-size-subtitle-xxl: 2rem;
  --ref-line-height-subtitle-xxl: 1.25;
  --ref-font-size-title-xl: 2rem;
  --ref-line-height-title-xl: 1.25;
  --ref-font-size-subtitle-xl: 1.5rem;
  --ref-line-height-subtitle-xl: 1.25;
  --ref-font-size-title-lg: 1.5rem;
  --ref-line-height-title-lg: 1.25;
  --ref-font-size-subtitle-lg: 1.25rem;
  --ref-line-height-subtitle-lg: 1.5;
  --ref-font-size-title-md: 1.25rem;
  --ref-line-height-title-md: 1.25;
  --ref-font-size-subtitle-md: 1.125rem;
  --ref-line-height-subtitle-md: 1.2222;
  --ref-font-size-title-sm: 1.125rem;
  --ref-line-height-title-sm: 1.25;
  --ref-font-size-subtitle-sm: 1rem;
  --ref-line-height-subtitle-sm: 1.25;
  --ref-font-size-body: 1rem;
  --ref-line-height-body: 1.5;
  --ref-font-size-small: 0.875rem;
  --ref-line-height-small: 1.5;
  --ref-font-size-caption: 0.75rem;
  --ref-line-height-caption: 1.5;
  --ref-font-size-superscript: 0.5rem;
  --ref-line-height-superscript: 1.5;

  --ref-font-weight-bold: 700;
  --ref-font-weight-medium: 600;
  --ref-font-weight-regular: 400;

  --ref-border-radius-none: 0;
  --ref-border-radius-sm: 0.125rem;
  --ref-border-radius-default: 0.25rem;
  --ref-border-radius-lg: 0.5rem;
  --ref-border-radius-3xl: 1.5rem;
  --ref-border-radius-full: 9999px;

  --ref-box-shadow-elevation-1: 0 1px 4px rgb(78 81 98 / 25%);
  --ref-box-shadow-elevation-2: 0 2px 8px rgb(78 81 98 / 25%);
  --ref-box-shadow-elevation-3: 0 3px 12px rgb(78 81 98 / 30%);
  --ref-box-shadow-elevation-4: 0 4px 16px rgb(78 81 98 / 30%);

  --ref-glyph-play-circle: '\23f5';
  --ref-glyph-phone-app: '\1f4f2';
  --ref-glyph-weddings: '\e900';
  --ref-glyph-logo: '\76';
  --ref-glyph-brand: '\56';
  --ref-glyph-logo-cta: '\3e';
  --ref-glyph-search: '\2315';
  --ref-glyph-star: '\2605';
  --ref-glyph-star-half: '\2729';
  --ref-glyph-bed: '\2124';
  --ref-glyph-yes: '\2713';
  --ref-glyph-no: '\2715';
  --ref-glyph-yes-em: '\2714';
  --ref-glyph-no-em: '\2716';
  --ref-glyph-deal: '\27b3';
  --ref-glyph-fenced: '\27bd';
  --ref-glyph-mark: '\2352';
  --ref-glyph-left: '\2190';
  --ref-glyph-up: '\2191';
  --ref-glyph-right: '\2192';
  --ref-glyph-down: '\2193';
  --ref-glyph-left-em: '\25c0';
  --ref-glyph-up-em: '\25b2';
  --ref-glyph-right-em: '\25b6';
  --ref-glyph-down-em: '\25bc';
  --ref-glyph-chat: '\270d';
  --ref-glyph-my-account: '\270c';
  --ref-glyph-phone: '\2706';
  --ref-glyph-people: '\263b';
  --ref-glyph-nav: '\2261';
  --ref-glyph-home: '\2302';
  --ref-glyph-dropdown: '\21b2';
  --ref-glyph-suitcase: '\2318';
  --ref-glyph-hotel: '\25a4';
  --ref-glyph-tour: '\2601';
  --ref-glyph-club: '\263e';
  --ref-glyph-air: '\2708';
  --ref-glyph-event: '\2604';
  --ref-glyph-like: '\2764';
  --ref-glyph-dislike: '\2620';
  --ref-glyph-zoom-in: '\2295';
  --ref-glyph-zoom-out: '\2296';
  --ref-glyph-bullet: '\2022';
  --ref-glyph-blank: '\2001';
  --ref-glyph-dollar: '\0024';
  --ref-glyph-lock: '\232e';
  --ref-glyph-lock-2: '\e600';
  --ref-glyph-mic: '\e91e';
  --ref-glyph-facebook-em: '\ff46';
  --ref-glyph-facebook: '\24d5';
  --ref-glyph-twitter: '\24e3';
  --ref-glyph-pinterest: '\24df';
  --ref-glyph-google-plus: '\24d6';
  --ref-glyph-instagram: '\24d8';
  --ref-glyph-calendar: '\25A6';
  --ref-glyph-plus: '\002B';
  --ref-glyph-minus: '\2212';
  --ref-glyph-key: '\2767';
  --ref-glyph-clock: '\231A';
  --ref-glyph-print: '\229F';
  --ref-glyph-eat: '\229a';
  --ref-glyph-attraction: '\e601';
  --ref-glyph-cart: '\2584';
  --ref-glyph-hearts: '\2665';
  --ref-glyph-more: '\2026';
  --ref-glyph-in: '\2348';
  --ref-glyph-out: '\2347';
  --ref-glyph-question: '\003f';
  --ref-glyph-brand-lock: '\1f512';
  --ref-glyph-female: '\2640';
  --ref-glyph-male: '\2642';
  --ref-glyph-filter: '\1f50d';
  --ref-glyph-info: '\e906';
  --ref-glyph-heart-on: '\1f49c';
  --ref-glyph-heart-off: '\1f49f';
  --ref-glyph-shower: '\244a';
  --ref-glyph-heart-clear: '\01F49F';
  --ref-glyph-moon: '\263D';
  --ref-glyph-tickets: '\2604';
  --ref-glyph-drink: '\263e';
  --ref-glyph-plane: '\2708';
  --ref-glyph-ferris-wheel: '\e601';
  --ref-glyph-helicopter: '\2601';
}

/* system tokens */
:root {
  --sys-color-background-urgent: var(--colorLobsterBuffet,
      var(--colorlobsterbuffet));
  --sys-color-background-loading: var(--colorHangover400,
      var(--colorhangover400));

  --sys-color-on-urgent: var(--colorWedding, var(--colorwedding));

  --sys-color-scrollbar: rgba(0, 0, 0, 0.5) transparent;
}

:root {
  /* colors (No Aliasing is allowed) */
  --colorAirFreshener: #3e5233;
  --colorAstroturf: #6cbf60;
  --colorBarfly: #272727;
  --colorBananaHammock: #f2ea24;
  --colorBlackjack: #000000;
  --colorBlush: #e6525d;
  --colorCougar: #d6d6d6;
  --colorDesertRose: #eb635d;
  --colorDragQueen: #ea2690;
  --colorDumbBlonde: #e9d689;
  --colorEyeshadow: #895e95;
  --colorHangover: #6b6c7a;
  --colorLastCall: #7392cb;
  --colorLobsterBuffet: #cc3944;
  --colorMargarita: #cedc28;
  --colorMidnight: #424242;
  --colorMirage: #28a7df;
  --colorNicotine: #e6c250;
  --colorNightDress: #333;
  --colorOasis: #118870;
  --colorOxygenTank: #ebeced;
  --colorSilverFox: #b3bfc5;
  --colorSkinnyDip: #398e94;
  --colorSpraytan: #dea82b;
  --colorSuedeShoes: #3f63ae;
  --colorSunburn: #e08462;
  --colorTumbleweed: #a2a47f;
  --colorVegasOrange: #f48721;
  --colorVegasOrangeLite: #fab721;
  --colorVegasOrangeLvc: #f9941e;
  --colorFadedOrange: #fef0d2;
  --colorWedding: #ffffff;
  --colorYucca: #cfca86;
  --colorVegasBlue: #25a8e0;
  --colorVegasPink: #ec2091;
  --colorSeatSectionA: #3f63ae;
  --colorSeatSectionB: #6cbf60;
  --colorSeatSectionC: #fdcc12;
  --colorSeatSectionD: #cc79a7;
  --colorSeatSectionE: #0099ff;
  --colorSeatSectionF: #895e93;
  --colorSeatSectionG: #ff6b35;
  --colorSeatSectionH: #00d4aa;
  --colorSeatSectionI: #a8e063;
  --colorSeatSectionJ: #e63946;
  --colorSeatSectionK: #ff006e;
  --colorSeatSectionL: #7209b7;
  --colorSeatSectionM: #06d6a0;
  --colorSeatSectionN: #8b9a46;
  --colorSeatSectionO: #ff8c42;
  --colorSeatSectionP: #b388eb;
  --colorSeatSectionQ: #4ecdc4;
  --colorSeatSectionR: #ffb627;
  --colorSeatSectionS: #f72585;
  --colorSeatSectionT: #4cc9f0;
  --colorSeatSectionU: #ff9f66;
  --colorSeatSectionV: #9d4edd;
  --colorSeatSectionW: #06a77d;
  --colorSeatSectionX: #ffd23f;
  --colorSeatSectionY: #1a659e;
  --colorSeatSectionZ: #c1121f;
  --colorForest: #2f7000;
  --colorLightBackdrop: #e9e9f1;
  /* seat selection colors and variants - camelCase aliases */
  --colorSeatSectionALight: var(--color-seat-section-a-light);
  --colorSeatSectionADark: var(--color-seat-section-a-dark);
  --colorSeatSectionAVeryDark: var(--color-seat-section-a-very-dark);
  --colorSeatSectionAVeryLight: var(--color-seat-section-a-very-light);
  --colorSeatSectionBLight: var(--color-seat-section-b-light);
  --colorSeatSectionBDark: var(--color-seat-section-b-dark);
  --colorSeatSectionBVeryDark: var(--color-seat-section-b-very-dark);
  --colorSeatSectionBVeryLight: var(--color-seat-section-b-very-light);
  --colorSeatSectionCLight: var(--color-seat-section-c-light);
  --colorSeatSectionCDark: var(--color-seat-section-c-dark);
  --colorSeatSectionCVeryDark: var(--color-seat-section-c-very-dark);
  --colorSeatSectionCVeryLight: var(--color-seat-section-c-very-light);
  --colorSeatSectionDLight: var(--color-seat-section-d-light);
  --colorSeatSectionDDark: var(--color-seat-section-d-dark);
  --colorSeatSectionDVeryDark: var(--color-seat-section-d-very-dark);
  --colorSeatSectionDVeryLight: var(--color-seat-section-d-very-light);
  --colorSeatSectionELight: var(--color-seat-section-e-light);
  --colorSeatSectionEDark: var(--color-seat-section-e-dark);
  --colorSeatSectionEVeryDark: var(--color-seat-section-e-very-dark);
  --colorSeatSectionEVeryLight: var(--color-seat-section-e-very-light);
  --colorSeatSectionFLight: var(--color-seat-section-f-light);
  --colorSeatSectionFDark: var(--color-seat-section-f-dark);
  --colorSeatSectionFVeryDark: var(--color-seat-section-f-very-dark);
  --colorSeatSectionFVeryLight: var(--color-seat-section-f-very-light);
  --colorSeatSectionGLight: var(--color-seat-section-g-light);
  --colorSeatSectionGDark: var(--color-seat-section-g-dark);
  --colorSeatSectionGVeryDark: var(--color-seat-section-g-very-dark);
  --colorSeatSectionGVeryLight: var(--color-seat-section-g-very-light);
  --colorSeatSectionHLight: var(--color-seat-section-h-light);
  --colorSeatSectionHDark: var(--color-seat-section-h-dark);
  --colorSeatSectionHVeryDark: var(--color-seat-section-h-very-dark);
  --colorSeatSectionHVeryLight: var(--color-seat-section-h-very-light);
  --colorSeatSectionILight: var(--color-seat-section-i-light);
  --colorSeatSectionIDark: var(--color-seat-section-i-dark);
  --colorSeatSectionIVeryDark: var(--color-seat-section-i-very-dark);
  --colorSeatSectionIVeryLight: var(--color-seat-section-i-very-light);
  --colorSeatSectionJLight: var(--color-seat-section-j-light);
  --colorSeatSectionJDark: var(--color-seat-section-j-dark);
  --colorSeatSectionJVeryDark: var(--color-seat-section-j-very-dark);
  --colorSeatSectionJVeryLight: var(--color-seat-section-j-very-light);
  --colorSeatSectionKLight: var(--color-seat-section-k-light);
  --colorSeatSectionKDark: var(--color-seat-section-k-dark);
  --colorSeatSectionKVeryDark: var(--color-seat-section-k-very-dark);
  --colorSeatSectionKVeryLight: var(--color-seat-section-k-very-light);
  --colorSeatSectionLLight: var(--color-seat-section-l-light);
  --colorSeatSectionLDark: var(--color-seat-section-l-dark);
  --colorSeatSectionLVeryDark: var(--color-seat-section-l-very-dark);
  --colorSeatSectionLVeryLight: var(--color-seat-section-l-very-light);
  --colorSeatSectionMLight: var(--color-seat-section-m-light);
  --colorSeatSectionMDark: var(--color-seat-section-m-dark);
  --colorSeatSectionMVeryDark: var(--color-seat-section-m-very-dark);
  --colorSeatSectionMVeryLight: var(--color-seat-section-m-very-light);
  --colorSeatSectionNLight: var(--color-seat-section-n-light);
  --colorSeatSectionNDark: var(--color-seat-section-n-dark);
  --colorSeatSectionNVeryDark: var(--color-seat-section-n-very-dark);
  --colorSeatSectionNVeryLight: var(--color-seat-section-n-very-light);
  --colorSeatSectionOLight: var(--color-seat-section-o-light);
  --colorSeatSectionODark: var(--color-seat-section-o-dark);
  --colorSeatSectionOVeryDark: var(--color-seat-section-o-very-dark);
  --colorSeatSectionOVeryLight: var(--color-seat-section-o-very-light);
  --colorSeatSectionPLight: var(--color-seat-section-p-light);
  --colorSeatSectionPDark: var(--color-seat-section-p-dark);
  --colorSeatSectionPVeryDark: var(--color-seat-section-p-very-dark);
  --colorSeatSectionPVeryLight: var(--color-seat-section-p-very-light);
  --colorSeatSectionQLight: var(--color-seat-section-q-light);
  --colorSeatSectionQDark: var(--color-seat-section-q-dark);
  --colorSeatSectionQVeryDark: var(--color-seat-section-q-very-dark);
  --colorSeatSectionQVeryLight: var(--color-seat-section-q-very-light);
  --colorSeatSectionRLight: var(--color-seat-section-r-light);
  --colorSeatSectionRDark: var(--color-seat-section-r-dark);
  --colorSeatSectionRVeryDark: var(--color-seat-section-r-very-dark);
  --colorSeatSectionRVeryLight: var(--color-seat-section-r-very-light);
  --colorSeatSectionSLight: var(--color-seat-section-s-light);
  --colorSeatSectionSDark: var(--color-seat-section-s-dark);
  --colorSeatSectionSVeryDark: var(--color-seat-section-s-very-dark);
  --colorSeatSectionSVeryLight: var(--color-seat-section-s-very-light);
  --colorSeatSectionTLight: var(--color-seat-section-t-light);
  --colorSeatSectionTDark: var(--color-seat-section-t-dark);
  --colorSeatSectionTVeryDark: var(--color-seat-section-t-very-dark);
  --colorSeatSectionTVeryLight: var(--color-seat-section-t-very-light);
  --colorSeatSectionULight: var(--color-seat-section-u-light);
  --colorSeatSectionUDark: var(--color-seat-section-u-dark);
  --colorSeatSectionUVeryDark: var(--color-seat-section-u-very-dark);
  --colorSeatSectionUVeryLight: var(--color-seat-section-u-very-light);
  --colorSeatSectionVLight: var(--color-seat-section-v-light);
  --colorSeatSectionVDark: var(--color-seat-section-v-dark);
  --colorSeatSectionVVeryDark: var(--color-seat-section-v-very-dark);
  --colorSeatSectionVVeryLight: var(--color-seat-section-v-very-light);
  --colorSeatSectionWLight: var(--color-seat-section-w-light);
  --colorSeatSectionWDark: var(--color-seat-section-w-dark);
  --colorSeatSectionWVeryDark: var(--color-seat-section-w-very-dark);
  --colorSeatSectionWVeryLight: var(--color-seat-section-w-very-light);
  --colorSeatSectionXLight: var(--color-seat-section-x-light);
  --colorSeatSectionXDark: var(--color-seat-section-x-dark);
  --colorSeatSectionXVeryDark: var(--color-seat-section-x-very-dark);
  --colorSeatSectionXVeryLight: var(--color-seat-section-x-very-light);
  --colorSeatSectionYLight: var(--color-seat-section-y-light);
  --colorSeatSectionYDark: var(--color-seat-section-y-dark);
  --colorSeatSectionYVeryDark: var(--color-seat-section-y-very-dark);
  --colorSeatSectionYVeryLight: var(--color-seat-section-y-very-light);
  --colorSeatSectionZLight: var(--color-seat-section-z-light);
  --colorSeatSectionZDark: var(--color-seat-section-z-dark);
  --colorSeatSectionZVeryDark: var(--color-seat-section-z-very-dark);
  --colorSeatSectionZVeryLight: var(--color-seat-section-z-very-light);
  /* seat selection colors and variants */
  --color-seat-section-a: hsl(221, 47%, 46%);
  --color-seat-section-a-dark: hsl(221, 47%, 33%);
  --color-seat-section-a-very-dark: hsl(221, 47%, 11%);
  --color-seat-section-a-light: hsl(221, 47%, 83%);
  --color-seat-section-a-very-light: hsl(221, 47%, 93%);

  --color-seat-section-b: hsl(112, 43%, 56%);
  --color-seat-section-b-dark: hsl(112, 43%, 33%);
  --color-seat-section-b-very-dark: hsl(112, 43%, 11%);
  --color-seat-section-b-light: hsl(112, 43%, 83%);
  --color-seat-section-b-very-light: hsl(112, 43%, 93%);

  --color-seat-section-c: hsl(47, 98%, 53%);
  --color-seat-section-c-dark: hsl(47, 98%, 33%);
  --color-seat-section-c-very-dark: hsl(47, 98%, 11%);
  --color-seat-section-c-light: hsl(47, 98%, 83%);
  --color-seat-section-c-very-light: hsl(47, 98%, 93%);

  --color-seat-section-d: hsl(327, 45%, 64%);
  --color-seat-section-d-dark: hsl(327, 45%, 33%);
  --color-seat-section-d-very-dark: hsl(327, 45%, 11%);
  --color-seat-section-d-light: hsl(327, 45%, 83%);
  --color-seat-section-d-very-light: hsl(327, 45%, 93%);

  --color-seat-section-e: hsl(204, 100%, 50%);
  --color-seat-section-e-dark: hsl(204, 100%, 33%);
  --color-seat-section-e-very-dark: hsl(204, 100%, 11%);
  --color-seat-section-e-light: hsl(204, 100%, 83%);
  --color-seat-section-e-very-light: hsl(204, 100%, 93%);

  --color-seat-section-f: hsl(289, 22%, 47%);
  --color-seat-section-f-dark: hsl(289, 22%, 33%);
  --color-seat-section-f-very-dark: hsl(289, 22%, 11%);
  --color-seat-section-f-light: hsl(289, 22%, 83%);
  --color-seat-section-f-very-light: hsl(289, 22%, 93%);

  --color-seat-section-g: hsl(14, 100%, 60%);
  --color-seat-section-g-dark: hsl(14, 100%, 33%);
  --color-seat-section-g-very-dark: hsl(14, 100%, 11%);
  --color-seat-section-g-light: hsl(14, 100%, 83%);
  --color-seat-section-g-very-light: hsl(14, 100%, 93%);

  --color-seat-section-h: hsl(168, 100%, 42%);
  --color-seat-section-h-dark: hsl(168, 100%, 33%);
  --color-seat-section-h-very-dark: hsl(168, 100%, 11%);
  --color-seat-section-h-light: hsl(168, 100%, 83%);
  --color-seat-section-h-very-light: hsl(168, 100%, 93%);

  --color-seat-section-i: hsl(88, 60%, 64%);
  --color-seat-section-i-dark: hsl(88, 60%, 33%);
  --color-seat-section-i-very-dark: hsl(88, 60%, 11%);
  --color-seat-section-i-light: hsl(88, 60%, 83%);
  --color-seat-section-i-very-light: hsl(88, 60%, 93%);

  --color-seat-section-j: hsl(354, 78%, 55%);
  --color-seat-section-j-dark: hsl(354, 78%, 33%);
  --color-seat-section-j-very-dark: hsl(354, 78%, 11%);
  --color-seat-section-j-light: hsl(354, 78%, 83%);
  --color-seat-section-j-very-light: hsl(354, 78%, 93%);

  --color-seat-section-k: hsl(330, 100%, 50%);
  --color-seat-section-k-dark: hsl(330, 100%, 33%);
  --color-seat-section-k-very-dark: hsl(330, 100%, 11%);
  --color-seat-section-k-light: hsl(330, 100%, 83%);
  --color-seat-section-k-very-light: hsl(330, 100%, 93%);

  --color-seat-section-l: hsl(271, 85%, 40%);
  --color-seat-section-l-dark: hsl(271, 85%, 33%);
  --color-seat-section-l-very-dark: hsl(271, 85%, 11%);
  --color-seat-section-l-light: hsl(271, 85%, 83%);
  --color-seat-section-l-very-light: hsl(271, 85%, 93%);

  --color-seat-section-m: hsl(165, 94%, 43%);
  --color-seat-section-m-dark: hsl(165, 94%, 33%);
  --color-seat-section-m-very-dark: hsl(165, 94%, 11%);
  --color-seat-section-m-light: hsl(165, 94%, 83%);
  --color-seat-section-m-very-light: hsl(165, 94%, 93%);

  --color-seat-section-n: hsl(72, 35%, 42%);
  --color-seat-section-n-dark: hsl(72, 35%, 33%);
  --color-seat-section-n-very-dark: hsl(72, 35%, 11%);
  --color-seat-section-n-light: hsl(72, 35%, 83%);
  --color-seat-section-n-very-light: hsl(72, 35%, 93%);

  --color-seat-section-o: hsl(20, 100%, 63%);
  --color-seat-section-o-dark: hsl(20, 100%, 33%);
  --color-seat-section-o-very-dark: hsl(20, 100%, 11%);
  --color-seat-section-o-light: hsl(20, 100%, 83%);
  --color-seat-section-o-very-light: hsl(20, 100%, 93%);

  --color-seat-section-p: hsl(260, 75%, 70%);
  --color-seat-section-p-dark: hsl(260, 75%, 33%);
  --color-seat-section-p-very-dark: hsl(260, 75%, 11%);
  --color-seat-section-p-light: hsl(260, 75%, 83%);
  --color-seat-section-p-very-light: hsl(260, 75%, 93%);

  --color-seat-section-q: hsl(177, 60%, 55%);
  --color-seat-section-q-dark: hsl(177, 60%, 33%);
  --color-seat-section-q-very-dark: hsl(177, 60%, 11%);
  --color-seat-section-q-light: hsl(177, 60%, 83%);
  --color-seat-section-q-very-light: hsl(177, 60%, 93%);

  --color-seat-section-r: hsl(42, 100%, 58%);
  --color-seat-section-r-dark: hsl(42, 100%, 33%);
  --color-seat-section-r-very-dark: hsl(42, 100%, 11%);
  --color-seat-section-r-light: hsl(42, 100%, 83%);
  --color-seat-section-r-very-light: hsl(42, 100%, 93%);

  --color-seat-section-s: hsl(332, 90%, 55%);
  --color-seat-section-s-dark: hsl(332, 90%, 33%);
  --color-seat-section-s-very-dark: hsl(332, 90%, 11%);
  --color-seat-section-s-light: hsl(332, 90%, 83%);
  --color-seat-section-s-very-light: hsl(332, 90%, 93%);

  --color-seat-section-t: hsl(195, 85%, 55%);
  --color-seat-section-t-dark: hsl(195, 85%, 33%);
  --color-seat-section-t-very-dark: hsl(195, 85%, 11%);
  --color-seat-section-t-light: hsl(195, 85%, 83%);
  --color-seat-section-t-very-light: hsl(195, 85%, 93%);

  --color-seat-section-u: hsl(25, 100%, 70%);
  --color-seat-section-u-dark: hsl(25, 100%, 33%);
  --color-seat-section-u-very-dark: hsl(25, 100%, 11%);
  --color-seat-section-u-light: hsl(25, 100%, 83%);
  --color-seat-section-u-very-light: hsl(25, 100%, 93%);

  --color-seat-section-v: hsl(270, 65%, 60%);
  --color-seat-section-v-dark: hsl(270, 65%, 33%);
  --color-seat-section-v-very-dark: hsl(270, 65%, 11%);
  --color-seat-section-v-light: hsl(270, 65%, 83%);
  --color-seat-section-v-very-light: hsl(270, 65%, 93%);

  --color-seat-section-w: hsl(165, 90%, 35%);
  --color-seat-section-w-dark: hsl(165, 90%, 33%);
  --color-seat-section-w-very-dark: hsl(165, 90%, 11%);
  --color-seat-section-w-light: hsl(165, 90%, 83%);
  --color-seat-section-w-very-light: hsl(165, 90%, 93%);

  --color-seat-section-x: hsl(48, 100%, 62%);
  --color-seat-section-x-dark: hsl(48, 100%, 33%);
  --color-seat-section-x-very-dark: hsl(48, 100%, 11%);
  --color-seat-section-x-light: hsl(48, 100%, 83%);
  --color-seat-section-x-very-light: hsl(48, 100%, 93%);

  --color-seat-section-y: hsl(210, 70%, 35%);
  --color-seat-section-y-dark: hsl(210, 70%, 33%);
  --color-seat-section-y-very-dark: hsl(210, 70%, 11%);
  --color-seat-section-y-light: hsl(210, 70%, 83%);
  --color-seat-section-y-very-light: hsl(210, 70%, 93%);

  --color-seat-section-z: hsl(355, 75%, 42%);
  --color-seat-section-z-dark: hsl(355, 75%, 33%);
  --color-seat-section-z-very-dark: hsl(355, 75%, 11%);
  --color-seat-section-z-light: hsl(355, 75%, 83%);
  --color-seat-section-z-very-light: hsl(355, 75%, 93%);
  /* color variants */
  --colorHangover900: #050506;
  --colorHangover800: #1f1f23;
  --colorHangover700: #383940;
  --colorHangover600: #52525d;
  --colorHangover500: #6b6c7a;
  --colorHangover400: #878893;
  --colorHangover300: #a3a4ad;
  --colorHangover200: #bfc0c6;
  --colorHangover100: #dcdcdf;
  --colorHangover50: #f8f8f8;
  --colorVegascomOrange900: #330f00;
  --colorVegascomOrange800: #662600;
  --colorVegascomOrange700: #994300;
  --colorVegascomOrange600: #cc6405;
  --colorVegascomOrange500: #f48721;
  --colorVegascomOrange400: #ffa438;
  --colorVegascomOrange300: #ffc05c;
  --colorVegascomOrange200: #ffda8a;
  --colorVegascomOrange100: #ffeeb8;
  --colorVegascomOrange50: #fffbe6;
  --colorLobsterBuffet900: #330000;
  --colorLobsterBuffet800: #660301;
  --colorLobsterBuffet700: #910c0d;
  --colorLobsterBuffet600: #b21f25;
  --colorLobsterBuffet500: #cc3944;
  --colorLobsterBuffet400: #e1515f;
  --colorLobsterBuffet300: #f16e7e;
  --colorLobsterBuffet200: #fc90a0;
  --colorLobsterBuffet100: #ffb8c5;
  --colorLobsterBuffet50: #ffe6ea;
  --colorSprayTan900: #332400;
  --colorSprayTan800: #664800;
  --colorSprayTan700: #996a00;
  --colorSprayTan600: #c48b11;
  --colorSprayTan500: #dea82b;
  --colorSprayTan400: #f3c243;
  --colorSprayTan300: #ffd960;
  --colorSprayTan200: #ffeb8a;
  --colorSprayTan100: #fff8b8;
  --colorSprayTan50: #ffffe6;
  --colorSuedeShoes900: #020a2e;
  --colorSuedeShoes800: #091a56;
  --colorSuedeShoes700: #152f79;
  --colorSuedeShoes600: #274896;
  --colorSuedeShoes500: #3f63ae;
  --colorSuedeShoes400: #5980c6;
  --colorSuedeShoes300: #769ed9;
  --colorSuedeShoes200: #97bce9;
  --colorSuedeShoes100: #bdd8f5;
  --colorSuedeShoes50: #e6f2fc;
  --colorOasis900: #002724;
  --colorOasis800: #004840;
  --colorOasis700: #006455;
  --colorOasis600: #027965;
  --colorOasis500: #118870;
  --colorOasis400: #32a78b;
  --colorOasis300: #5cc2a4;
  --colorOasis200: #8ad9bd;
  --colorOasis100: #b8ebd5;
  --colorOasis50: #e6f9f0;
  --colorEyeshadow900: #220e23;
  --colorEyeshadow800: #401e43;
  --colorEyeshadow700: #5a3060;
  --colorEyeshadow600: #73467b;
  --colorEyeshadow500: #895e93;
  --colorEyeshadow400: #9f77ab;
  --colorEyeshadow300: #b491c1;
  --colorEyeshadow200: #c9aed5;
  --colorEyeshadow100: #ddcce7;
  --colorEyeshadow50: #f3ecf7;
  --colorDragQueen500: #ea2690;
  --colorBananaHammock500: #f2ea24;
  --colorMirage500: #28a7df;
  --colorAstroturf500: #6cbf60;
  /* theming color vars */
  --colorBrand: var(--colorVegasOrange, var(--colorvegasorange));
  --colorBrandBackground: var(--colorVegasOrange, var(--colorvegasorange));
  --colorPrimaryPageBackground: var(--colorWedding, var(--colorwedding));
  --colorFramingBackground: var(--colorSilverFox, var(--colorsilverfox));
  --colorPrimaryText: var(--colorMidnight, var(--colormidnight));
  --color-primary-text-desktop: var(--colorHangover, var(--colorhangover));
  --colorPrimaryTextInverse: var(--colorWedding, var(--colorwedding));
  --colorPrimaryTextLink: var(--colorSuedeShoes, var(--colorsuedeshoes));
  --colorPrimaryBackground: var(--colorSuedeShoes, var(--colorsuedeshoes));
  --colorPrimaryBackgroundInverse: var(--colorWedding, var(--colorwedding));
  --colorSecondaryText: var(--colorEyeshadow, var(--coloreyeshadow));
  --colorSecondaryBackground: var(--colorEyeshadow, var(--coloreyeshadow));
  --colorLinkHover: var(--colorMirage, var(--colormirage));
  --colorLinkInactive: var(--colorOxygenTank, var(--coloroxygentank));
  --colorBorderPrimary: var(--colorCougar, var(--colorcougar));
  --colorBorderActive: var(--colorVegasOrange, var(--colorvegasorange));
  --colorBorderInactive: var(--colorOxygenTank, var(--coloroxygentank));
  --colorBase: var(--colorMidnight, var(--colormidnight));
  --colorMuted: var(--colorHangover, var(--colorhangover));
  --colorBannerPrimary: var(--colorVegasOrange, var(--colorvegasorange));
  /* glyphs */
  --glyphPlayCircle: 23f5;
  --glyphPhoneApp: 1f4f2;
  --glyphWeddings: e900;
  --glyphLogo: 76;
  --glyphBrand: 56;
  --glyphLogoCta: 3e;
  --glyphSearch: 2315;
  --glyphStar: 2605;
  --glyphStarHalf: 2729;
  --glyphBed: 2124;
  --glyphYes: 2713;
  --glyphNo: 2715;
  --glyphYesem: 2714;
  --glyphNoem: 2716;
  --glyphDeal: 27b3;
  --glyphFenced: 27bd;
  --glyphMark: 2352;
  --glyphLeft: 2190;
  --glyphUp: 2191;
  --glyphRight: 2192;
  --glyphDown: 2193;
  --glyphLeftem: 25c0;
  --glyphUpem: 25b2;
  --glyphRightem: 25b6;
  --glyphDownem: 25bc;
  --glyphChat: 270d;
  --glyphMyAccount: 270c;
  --glyphPhone: 2706;
  --glyphPeople: 263b;
  --glyphNav: 2261;
  --glyphHome: 2302;
  --glyphDropdown: 21b2;
  --glyphSuitcase: 2318;
  --glyphHotel: 25a4;
  --glyphTour: 2601;
  --glyphClub: 263e;
  --glyphAir: 2708;
  --glyphEvent: 2604;
  --glyphLike: 2764;
  --glyphDislike: 2620;
  --glyphZoomIn: 2295;
  --glyphZoomOut: 2296;
  --glyphBullet: 2022;
  --glyphBlank: 2001;
  --glyphDollar: 0024;
  --glyphLock: 232e;
  --glyphLock2: e600;
  --glyphMic: e91e;
  --glyphFacebookem: ff46;
  --glyphFacebook: 24d5;
  --glyphTwitter: 24e3;
  --glyphPinterest: 24df;
  --glyphGooglePlus: 24d6;
  --glyphInstagram: 24d8;
  --glyphCalendar: 25A6;
  --glyphPlus: 002B;
  --glyphMinus: 2212;
  --glyphKey: 2767;
  --glyphClock: 231A;
  --glyphPrint: 229F;
  --glyphEat: 229a;
  --glyphAttraction: e601;
  --glyphSports: e907;
  --glyphCart: 2584;
  --glyphHearts: 2665;
  --glyphMore: 2026;
  --glyphIn: 2348;
  --glyphOut: 2347;
  --glyphQuestion: 003f;
  --glyphBrandLock: 1f512;
  --glyphFemale: 2640;
  --glyphMale: 2642;
  --glyphFilter: 1f50d;
  --glyphInfo: e906;
  --glyphHeartOn: 1f49c;
  --glyphHeartOff: 1f49f;
  --glyphShower: 244a;
  --glyphHeartClear: 01F49F;
  --glyphMoon: 263D;
  --glyphTickets: 2604;
  --glyphDrink: 263e;
  --glyphPlane: 2708;
  --glyphFerrisWheel: e601;
  --glyphHelicopter: 2601;
  /* layout */
  --layoutLineHeightBase: 1.15;
  --layoutPageMaxWidth: 980;
  --layoutGridColumns: 24;
  --layoutGridGutterWidth: 12;
  --layoutSpacingLg: 8;
  --layoutSpacingMd: 4;
  --layoutSpacingSm: 2;
  --layoutContainerLg: 1152;
  --layoutContainerMd: 987;
  --layoutContainerSm: 756;
  --layoutContainerXs: 478;
  /* fonts */
  --fontPrimaryFamily: 'Open Sans', Verdana, Geneva, sans-serif;
  --fontHeaderFamily: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  --fontIconFamily: symbolFont, sans-serif;
  --fontBaseSize: 16;
  --fontBaseSizePx: 16px;
  --fontFakeIE: InternetExplorerNeedsHelpInC3;

  /* component tokens for  */
  --comp-color-header-background-main: var(--colorNightDress,
      var(--colornightdress));
  --comp-color-header-background-variant: var(--colorBarfly,
      var(--colorbarfly));

  --comp-color-header-nav-item-content: var(--colorHangover200,
      var(--colorhangover200));
  --comp-color-header-nav-item-content-inverse: var(--colorNightDress,
      var(--colornightdress));
  --comp-color-header-nav-item-content-hover: var(--colorBrand,
      var(--colorBrand));
  --comp-color-header-nav-item-bg-hover: var(--colorBrandBackground,
      var(--colorbrandbackground));
  --comp-color-header-dropdown-bg: var(--colorNightDress,
      var(--colornightdress));
  --comp-color-header-dropdown-bg-variant: var(--colorBarfly,
      var(--colorbarfly));
  --comp-color-header-divider: var(--colorNightDress, var(--colornightdress));
  --comp-color-header-border: var(--colorNightDress, var(--colornightdress));
}


:root {
  /* === Reference Tokens === */
  /* #region */

  /* font */
  /* #region */

  --ref-font-family-primary: 'Open Sans', verdana, geneva, sans-serif;
  --ref-font-family-symbol: symbolfont, sans-serif;

  --ref-font-size-title-xxl: 2.5rem;
  --ref-line-height-title-xxl: 1.25;
  --ref-font-size-subtitle-xxl: 2rem;
  --ref-line-height-subtitle-xxl: 1.25;
  --ref-font-size-title-xl: 2rem;
  --ref-line-height-title-xl: 1.25;
  --ref-font-size-subtitle-xl: 1.5rem;
  --ref-line-height-subtitle-xl: 1.25;
  --ref-font-size-title-lg: 1.5rem;
  --ref-line-height-title-lg: 1.25;
  --ref-font-size-subtitle-lg: 1.25rem;
  --ref-line-height-subtitle-lg: 1.5;
  --ref-font-size-title-md: 1.25rem;
  --ref-line-height-title-md: 1.25;
  --ref-font-size-subtitle-md: 1.125rem;
  --ref-line-height-subtitle-md: 1.2222;
  --ref-font-size-title-sm: 1.125rem;
  --ref-line-height-title-sm: 1.25;
  --ref-font-size-subtitle-sm: 1rem;
  --ref-line-height-subtitle-sm: 1.25;
  --ref-font-size-body: 1rem;
  --ref-line-height-body: 1.5;
  --ref-font-size-small: 0.875rem;
  --ref-line-height-small: 1.5;
  --ref-font-size-caption: 0.75rem;
  --ref-line-height-caption: 1.5;
  --ref-font-size-superscript: 0.5rem;
  --ref-line-height-superscript: 1.5;

  --ref-font-weight-extraBold: 800;
  --ref-font-weight-bold: 700;
  --ref-font-weight-medium: 600;
  --ref-font-weight-regular: 400;

  /* #endregion */

  /* icons */
  /* #region */
  --ref-glyph-play-circle: '\23f5';
  --ref-glyph-phone-app: '\1f4f2';
  --ref-glyph-weddings: '\e900';
  --ref-glyph-logo: '\76';
  --ref-glyph-brand: '\56';
  --ref-glyph-logo-cta: '\3e';
  --ref-glyph-search: '\2315';
  --ref-glyph-star: '\2605';
  --ref-glyph-star-half: '\2729';
  --ref-glyph-bed: '\2124';
  --ref-glyph-yes: '\2713';
  --ref-glyph-no: '\2715';
  --ref-glyph-yes-em: '\2714';
  --ref-glyph-no-em: '\2716';
  --ref-glyph-deal: '\27b3';
  --ref-glyph-fenced: '\27bd';
  --ref-glyph-mark: '\2352';
  --ref-glyph-left: '\2190';
  --ref-glyph-up: '\2191';
  --ref-glyph-right: '\2192';
  --ref-glyph-down: '\2193';
  --ref-glyph-left-em: '\25c0';
  --ref-glyph-up-em: '\25b2';
  --ref-glyph-right-em: '\25b6';
  --ref-glyph-down-em: '\25bc';
  --ref-glyph-chat: '\270d';
  --ref-glyph-mail: '\2709';
  --ref-glyph-my-account: '\270c';
  --ref-glyph-phone: '\2706';
  --ref-glyph-people: '\263b';
  --ref-glyph-nav: '\2261';
  --ref-glyph-home: '\2302';
  --ref-glyph-dropdown: '\21b2';
  --ref-glyph-suitcase: '\2318';
  --ref-glyph-hotel: '\25a4';
  --ref-glyph-tour: '\2601';
  --ref-glyph-club: '\263e';
  --ref-glyph-air: '\2708';
  --ref-glyph-event: '\2604';
  --ref-glyph-like: '\2764';
  --ref-glyph-dislike: '\2620';
  --ref-glyph-zoom-in: '\2295';
  --ref-glyph-zoom-out: '\2296';
  --ref-glyph-bullet: '\2022';
  --ref-glyph-blank: '\2001';
  --ref-glyph-dollar: '\0024';
  --ref-glyph-lock: '\232e';
  --ref-glyph-lock-2: '\e600';
  --ref-glyph-mic: '\e91e';
  --ref-glyph-facebook-em: '\ff46';
  --ref-glyph-facebook: '\24d5';
  --ref-glyph-twitter: '\24e3';
  --ref-glyph-pinterest: '\24df';
  --ref-glyph-google-plus: '\24d6';
  --ref-glyph-instagram: '\24d8';
  --ref-glyph-calendar: '\25A6';
  --ref-glyph-plus: '\002B';
  --ref-glyph-minus: '\2212';
  --ref-glyph-key: '\2767';
  --ref-glyph-clock: '\231A';
  --ref-glyph-print: '\229F';
  --ref-glyph-eat: '\229a';
  --ref-glyph-attraction: '\e601';
  --ref-glyph-cart: '\2584';
  --ref-glyph-hearts: '\2665';
  --ref-glyph-more: '\2026';
  --ref-glyph-in: '\2348';
  --ref-glyph-out: '\2347';
  --ref-glyph-question: '\003f';
  --ref-glyph-brand-lock: '\1f512';
  --ref-glyph-female: '\2640';
  --ref-glyph-male: '\2642';
  --ref-glyph-filter: '\1f50d';
  --ref-glyph-info: '\e906';
  --ref-glyph-heart-on: '\1f49c';
  --ref-glyph-heart-off: '\1f49f';
  --ref-glyph-shower: '\244a';
  --ref-glyph-heart-clear: '\01F49F';
  --ref-glyph-moon: '\263D';
  --ref-glyph-tickets: '\2604';
  --ref-glyph-drink: '\263e';
  --ref-glyph-plane: '\2708';
  --ref-glyph-ferris-wheel: '\e601';
  --ref-glyph-helicopter: '\2601';
  /* #endregion */

  /* border-radius */
  /* #region */
  --ref-border-radius-None: 0;
  --ref-border-radius-2XS: 0.125rem; /* 2px */
  --ref-border-radius-XS: 0.25rem; /* 4px */
  --ref-border-radius-SM: 0.5rem; /* 8px */
  --ref-border-radius-MD: 0.75rem; /* 12px */
  --ref-border-radius-LG: 1rem; /* 16px */
  --ref-border-radius-XL: 1.25rem; /* 20px */
  --ref-border-radius-Round: 1000px;
  /* #endregion */

  /* spacing */
  /* #region */
  --ref-spacing-None: 0;
  --ref-spacing-3XS: 0.0625rem; /* 1px */
  --ref-spacing-2XS: 0.125rem; /* 2px */
  --ref-spacing-XS: 0.25rem; /* 4px */
  --ref-spacing-SM: 0.5rem; /* 8px */
  --ref-spacing-MD: 0.75rem; /* 12px */
  --ref-spacing-LG: 1rem; /* 16px */
  --ref-spacing-XL: 1.25rem; /* 20px */
  --ref-spacing-2XL: 1.5rem; /* 24px */
  --ref-spacing-3XL: 2rem; /* 32px */
  --ref-spacing-4XL: 2.5rem; /* 40px */
  --ref-spacing-5XL: 3rem; /* 48px */
  --ref-spacing-6XL: 3.5rem; /* 56px */
  --ref-spacing-7XL: 4rem; /* 64px */
  --ref-spacing-8XL: 4.5rem; /* 72px */
  --ref-spacing-9XL: 5rem; /* 80px */
  /* #endregion */

  --ref-z-index-default: 1;
  --ref-z-index-sticky: 200;
  --ref-z-index-header: 300;
  --ref-z-index-toast: 400;
  --ref-z-index-dropdown: 500;
  --ref-z-index-overlay: 600;
  --ref-z-index-spinner: 700;
  --ref-z-index-modal: 800;
  --ref-z-index-popover: 900;

  /* ref-colors */
  /* #region */

  --ref-color-primary-brand-50: rgb(254 248 233 / 100%);
  --ref-color-primary-brand-100: rgb(254 241 211 / 100%);
  --ref-color-primary-brand-200: rgb(253 226 166 / 100%);
  --ref-color-primary-brand-300: rgb(252 212 122 / 100%);
  --ref-color-primary-brand-400: rgb(251 197 77 / 100%);
  --ref-color-primary-brand-500: rgb(250 183 33 / 100%);
  --ref-color-primary-brand-600: rgb(200 146 26 / 100%);
  --ref-color-primary-brand-700: rgb(150 110 20 / 100%);
  --ref-color-primary-brand-800: rgb(100 73 13 / 100%);
  --ref-color-primary-brand-900: rgb(50 37 7 / 100%);
  --ref-color-primary-brand-500-transparent50: rgb(250 183 33 / 50%);
  --ref-color-primary-brand-500-transparent12: rgb(250 183 33 / 12%);

  --ref-color-secondary-50: rgb(232 239 250 / 100%);
  --ref-color-secondary-100: rgb(209 224 246 / 100%);
  --ref-color-secondary-200: rgb(164 193 237 / 100%);
  --ref-color-secondary-300: rgb(118 162 228 / 100%);
  --ref-color-secondary-400: rgb(73 131 219 / 100%);
  --ref-color-secondary-500: rgb(27 100 210 / 100%);
  --ref-color-secondary-600: rgb(22 80 168 / 100%);
  --ref-color-secondary-700: rgb(16 60 126 / 100%);
  --ref-color-secondary-800: rgb(11 40 84 / 100%);
  --ref-color-secondary-900: rgb(5 20 42 / 100%);
  --ref-color-secondary-500-transparent50: rgb(27 100 210 / 50%);

  --ref-color-neutral-white: rgb(255 255 255 / 100%);
  --ref-color-neutral-white-transparent12: rgb(255 255 255 / 12%);
  --ref-color-neutral-white-transparent38: rgb(255 255 255 / 38%);
  --ref-color-neutral-white-transparent50: rgb(255 255 255 / 50%);

  --ref-color-neutral-black: rgb(0 0 0 / 100%);
  --ref-color-neutral-black-transparent12: rgb(0 0 0 / 12%);
  --ref-color-neutral-black-transparent38: rgb(0 0 0 / 38%);
  --ref-color-neutral-black-transparent50: rgb(0 0 0 / 50%);

  --ref-color-neutral-gray-100: rgb(250 250 250 / 100%);
  --ref-color-neutral-gray-200: rgb(245 245 245 / 100%);
  --ref-color-neutral-gray-300: rgb(222 222 222 / 100%);
  --ref-color-neutral-gray-400: rgb(165 165 165 / 100%);
  --ref-color-neutral-gray-500: rgb(137 137 137 / 100%);
  --ref-color-neutral-gray-600: rgb(112 112 112 / 100%);
  --ref-color-neutral-gray-700: rgb(66 66 66 / 100%);
  --ref-color-neutral-gray-800: rgb(51 51 51 / 100%);
  --ref-color-neutral-gray-900: rgb(39 39 39 / 100%);
  --ref-color-neutral-gray-500-transparent50: rgb(137 137 137 / 50%);

  --ref-color-neutral-hangover-50: rgb(234 234 238 / 100%);
  --ref-color-neutral-hangover-100: rgb(223 223 226 / 100%);
  --ref-color-neutral-hangover-200: rgb(191 192 198 / 100%);
  --ref-color-neutral-hangover-300: rgb(163 164 173 / 100%);
  --ref-color-neutral-hangover-400: rgb(135 136 147 / 100%);
  --ref-color-neutral-hangover-500: rgb(107 108 122 / 100%);
  --ref-color-neutral-hangover-600: rgb(82 82 93 / 100%);
  --ref-color-neutral-hangover-700: rgb(56 57 64 / 100%);
  --ref-color-neutral-hangover-800: rgb(31 31 35 / 100%);
  --ref-color-neutral-hangover-900: rgb(5 5 6 / 100%);
  --ref-color-neutral-hangover-500-transparent50: rgb(107 108 122 / 50%);

  --ref-color-blue-50: rgb(232 239 250 / 100%);
  --ref-color-blue-100: rgb(209 224 246 / 100%);
  --ref-color-blue-200: rgb(164 193 237 / 100%);
  --ref-color-blue-300: rgb(118 162 228 / 100%);
  --ref-color-blue-400: rgb(73 131 219 / 100%);
  --ref-color-blue-500: rgb(27 100 210 / 100%);
  --ref-color-blue-600: rgb(22 80 168 / 100%);
  --ref-color-blue-700: rgb(16 60 126 / 100%);
  --ref-color-blue-800: rgb(11 40 84 / 100%);
  --ref-color-blue-900: rgb(5 20 42 / 100%);
  --ref-color-blue-500-transparent50: rgb(27 100 210 / 50%);

  --ref-color-orange-50: rgb(254 243 233 / 100%);
  --ref-color-orange-100: rgb(253 231 211 / 100%);
  --ref-color-orange-200: rgb(251 207 166 / 100%);
  --ref-color-orange-300: rgb(248 183 122 / 100%);
  --ref-color-orange-400: rgb(246 159 77 / 100%);
  --ref-color-orange-500: rgb(244 135 33 / 100%);
  --ref-color-orange-600: rgb(195 108 26 / 100%);
  --ref-color-orange-700: rgb(146 81 20 / 100%);
  --ref-color-orange-800: rgb(98 54 13 / 100%);
  --ref-color-orange-900: rgb(49 27 7 / 100%);
  --ref-color-orange-500-transparent50: rgb(244 135 33 / 50%);

  --ref-color-red-50: rgb(250 235 236 / 100%);
  --ref-color-red-100: rgb(245 215 218 / 100%);
  --ref-color-red-200: rgb(235 176 180 / 100%);
  --ref-color-red-300: rgb(224 136 143 / 100%);
  --ref-color-red-400: rgb(214 97 105 / 100%);
  --ref-color-red-500: rgb(204 57 68 / 100%);
  --ref-color-red-600: rgb(163 46 54 / 100%);
  --ref-color-red-700: rgb(122 34 41 / 100%);
  --ref-color-red-800: rgb(82 23 27 / 100%);
  --ref-color-red-900: rgb(41 11 14 / 100%);
  --ref-color-red-500-transparent50: rgb(204 57 68 / 50%);

  --ref-color-green-50: rgb(240 249 239 / 100%);
  --ref-color-green-100: rgb(226 242 223 / 100%);
  --ref-color-green-200: rgb(196 229 191 / 100%);
  --ref-color-green-300: rgb(167 217 160 / 100%);
  --ref-color-green-400: rgb(137 204 128 / 100%);
  --ref-color-green-500: rgb(108 191 96 / 100%);
  --ref-color-green-600: rgb(86 153 77 / 100%);
  --ref-color-green-700: rgb(65 115 58 / 100%);
  --ref-color-green-800: rgb(43 76 38 / 100%);
  --ref-color-green-900: rgb(22 38 19 / 100%);
  --ref-color-green-500-transparent50: rgb(108 191 96 / 50%);

  --ref-color-oasis-50: rgb(231 243 241 / 100%);
  --ref-color-oasis-100: rgb(207 231 226 / 100%);
  --ref-color-oasis-200: rgb(160 207 198 / 100%);
  --ref-color-oasis-300: rgb(112 184 169 / 100%);
  --ref-color-oasis-400: rgb(65 160 141 / 100%);
  --ref-color-oasis-500: rgb(17 136 112 / 100%);
  --ref-color-oasis-600: rgb(14 109 90 / 100%);
  --ref-color-oasis-700: rgb(10 82 67 / 100%);
  --ref-color-oasis-800: rgb(7 54 45 / 100%);
  --ref-color-oasis-900: rgb(3 27 22 / 100%);
  --ref-color-oasis-500-transparent50: rgb(17 136 112 / 50%);

  --ref-color-purple-50: rgb(243 239 244 / 100%);
  --ref-color-purple-100: rgb(231 223 233 / 100%);
  --ref-color-purple-200: rgb(208 191 212 / 100%);
  --ref-color-purple-300: rgb(184 158 190 / 100%);
  --ref-color-purple-400: rgb(161 126 169 / 100%);
  --ref-color-purple-500: rgb(137 94 147 / 100%);
  --ref-color-purple-600: rgb(110 75 118 / 100%);
  --ref-color-purple-700: rgb(82 56 88 / 100%);
  --ref-color-purple-800: rgb(55 38 59 / 100%);
  --ref-color-purple-900: rgb(27 19 29 / 100%);
  --ref-color-purple-500-transparent50: rgb(137 94 147 / 50%);

  /* Not in new designs yet */
  --ref-color-others-DragQueen: rgb(234 38 144 / 100%);
  --ref-color-others-BananaHammock: rgb(242 234 36 / 100%);
  --ref-color-others-Mirage: rgb(40 167 223 / 100%);
  --ref-color-others-SprayTan-50: rgb(255 255 230 / 100%);
  --ref-color-others-SprayTan-100: rgb(255 248 184 / 100%);
  --ref-color-others-SprayTan-200: rgb(255 235 138 / 100%);
  --ref-color-others-SprayTan-300: rgb(255 217 96 / 100%);
  --ref-color-others-SprayTan-400: rgb(243 194 67 / 100%);
  --ref-color-others-SprayTan-500: rgb(222 168 43 / 100%);
  --ref-color-others-SprayTan-600: rgb(196 139 17 / 100%);
  --ref-color-others-SprayTan-700: rgb(153 106 0 / 100%);
  --ref-color-others-SprayTan-800: rgb(102 72 0 / 100%);
  --ref-color-others-SprayTan-900: rgb(51 36 0 / 100%);
  --ref-color-others-Bundle: rgb(117 86 213 / 100%);
  --ref-color-others-BundleBackground: rgb(241 238 251 / 100%);

  /* #endregion */

  /* #endregion */

  /* === System Tokens === */
  /* #region */

  /* background */
  /* #region */

  --sys-color-background-base-default: var(--ref-color-neutral-gray-100);
  --sys-color-background-scrim: var(--ref-color-neutral-black-transparent38);

  --sys-color-background-inverse: var(--ref-color-neutral-hangover-900);
  --sys-color-background-inverse-subtle: var(--ref-color-neutral-gray-900);
  --sys-color-background-inverse-extra-subtle: var(
    --ref-color-neutral-gray-800
  );
  --sys-color-background-inverse-super-subtle: var(
    --ref-color-neutral-hangover-500
  );
  --sys-color-background-inverse-surface: var(
    --ref-color-neutral-black-transparent50
  );
  --sys-color-background-surface: var(--ref-color-neutral-white);
  --sys-color-background-surface-subtle: var(--ref-color-neutral-gray-100);
  --sys-color-background-surface-extra-subtle: var(
    --ref-color-neutral-gray-200
  );
  --sys-color-background-surface-varient: var(--ref-color-secondary-50);
  --sys-color-background-surface-hovered: var(--ref-color-secondary-50);

  --sys-color-background-primary: var(--ref-color-primary-brand-500);
  --sys-color-background-primary-bolder: var(--ref-color-primary-brand-700);
  --sys-color-background-primary-fill: var(--ref-color-primary-brand-500);
  --sys-color-background-primary-fill-hovered: var(
    --ref-color-primary-brand-600
  );
  --sys-color-background-primary-fill-pressed: var(
    --ref-color-primary-brand-700
  );
  --sys-color-background-primary-tonal: var(--ref-color-primary-brand-50);
  --sys-color-background-primary-tonal-hovered: var(
    --ref-color-primary-brand-100
  );
  --sys-color-background-primary-tonal-pressed: var(
    --ref-color-primary-brand-200
  );
  --sys-color-background-primary-hovered: var(--ref-color-primary-brand-50);
  --sys-color-background-primary-pressed: var(--ref-color-primary-brand-100);

  --sys-color-background-secondary: var(--ref-color-secondary-500);
  --sys-color-background-secondary-bold: var(--ref-color-secondary-600);
  --sys-color-background-secondary-bolder: var(--ref-color-secondary-700);
  --sys-color-background-secondary-fill: var(--ref-color-secondary-500);
  --sys-color-background-secondary-fill-hovered: var(--ref-color-secondary-600);
  --sys-color-background-secondary-fill-pressed: var(--ref-color-secondary-700);
  --sys-color-background-secondary-tonal: var(--ref-color-secondary-50);
  --sys-color-background-secondary-tonal-hovered: var(
    --ref-color-secondary-100
  );
  --sys-color-background-secondary-tonal-pressed: var(
    --ref-color-secondary-200
  );
  --sys-color-background-secondary-hovered: var(--ref-color-secondary-50);
  --sys-color-background-secondary-pressed: var(--ref-color-secondary-100);

  --sys-color-background-neutral-fill: var(--ref-color-neutral-hangover-700);
  --sys-color-background-neutral-fill-hovered: var(
    --ref-color-neutral-hangover-800
  );
  --sys-color-background-neutral-fill-pressed: var(
    --ref-color-neutral-hangover-900
  );
  --sys-color-background-neutral-tonal: var(--ref-color-neutral-hangover-50);
  --sys-color-background-neutral-tonal-hovered: var(
    --ref-color-neutral-hangover-100
  );
  --sys-color-background-neutral-tonal-pressed: var(
    --ref-color-neutral-hangover-200
  );
  --sys-color-background-neutral-hovered: var(--ref-color-neutral-hangover-50);
  --sys-color-background-neutral-pressed: var(--ref-color-neutral-hangover-100);
  --sys-color-background-neutral-bolder: var(--ref-color-neutral-hangover-900);

  --sys-color-background-neutral-subtle-fill: var(--ref-color-neutral-gray-500);
  --sys-color-background-neutral-subtle-fill-hovered: var(
    --ref-color-neutral-gray-600
  );
  --sys-color-background-neutral-subtle-fill-pressed: var(
    --ref-color-neutral-gray-700
  );
  --sys-color-background-neutral-subtle-tonal: var(
    --ref-color-neutral-gray-100
  );
  --sys-color-background-neutral-subtle-tonal-hovered: var(
    --ref-color-neutral-gray-200
  );
  --sys-color-background-neutral-subtle-tonal-pressed: var(
    --ref-color-neutral-gray-300
  );
  --sys-color-background-neutral-subtle-hovered: var(
    --ref-color-neutral-gray-100
  );
  --sys-color-background-neutral-subtle-pressed: var(
    --ref-color-neutral-gray-200
  );
  --sys-color-background-neutral-subtle-bolder: var(
    --ref-color-neutral-gray-900
  );

  --sys-color-background-neutral-inverse-fill: var(--ref-color-neutral-white);
  --sys-color-background-neutral-inverse-fill-hovered: var(
    --ref-color-neutral-gray-100
  );
  --sys-color-background-neutral-inverse-fill-pressed: var(
    --ref-color-neutral-gray-200
  );
  --sys-color-background-neutral-inverse-tonal: var(
    --ref-color-neutral-gray-300
  );
  --sys-color-background-neutral-inverse-tonal-hovered: var(
    --ref-color-neutral-gray-400
  );
  --sys-color-background-neutral-inverse-tonal-pressed: var(
    --ref-color-neutral-gray-500
  );
  --sys-color-background-neutral-inverse-hovered: var(
    --ref-color-neutral-white-transparent12
  );
  --sys-color-background-neutral-inverse-pressed: var(
    --ref-color-neutral-white-transparent38
  );
  --sys-color-background-neutral-inverse-bolder: var(
    --ref-color-neutral-gray-500
  );

  --sys-color-background-info-fill: var(--ref-color-secondary-500);
  --sys-color-background-info-fill-hovered: var(--ref-color-secondary-600);
  --sys-color-background-info-fill-pressed: var(--ref-color-secondary-700);
  --sys-color-background-info-tonal: var(--ref-color-secondary-50);
  --sys-color-background-info-tonal-hovered: var(--ref-color-secondary-100);
  --sys-color-background-info-tonal-pressed: var(--ref-color-secondary-200);
  --sys-color-background-info-hovered: var(--ref-color-secondary-50);
  --sys-color-background-info-pressed: var(--ref-color-secondary-100);
  --sys-color-background-info-bolder: var(--ref-color-secondary-700);

  --sys-color-background-success-fill: var(--ref-color-green-500);
  --sys-color-background-success-fill-hovered: var(--ref-color-green-600);
  --sys-color-background-success-fill-pressed: var(--ref-color-green-700);
  --sys-color-background-success-tonal: var(--ref-color-green-50);
  --sys-color-background-success-tonal-hovered: var(--ref-color-green-100);
  --sys-color-background-success-tonal-pressed: var(--ref-color-green-200);
  --sys-color-background-success-hovered: var(--ref-color-green-50);
  --sys-color-background-success-pressed: var(--ref-color-green-100);
  --sys-color-background-success-bolder: var(--ref-color-green-700);

  --sys-color-background-urgency-fill: var(--ref-color-red-500);
  --sys-color-background-urgency-fill-hovered: var(--ref-color-red-600);
  --sys-color-background-urgency-fill-pressed: var(--ref-color-red-700);
  --sys-color-background-urgency-tonal: var(--ref-color-red-50);
  --sys-color-background-urgency-tonal-hovered: var(--ref-color-red-100);
  --sys-color-background-urgency-tonal-pressed: var(--ref-color-red-200);
  --sys-color-background-urgency-bolder: var(--ref-color-red-700);
  --sys-color-background-urgency-hovered: var(--ref-color-red-50);
  --sys-color-background-urgency-pressed: var(--ref-color-red-100);

  --sys-color-background-warning-fill: var(--ref-color-orange-500);
  --sys-color-background-warning-fill-hovered: var(--ref-color-orange-600);
  --sys-color-background-warning-fill-pressed: var(--ref-color-orange-700);
  --sys-color-background-warning-tonal: var(--ref-color-orange-50);
  --sys-color-background-warning-tonal-hovered: var(--ref-color-orange-100);
  --sys-color-background-warning-tonal-pressed: var(--ref-color-orange-200);
  --sys-color-background-warning-hovered: var(--ref-color-orange-50);
  --sys-color-background-warning-pressed: var(--ref-color-orange-100);
  --sys-color-background-warning-bolder: var(--ref-color-orange-700);

  --sys-color-background-deal-fill: var(--ref-color-oasis-500);
  --sys-color-background-deal-fill-hovered: var(--ref-color-oasis-600);
  --sys-color-background-deal-fill-pressed: var(--ref-color-oasis-700);
  --sys-color-background-deal-tonal: var(--ref-color-oasis-50);
  --sys-color-background-deal-tonal-hovered: var(--ref-color-oasis-100);
  --sys-color-background-deal-tonal-pressed: var(--ref-color-oasis-200);
  --sys-color-background-deal-hovered: var(--ref-color-oasis-50);
  --sys-color-background-deal-pressed: var(--ref-color-oasis-100);
  --sys-color-background-deal-bolder: var(--ref-color-oasis-700);

  --sys-color-background-bundle-fill: var(--ref-color-others-BundleBackground);
  --sys-color-bundle: var(--ref-color-others-Bundle);

  --sys-color-background-disable-fill: var(--ref-color-neutral-gray-200);
  --sys-color-background-loading-fill: var(--ref-color-neutral-gray-200);

  /* #endregion */

  /* border */
  /* #region */

  --sys-color-border-surface: var(--ref-color-neutral-hangover-100);
  --sys-color-border-surface-subtle: var(--ref-color-neutral-gray-200);

  --sys-color-border-inverse: var(--ref-color-neutral-gray-800);
  --sys-color-border-inverse-transparent38: var(--ref-color-neutral-black-transparent38);
  --sys-color-border-primary: var(--ref-color-primary-brand-500-transparent50);
  --sys-color-border-secondary: var(--ref-color-secondary-500-transparent50);
  --sys-color-border-neutral: var(
    --ref-color-neutral-hangover-500-transparent50
  );
  --sys-color-border-neutral-subtle: var(
    --ref-color-neutral-gray-500-transparent50
  );
  --sys-color-border-neutral-inverse: var(
    --ref-color-neutral-white-transparent50
  );
  
  --sys-color-border-info: var(--ref-color-secondary-500-transparent50);
  --sys-color-border-success: var(--ref-color-green-500-transparent50);
  --sys-color-border-urgency: var(--ref-color-red-500-transparent50);
  --sys-color-border-error: var(--ref-color-red-500-transparent50);
  --sys-color-border-warning: var(--ref-color-orange-500-transparent50);
  --sys-color-border-green: var(--ref-color-oasis-500-transparent50);

  --sys-color-border-disable: var(--ref-color-neutral-black-transparent12);
  --sys-color-border-loading: var(--ref-color-neutral-black-transparent12);

  /* #endregion */

  /* content */
  /* #region */

  --sys-color-content-default: var(--ref-color-neutral-black);
  --sys-color-content-default-subtle: var(--ref-color-neutral-gray-800);
  --sys-color-content-default-subtler: var(--ref-color-neutral-gray-600);
  --sys-color-content-default-subtlest: var(--ref-color-neutral-gray-400);
  --sys-color-content-default-inverse-subtler: var(
    --ref-color-neutral-hangover-200
  );
  --sys-color-content-default-inverse-subtle: var(
    --ref-color-neutral-hangover-100
  );
  --sys-color-content-default-inverse: var(--ref-color-neutral-white);
  --sys-color-content-primary: var(--ref-color-primary-brand-500);
  --sys-color-content-primary-sublest: var(--ref-color-primary-brand-100);
  --sys-color-content-secondary: var(--ref-color-secondary-500);
  --sys-color-content-secondary-bold: var(--ref-color-secondary-700);
  --sys-color-content-link: var(--ref-color-secondary-500);
  --sys-color-content-link-subtle: var(--ref-color-secondary-100);
  --sys-color-content-icon-default: var(--ref-color-neutral-gray-500);
  --sys-color-content-icon-hover: var(--ref-color-secondary-500);
  --sys-color-content-neutral: var(--ref-color-neutral-hangover-700);
  --sys-color-content-neutral-subtle: var(--ref-color-neutral-gray-500);
  --sys-color-content-disable: var(--ref-color-neutral-gray-400);
  --sys-color-content-loading: var(--ref-color-neutral-gray-400);
  --sys-color-content-info: var(--ref-color-secondary-500);
  --sys-color-content-urgency: var(--ref-color-red-500);
  --sys-color-content-error: var(--ref-color-red-500);
  --sys-color-content-warning: var(--ref-color-orange-500);
  --sys-color-content-success: var(--ref-color-green-500);
  --sys-color-content-nature: var(--ref-color-oasis-500);
  --sys-color-content-deal: var(--ref-color-oasis-500);

  /* #endregion */

  /* #endregion */

  /* === Component Tokens === */
  /* #region */

  /* input */
  /* #region */

  --comp-color-input-bg-surface: var(--ref-color-neutral-white);
  --comp-color-input-bg-hovered: var(--ref-color-secondary-50);
  --comp-color-input-bg-disable: var(--sys-color-background-disable-fill);

  --comp-color-input-border: var(--sys-color-border-surface);
  --comp-color-input-border-error: var(--sys-color-border-error);
  --comp-color-input-border-focus: var(--sys-color-border-primary);
  --comp-color-input-border-disable: var(--sys-color-border-disable);

  --comp-color-input-content: var(--sys-color-content-default-subtler);
  --comp-color-input-content-icon: var(--sys-color-content-default-subtlest);
  --comp-color-input-content-state: var(--sys-color-content-default-subtle);
  --comp-color-input-content-error: var(--sys-color-content-error);
  --comp-color-input-content-disable: var(--sys-color-content-disable);

  /* #endregion */

  /* header */
  /* #region */

  --comp-color-header-background-top: var(--sys-color-background-inverse);

  --comp-color-header-background-main: var(
    --sys-color-background-inverse-subtle
  );
  --comp-color-header-background-variant: var(--sys-color-background-inverse);
  --comp-color-header-nav-item-content: var(
    --sys-color-content-default-inverse
  );
  --comp-color-header-nav-item-content-inverse: var(
    --sys-color-content-default-subtle
  );
  --comp-color-header-nav-item-content-hover: var(--sys-color-content-primary);
  --comp-color-header-nav-item-bg-hover: var(
    --ref-color-primary-brand-500-transparent12
  );
  --comp-color-header-dropdown-bg: var(--sys-color-background-surface);
  --comp-color-header-dropdown-bg-variant: var(
    --sys-color-background-inverse-subtle
  );
  --comp-color-header-divider: var(--ref-color-neutral-gray-800);
  --comp-color-header-border: var(--ref-color-neutral-gray-800);

  /* #endregion */

  /* #endregion */

  /* defaults */
  background-color: var(--sys-color-background-base-default);
  color: var(--sys-color-content-default);
  color-scheme: light;
  --tw-interactive-bg-mix: var(--sys-color-content-default);
}

/* more defaults */
*,
::before,
::after {
  border-color: var(--sys-color-border-surface);
}