/* colors */
/* temp refs to fix build errors remove after remap */
/* screen width breaks */
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap");
.icon {
  display: inline-block;
}
.icon.privacy-choices {
  content: url("/icons/icon-privacyoptions.svg");
  width: 1.5rem;
  height: auto;
  transform: scale(1.7);
  margin-top: -2px;
  margin-right: 12px;
  margin-left: 10px;
}
.icon.to-top {
  content: url("/icons/to-top.svg");
  width: 2.5rem;
  height: 2.5rem;
}
.icon.gray-close-icon {
  content: url("/icons/gray-close-icon.svg");
  width: 2.5rem;
  height: 2.5rem;
}
.icon.white-close-icon {
  content: url("/icons/white-close-icon.svg");
  border: 2px solid #fff;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
}
.icon.right-arrow {
  content: url("/icons/right-arrow.svg");
  width: 2.5rem;
  height: 2.5rem;
}
.icon.trash-can {
  content: url("/icons/trash-can.svg");
  width: 2.5rem;
  height: 2.5rem;
}
.icon.menu-icon {
  content: url("/icons/menu-icon.svg");
  width: 1.25rem;
  height: 1rem;
}
.icon.menu-close-icon {
  content: url("/icons/nav-close-icon.svg");
  width: 1.25rem;
  height: 1rem;
}
.icon.menu-close-icon.white {
  content: url("/icons/nav-close-icon-white.svg");
}
.icon.open-plus-icon {
  content: url("/icons/open-plus.svg");
  width: 1.25rem;
  height: 1.25rem;
}
.icon.open-plus-white-icon {
  content: url("https://storageaccountwinstacec.blob.core.windows.net/kool-umbraco/media/CMS/Coupons/kool-icon-plus.svg");
  width: 1.25rem;
  height: 1.25rem;
}
.icon.close-minus-icon {
  content: url("https://storageaccountwinstacec.blob.core.windows.net/kool-umbraco/media/CMS/Coupons/kool-icon-minus.svg");
  width: 1.25rem;
  height: 1.25rem;
}
.icon.checkmark {
  content: url("/icons/Check.svg");
  width: 1.25rem;
  height: 1.25rem;
}
.icon.padlock {
  content: url("/icons/padlock.png");
  width: 0.875rem;
  height: 1rem;
}
.icon.black-right-caret {
  content: url("/icons/right-black-caret.svg");
  width: 0.375rem;
  height: 0.75rem;
}
.icon.white-right-caret {
  content: url("/icons/white-caret-right.svg");
  width: 0.375rem;
  height: 0.75rem;
}
.icon.white-left-caret, .icon.left-caret {
  content: url("/icons/white-caret-right.svg");
  transform: rotate(180deg);
  width: 0.375rem;
  height: 0.75rem;
}
.icon.nav-marker {
  content: url("/icons/nav-marker.svg");
  width: 1.875rem;
  height: 0.9375rem;
}
.icon.map-marker {
  content: url("/icons/map-marker.svg");
  width: 0.625rem;
  height: 1rem;
}
.icon.to-right {
  content: url("/icons/to-top.svg");
  transform: rotate(90deg);
  width: 2.5rem;
  height: 2.5rem;
}
.icon.to-left {
  content: url("/icons/to-top.svg");
  transform: rotate(-90deg);
  width: 2.5rem;
  height: 2.5rem;
}
.icon.to-right.white {
  content: url("/icons/encircled-arrow-white.svg");
  transform: none;
}
.icon.to-bottom.white {
  content: url("/icons/encircled-arrow-white.svg");
  transform: rotate(90deg);
}
.icon.play-triangle-icon {
  width: 0;
  height: 0;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  border-left: 0.8rem solid #fff;
}

button > * .icon:not(.left-side), a > * .icon:not(.left-side) {
  margin-left: 0.5rem;
}
button > * .icon.left-side, a > * .icon.left-side {
  margin-right: 0.5rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  font: inherit;
  color: inherit;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  font-size: 100%;
  line-height: 1.5;
}

/* Make images easier to work with */
img {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  html {
    scroll-behavior: initial;
  }
}
@font-face {
  font-family: "Druk Wide";
  src: url("/assets/fonts/DrukWide-Medium-Web.woff2") format("woff2"), url("/assets/fonts/DrukWide-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text Wide";
  src: url("/assets/fonts/DrukTextWide-HeavyItalic-Web.woff2") format("woff2"), url("/assets/fonts/DrukTextWide-HeavyItalic-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text Wide";
  src: url("/assets/fonts/DrukTextWide-Heavy-Web.woff2") format("woff2"), url("/assets/fonts/DrukTextWide-Heavy-Web.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text Wide";
  src: url("/assets/fonts/DrukTextWide-MediumItalic-Web.woff2") format("woff2"), url("/assets/fonts/DrukTextWide-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text Wide";
  src: url("/assets/fonts/DrukTextWide-Medium-Web.woff2") format("woff2"), url("/assets/fonts/DrukTextWide-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk";
  src: url("/assets/fonts/Druk-BoldItalic-Web.woff2") format("woff2"), url("/assets/fonts/Druk-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk";
  src: url("/assets/fonts/Druk-Bold-Web.woff2") format("woff2"), url("/assets/fonts/Druk-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk";
  src: url("/assets/fonts/Druk-MediumItalic-Web.woff2") format("woff2"), url("/assets/fonts/Druk-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk";
  src: url("/assets/fonts/Druk-Medium-Web.woff2") format("woff2"), url("/assets/fonts/Druk-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text";
  src: url("/assets/fonts/DrukText-MediumItalic-Web.woff2") format("woff2"), url("/assets/fonts/DrukText-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text";
  src: url("/assets/fonts/DrukText-Medium-Web.woff2") format("woff2"), url("/assets/fonts/DrukText-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text";
  src: url("/assets/fonts/DrukText-HeavyItalic-Web.woff2") format("woff2"), url("/assets/fonts/DrukText-HeavyItalic-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Druk Text";
  src: url("/assets/fonts/DrukText-Heavy-Web.woff2") format("woff2"), url("/assets/fonts/DrukText-Heavy-Web.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Cinzel Regular";
  src: url("/assets/fonts/Cinzel-Regular.woff2") format("woff2"), url("/assets/fonts/Cinzel-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Cinzel Medium";
  src: url(https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-uTnfY3lDQ.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Cinzel Bold";
  src: url("/assets/fonts/Cinzel-Bold.woff2") format("woff2"), url("/assets/fonts/Cinzel-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Gotham Bold";
  src: url("/assets/fonts/gotham-bold-webfont.woff2") format("woff2"), url("/assets/fonts/gotham-bold-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: gotham-bold;
  src: url("/assets/fonts/gotham-bold-webfont.woff2") format("woff2"), url("/assets/fonts/gotham-bold-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Gotham Medium";
  src: url("/assets/fonts/gotham-medium.woff");
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Gotham Book";
  src: url("/assets/fonts/gotham-book-webfont.woff2") format("woff2"), url("/assets/fonts/gotham-book-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Gotham Condensed Bold";
  src: url("/assets/fonts/Gotham Condensed Bold.woff2") format("woff2"), url("/assets/fonts/Gotham Condensed Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Gotham Condensed Medium";
  src: url("/assets/fonts/Gotham Condensed Medium.woff2") format("woff2"), url("/assets/fonts/Gotham Condensed Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Roboto Bold";
  src: url("/assets/fonts/Roboto-Bold.woff2") format("woff2"), url("/assets/fonts/Roboto-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Roboto Light";
  src: url("/assets/fonts/Roboto-Light.woff2") format("woff2"), url("/assets/fonts/Roboto-Light.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
html {
  background: var(--surface-1);
  color: var(--text-1);
  font-size: var(--fs-400);
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-weight: var(--fw-reg);
}

p {
  line-height: 1.5;
  letter-spacing: var(--ls-300);
}
p.small-text {
  font-size: var(--fs-300);
  letter-spacing: var(--ls-200);
}
p.smaller-text {
  font-size: 11px;
  letter-spacing: var(--ls-100);
}
p strong {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
}

.eyebrow,
.eyebrow > p {
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-700);
  line-height: 1.25;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  margin-bottom: -0.25em;
}
@media (width <= 1099px) {
  .eyebrow,
  .eyebrow > p {
    font-size: var(--fs-200);
  }
}

a {
  text-decoration: underline;
  transition: 0.25s color ease-in-out;
}
a:not(.button):hover, a:not(.button):active {
  text-decoration: none;
  color: color-mix(in srgb, currentColor 60%, transparent);
}

hr {
  height: 1px;
  width: 100%;
  display: block;
  background: rgb(182, 182, 182);
  border: none;
  margin: var(--hr-margin, 1em 0);
}
hr.gold-divider {
  background: var(--text-accent-1);
}

.default-form .form-title {
  margin-bottom: 2.5rem;
}
.default-form.registration {
  --input-border-radius: 0;
  --input-background-color: black;
  padding: 2.5em;
  border-radius: 10px;
  background-color: var(--Kool-Dark-Gray);
}
@media screen and (max-width: 1099px) {
  .default-form.registration {
    padding: 1.88rem;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

:root {
  --surface-1: #000000;
  --surface-2: #1B1B1B;
  --surface-3: #111;
  --surface-cta: #02893E;
  --surface-accent2: #E6CE8E;
  --surface-gradient-1: linear-gradient(180deg, rgba(252, 252, 252, 0) 69.5%, rgba(252, 252, 252, 0.1) 100%), #1B1B1B;
  --surface-gradient-2: linear-gradient(358deg, rgba(0, 0, 0, 0.5) 12.04%, rgba(0, 0, 0, 0) 60.76%), linear-gradient(0deg, #1B1B1B 0%, #1B1B1B 100%), #02893E;
  --text-1: #fff;
  --text-2: #fcfcfc;
  --text-3: #aaa;
  --dark-text-1: #000000;
  --text-accent-1: #E6CE8E;
  --fs-200: .75rem;
  --fs-300: .875rem;
  --fs-400: 1rem;
  --fs-500: 1.125rem;
  --fs-550: 1.25rem;
  --fs-600: 1.625rem;
  --fs-700: 2.25rem;
  --fs-750: 2.625rem;
  --fs-800: 3.375rem;
  --fs-900: 4.5rem;
  --fs-1000: 5.625rem;
  --ls-000: -0.03375rem;
  --ls-100: 0.0075rem;
  --ls-200: 0.00875rem;
  --ls-300: 0.01rem;
  --ls-400: 0.01625rem;
  --ls-500: 0.03rem;
  --ls-600: 0.03375rem;
  --ls-700: 0.04375rem;
  --ls-800: 0.045rem;
  --ls-900: 0.0675rem;
  --ls-1000: 0.1125rem;
  --fw-reg: 350;
  --fw-bold: 500;
}

/* CMS 2025 update variables */
.main-wrapper {
  margin-inline: auto;
}

#headerAppTarget {
  --header-color: var(--Kool-White);
  --header-background: var(--Kool-Black);
  --header-border-bottom: 1px solid var(--Kool-Green);
  --navigation-bar-top-border: 1px solid var(--Kool-white-50-opac);
}

html {
  --Kool-Gold: #DFC06F;
  --Kool-Black: #000;
  --Kool-White: #FCFCFC;
  --Kool-Dark-Gray: #1C1C1C;
  --Kool-Medium-Gray: #3E3E3E;
  --Kool-Light-Gray: #7E7E7E;
  --Kool-Green: #02893E;
  --Kool-Light-Green: #0A8541;
  --Kool-white-25-opac: rgba(252, 252, 252, 0.25);
  --Kool-white-50-opac: rgba(252, 252, 252, 0.50);
  --Kool-Black-25-opac: rgba(0, 0, 0, 0.25);
  --Kool-Black-50-opac: rgba(0, 0, 0, 0.50);
  --Kool-Bold-Heading-Font: Cinzel;
  --Kool-Medium-Heading-Font: Cinzel;
  --Kool-Regular-Heading-Font: Cinzel;
  --Kool-Body-Font: "Gotham Bold";
  --Kool-Nav-Font: "Gotham Medium";
  --Kool-Body-Font-Thin: "Gotham Book";
  --Warning-White: #fff;
  --Error-Red: #C11;
  --error-red-5-opac: rgba(204, 17, 17, 0.05);
}

.global-close-button {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  padding: 0;
  align-self: end;
  margin-inline-end: 0;
  margin-inline-start: auto;
  border: 1px solid #fff;
}
.global-close-button svg, .global-close-button rect {
  fill: #fff;
}

#sveltePageLoaderAppTarget {
  min-height: 100vh;
  width: 100%;
  margin: 0;
  display: grid;
  justify-items: center;
  grid-template-rows: auto 1fr auto;
}
#sveltePageLoaderAppTarget .global-button {
  background: var(--Kool-Green);
  color: var(--Kool-White);
  font-family: var(--Kool-Body-Font);
  border-radius: 100px;
  text-transform: uppercase;
}
#sveltePageLoaderAppTarget .global-button.standard {
  padding: 0 25px;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0.22px;
}
#sveltePageLoaderAppTarget .global-button.small {
  padding: 9.5px 15px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.22px;
}

@media (width <= 1099px) {
  :root {
    --fs-500: 1rem;
    --fs-600: 1.25rem;
    --fs-700: 1.75rem;
    --fs-800: 2.25rem;
    --fs-900: 2.625rem;
    --fs-1000: 3.75rem;
    --ls-000: 0.0225rem;
    --ls-100: 0.0075rem;
    --ls-200: 0.00875rem;
    --ls-300: 0.01rem;
    --ls-400: 0.0125rem;
    --ls-500: 0.03rem;
    --ls-600: 0.03rem;
    --ls-700: 0.03rem;
    --ls-800: 0.02625rem;
    --ls-900: 0.0175rem;
    --ls-1000: 0.075rem;
    --fw-reg: 350;
    --fw-bold: 500;
  }
}
/* colors */
/* temp refs to fix build errors remove after remap */
/* screen width breaks */
h1, h2, h3, h4 {
  font-family: "Cinzel";
  line-height: 1;
  text-transform: uppercase;
}
h1 strong, h2 strong, h3 strong, h4 strong {
  font-family: "Cinzel Medium";
}

h5, h6 {
  text-transform: uppercase;
}
h5 strong, h6 strong {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: var(--fs-1000);
  letter-spacing: var(--ls-900);
  color: var(--Kool-Gold);
}

h2 {
  font-size: 3em;
  letter-spacing: var(--ls-700);
  color: var(--Kool-Gold);
}

h3 {
  font-size: var(--fs-800);
  letter-spacing: var(--ls-000);
}

h4 {
  font-size: var(--fs-700);
  letter-spacing: var(--ls-800);
}

h5 {
  font-size: var(--fs-600);
  letter-spacing: var(--ls-400);
}

h6 {
  font-size: var(--fs-500);
  letter-spacing: var(--ls-500);
}

.emphasized-title,
.title-block.emphasized-title > * {
  display: grid;
  grid-template-columns: 1fr;
  width: max-content;
  color: var(--text-2);
  text-align: center;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: var(--fs-500);
  line-height: 1.25;
  letter-spacing: 0.0225rem;
  text-transform: unset;
}
@media (width > 1099px) {
  .emphasized-title,
  .title-block.emphasized-title > * {
    font-size: 1.5rem;
    letter-spacing: 0.045rem;
  }
}
.emphasized-title strong,
.title-block.emphasized-title > * strong {
  color: var(--text-accent-1);
  text-align: center;
  font-size: 2.75rem;
  line-height: 1;
  margin-bottom: 0.25rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}
@media (width > 1100px) {
  .emphasized-title strong,
  .title-block.emphasized-title > * strong {
    margin-bottom: 0.75rem;
  }
}
@media (width > 375px) {
  .emphasized-title strong,
  .title-block.emphasized-title > * strong {
    font-size: 4rem;
    letter-spacing: 0.1375rem;
  }
}
@media (width > 1099px) {
  .emphasized-title strong,
  .title-block.emphasized-title > * strong {
    font-size: 6.875rem;
    letter-spacing: 0.1375rem;
  }
}

.wrapper {
  --padding: 1.25rem;
  padding: 0 var(--padding);
  width: 100%;
}
@media (width >= 500px) {
  .wrapper {
    padding: 0;
  }
}

.main-wrapper {
  --padding: 0;
  --max-width: 100%;
  width: 100%;
  max-width: var(--max-width);
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (width >= 500px) {
  .main-wrapper {
    --max-width: 500px ;
  }
}
@media screen and (width >= 768px) {
  .main-wrapper {
    --max-width: 768px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (width >= 1100px) {
  .main-wrapper {
    --max-width: 1440px;
  }
}
@media screen and (min-width: 1440px) {
  .main-wrapper {
    --max-width: 1440px;
  }
}
@media screen and (max-width: 1099px) {
  .main-wrapper {
    padding: 0;
  }
}

@media screen and (width > 1099px) {
  .mobile-only,
  .button.mobile-only {
    display: none;
  }
}
@media screen and (width <= 1099px) {
  .desktop-only,
  .button.desktop-only {
    display: none;
  }
}
.featureAppTarget:empty {
  display: none;
}

.button-set {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--button-set-gap, 1em);
  padding: var(--button-set-padding, 0em);
}

.stacked-grid-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.stacked-grid-content > * {
  grid-row: 1/-1;
  grid-column: 1/-1;
}

.stacked-grid-panel {
  width: 100%;
}
.stacked-grid-panel.background {
  min-height: 100%;
  max-height: var(--max-background-height, initial);
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
}
.stacked-grid-panel.background > * {
  min-height: 100%;
  max-height: var(--max-background-height, initial);
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: var(--background-size, cover);
  object-position: var(--background-position, top center);
}

.grid-content-wrapper {
  display: grid;
  grid-template-columns: var(--grid-content-wrapper-template, 1fr);
  gap: var(--grid-content-wrapper-gap, 1rem);
  padding: var(--grid-content-wrapper-padding, 0);
  align-items: var(--grid-content-wrapper-alignment, center);
  justify-items: var(--grid-content-wrapper-justification, center);
}

.alignment-grid-center {
  align-items: center;
}

.alignment-grid-start {
  align-items: start;
}

.justification-grid-start {
  justify-items: start;
}

.uppercase {
  text-transform: uppercase;
}

.untransform-text {
  text-transform: initial;
}

.gotham-font {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
}

.surface-gradient-1 {
  background: var(--surface-gradient-1);
}

.solid-bg {
  display: block;
  width: 100%;
  height: 100%;
}

.text-accent-1 {
  color: var(--text-accent-1);
}

.smaller-text {
  font-size: 11px;
}

.small-text {
  font-size: var(--fs-300);
}

.sticky {
  position: sticky;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.no-wrap {
  white-space: nowrap;
}

/* colors */
/* temp refs to fix build errors remove after remap */
/* screen width breaks */
button,
.button {
  display: inline-block;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: var(--fs-300);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--ls-200);
  text-decoration: none;
  border: none;
  line-height: 1;
  background: transparent;
  color: inherit;
  cursor: pointer;
  margin-top: var(--button-top-spacer, 0);
}
button.anchor,
.button.anchor {
  text-transform: unset;
  text-decoration: underline;
  padding: 0.5em 1.25em;
}
button.accent,
.button.accent {
  text-align: center;
  border-radius: 1.5625rem;
  background: var(--surface-cta);
  width: 100%;
  max-width: 255px;
  color: var(--text-2);
}
button.accent:hover,
.button.accent:hover {
  background-color: var(--accents, #076130) !important;
  transition: background 0.25s ease-in-out;
}
button.accent2,
.button.accent2 {
  text-align: center;
  background: var(--surface-accent2);
  width: 100%;
  color: var(--dark-text-1);
}
button.cta,
.button.cta {
  font-size: var(--fs-550);
  border: 2px solid var(--text-2);
  color: var(--text-2);
  transition: 0.25s scale ease-in-out;
}
button.cta:not(:disabled):hover,
.button.cta:not(:disabled):hover {
  scale: 1.1;
}
button.dark,
.button.dark {
  background: var(--surface-1);
  color: var(--text-1);
  border: 2px solid var(--surface-1);
  border-radius: 100px;
}
button.white,
.button.white {
  border-radius: 25px;
  background: #fff;
  color: #000;
}
button.rounded,
.button.rounded {
  border-radius: 5px;
}
button.short,
.button.short {
  padding: 0.5rem 1.56rem;
}
button.tall,
.button.tall {
  padding: 1.1rem 1.56rem;
}
button.icon-button,
.button.icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
button.outline,
.button.outline {
  border: 1px solid currentColor !important;
  border-radius: 6.25rem !important;
}
button.badge-btn,
.button.badge-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.button {
  padding: 0.9rem 1.56rem;
}

/* colors */
/* temp refs to fix build errors remove after remap */
/* screen width breaks */
input, select, .svelte-multiselect {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-weight: 350;
  font-size: var(--fs-400);
  line-height: 1.5em;
  color: white;
  display: block;
  padding-block: 12px;
  padding-inline: 15px 0.75em;
  border: 1px solid var(-Kool-Light-Gray);
  background: black;
  border-radius: 0.4375rem;
}
input:focus-visible, select:focus-visible, .svelte-multiselect:focus-visible {
  border: solid 1px #8CC63F;
}
input[disabled], input[disabled=disabled], select[disabled], select[disabled=disabled], .svelte-multiselect[disabled], .svelte-multiselect[disabled=disabled] {
  opacity: 50%;
}
input[disabled] ~ i.padlock:before, input[disabled=disabled] ~ i.padlock:before, select[disabled] ~ i.padlock:before, select[disabled=disabled] ~ i.padlock:before, .svelte-multiselect[disabled] ~ i.padlock:before, .svelte-multiselect[disabled=disabled] ~ i.padlock:before {
  content: url(/icons/padlock-black.svg);
  width: 14px;
  margin-left: calc(-14px - 0.75em - 4px);
}
input.validation-failed, input:has(+ .validation-msg), select.validation-failed, select:has(+ .validation-msg), .svelte-multiselect.validation-failed, .svelte-multiselect:has(+ .validation-msg) {
  border-color: red;
}

input::placeholder {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-weight: 350;
  font-size: var(--fs-400);
  line-height: 1.5em;
  color: var(--dark-text-1);
  display: block;
  padding-block: 12px;
  padding-inline: 0 !important;
  padding: 0 !important;
  border: none;
  background: var(--input-background-color, var(--text-1));
  border-radius: 0.4375rem;
}

.select-container:has(> select) {
  position: relative;
}
.select-container:has(> select):after {
  content: "";
  width: 0.75rem;
  aspect-ratio: 1;
  background-image: url(/icons/down-caret-black.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  pointer-events: none;
}
.select-container:has(> select):has(+ .validation-msg) > select {
  border-color: red;
}
.select-container:has(> select) > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 1.333rem;
}
.select-container:has(> select) > select::-ms-expand {
  display: none;
}

.checkbox-fieldset input {
  opacity: 0;
  height: 0;
  width: 0;
}
.checkbox-fieldset .pseudo-checkbox::after {
  content: "";
  display: block;
  width: 2.5em;
  height: 2.5em;
  border-radius: 100px;
  outline: 2px solid #000;
  border: 2px solid #fff;
  transition: background 0.25s linear;
}
.checkbox-fieldset input:checked + label .pseudo-checkbox::after {
  background: var(--surface-cta);
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
  margin-bottom: 20px;
}
fieldset input,
fieldset select {
  width: 100%;
}
fieldset:has(.validation-msg) {
  margin-bottom: 0;
}
fieldset label {
  display: block;
  margin-bottom: 0.62rem;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
}
fieldset.checkbox-fieldset label {
  display: flex;
  gap: 0.625em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}
fieldset.icon-fieldset {
  position: relative;
}
fieldset.icon-fieldset .icon {
  position: absolute;
  right: 1.25rem;
  bottom: 0.75rem;
  transform: translateY(-25%);
}

/* colors */
/* temp refs to fix build errors remove after remap */
/* screen width breaks */
body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  margin: 0;
  background-color: black;
}

.top-level-container,
.sticky {
  width: 100%;
  max-width: 768px;
}
@media screen and (min-width: 1100px) {
  .top-level-container,
  .sticky {
    max-width: 1100px;
  }
}
@media screen and (min-width: 1440px) {
  .top-level-container,
  .sticky {
    max-width: 1440px;
  }
}

.indented-container {
  margin-left: 40px;
  margin-right: 40px;
}
@media screen and (max-width: 1099px) {
  .indented-container {
    margin-left: unset;
    margin-right: unset;
  }
}

.sticky {
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 1099px) {
  .sticky {
    padding-left: unset;
    padding-right: unset;
  }
}

.gold-bar, .the-clipper {
  height: 0.75rem;
}

.the-clipper {
  overflow: clip;
}

#headerAppTarget {
  top: 0px;
  z-index: 100;
  width: 100%;
}
@media (width < 1100px) {
  #headerAppTarget {
    position: relative;
  }
}

#footerAppTarget {
  width: 100%;
}

.navigation-header {
  background: var(--surface-1);
  position: relative;
  z-index: 2;
}
.navigation-header .wrapper {
  --padding: 0;
  border-bottom: 2px solid #fff;
}
.navigation-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation-header .user-cell {
  display: none;
}
@media (width > 1100px) {
  .navigation-header .user-cell:not(:empty) {
    display: block;
  }
}
.navigation-header .sgw-cell {
  order: 1;
  flex: 1 1 100%;
}
.navigation-header .sgw-cell img {
  margin: 0 auto 1.25em auto;
}
@media (width > 1100px) {
  .navigation-header .sgw-cell {
    order: unset;
    flex: unset;
  }
  .navigation-header .sgw-cell img {
    margin: 0 0 0 0;
  }
}
.navigation-header .brand-cell {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 100%;
}
@media (width <= 1100px) {
  .navigation-header .brand-cell {
    padding: 0 1.25rem;
  }
  .navigation-header .brand-cell .coin-total-wrapper {
    flex: 1 1 100%;
    display: flex;
    gap: 0.5em;
    justify-content: end;
    padding-right: 1em;
    color: var(--text-accent-1);
  }
}
@media (width > 1100px) {
  .navigation-header .brand-cell {
    display: block;
    flex: unset;
    order: unset;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .navigation-header .brand-cell .coin-total-wrapper {
    display: none;
  }
}
.navigation-header .brand-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.1em 0;
  flex-wrap: wrap;
}
@media (width > 1100px) {
  .navigation-header .brand-bar {
    flex-wrap: nowrap;
    position: relative;
  }
}
.navigation-header img.brand {
  width: 130px;
}
.navigation-header .navigation-bar {
  position: relative;
  display: none;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
@media (width > 1100px) {
  .navigation-header .navigation-bar {
    display: flex;
  }
}
@media (width <= 1100px) {
  .navigation-header .navigation-bar {
    display: block;
    position: fixed;
    top: -100%;
    right: 0;
    height: 100%;
    width: 100%;
    background: var(--surface-cta);
    z-index: 10;
    overflow-y: auto;
    opacity: 0;
    transition: 0.25s top ease-in-out, 0.35s opacity linear;
  }
  .navigation-header nav {
    max-width: 100%;
    overflow: hidden;
  }
  .navigation-header:has(.show-mobile-menu)::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    position: fixed;
    inset: 0;
  }
  .navigation-header .mobile-control-bar {
    margin: -1px 0 0 0;
    background: var(--surface-1);
    padding: 0.62rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.37rem;
  }
  .navigation-header .mobile-control-bar .coin-total-wrapper {
    flex: unset;
    display: flex !important;
    gap: 0.5em;
    justify-content: end;
    padding-right: 1em;
    padding-left: 1em;
    color: var(--text-accent-1);
  }
  .navigation-header .navigation-bar:has(.show-mobile-menu) {
    top: 0;
    opacity: 1;
  }
  .navigation-header .navigation-bar:has(.show-mobile-menu) .plate {
    flex: 1 1 100%;
  }
  .navigation-header .navigation-bar:has(.show-mobile-menu) .pack-code-info {
    display: none;
  }
  .navigation-header nav {
    position: relative;
  }
  .navigation-header nav li:not(.pack-code-form) {
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
  }
  .navigation-header nav li:not(.pack-code-form) .right-arrow {
    margin-right: 1.25rem;
    width: 13px;
    height: 20px;
  }
  .navigation-header nav li:not(.pack-code-form) .sub-nav {
    transform: translateY(-0.5em);
    display: flex !important;
    flex-direction: column;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    bottom: -0.5em;
    opacity: 0;
    transition: 0.25s left ease-in-out, 0.35s opacity linear;
    background: var(--surface-cta);
    justify-content: flex-start;
    align-items: flex-start;
  }
  .navigation-header nav li:not(.pack-code-form) .sub-nav li {
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .navigation-header nav li:not(.pack-code-form) .sub-nav li button {
    display: flex;
    align-items: center;
    height: 50px;
    opacity: 0.5;
    transition: 0.5s opacity linear;
    scale: unset;
  }
  .navigation-header nav li:not(.pack-code-form) .sub-nav li button:hover {
    opacity: 1;
  }
  .navigation-header nav li:not(.pack-code-form) .sub-nav li button .icon {
    margin-left: 1.25rem;
    margin-right: 0.5em;
  }
  .navigation-header nav li:not(.pack-code-form) .sub-nav a {
    font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.26px;
    transition: 0.25s background ease-in-out, 0.25s color ease-in-out;
  }
  .navigation-header nav li:not(.pack-code-form) [aria-expanded=true] + .sub-nav {
    left: 0 !important;
    opacity: 1 !important;
  }
  .navigation-header nav li:not(.pack-code-form) a, .navigation-header nav li:not(.pack-code-form) .logout-btn {
    display: block;
    padding: 1.25rem;
    font-family: "Cinzel";
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    text-decoration: none;
  }
}
@media (width > 1100px) {
  .navigation-header .navigation-bar,
  .navigation-header .brand-bar {
    background: var(--surface-1);
  }
  .navigation-header .navigation-bar {
    gap: 1.5rem;
    padding: 0 1.25rem;
  }
  .navigation-header nav ul {
    border-top: none;
    gap: 1.5em;
    display: flex;
  }
}
@media (width > 1100px) and (width > 1440px) {
  .navigation-header nav ul {
    gap: 2.5em;
  }
}
@media (width > 1100px) {
  .navigation-header nav ul a, .navigation-header nav ul .logout-btn {
    display: block;
    padding: 1.69em 0;
    color: var(--text-2);
    font-family: "Gotham Book", Helvetica, Arial, sans-serif;
    font-weight: 350;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.01rem;
    text-transform: uppercase;
    text-decoration: none;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    height: 100%;
  }
}
@media screen and (width > 1100px) and (max-width: 1439px) {
  .navigation-header nav ul a, .navigation-header nav ul .logout-btn {
    font-size: 0.85rem;
  }
}
@media (width > 1100px) {
  .navigation-header nav ul .root-nav-item {
    transition: 0.25s color ease-in-out, 0.25s border ease-in-out !important;
    text-align: center;
  }
  .navigation-header nav ul .root-nav-item:hover {
    color: #fff;
  }
  .navigation-header nav ul li.active > a,
  .navigation-header nav ul .root-nav-item[aria-current=page] {
    border-bottom: 5px solid #02893E !important;
  }
  .navigation-header nav ul .root-nav-item:hover,
  .navigation-header nav ul .root-nav-item:active,
  .navigation-header nav ul .root-nav-item:focus {
    outline: none;
    border-bottom: 5px solid #02893E;
  }
  .navigation-header nav ul li:has(.sub-nav):hover .root-nav-item,
  .navigation-header nav ul li:has(.sub-nav):active .root-nav-item,
  .navigation-header nav ul li:has(.sub-nav):focus .root-nav-item,
  .navigation-header nav ul li:has(.sub-nav):focus-within .root-nav-item {
    border-bottom: 5px solid #02893E;
  }
  .navigation-header nav ul li:has(.sub-nav):hover .sub-nav,
  .navigation-header nav ul li:has(.sub-nav):active .sub-nav,
  .navigation-header nav ul li:has(.sub-nav):focus .sub-nav,
  .navigation-header nav ul li:has(.sub-nav):focus-within .sub-nav {
    display: flex;
    opacity: 1;
  }
  .navigation-header nav ul .sub-nav:hover {
    display: flex;
    opacity: 1;
    z-index: 0;
  }
  .navigation-header nav ul .sub-nav {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    transform: translateY(calc(100% - 2px));
    background: var(--surface-cta);
    transition: 0.25s transform ease-in-out;
    transform-origin: top;
    padding-inline: 1.88rem;
    gap: 3.12rem;
    opacity: 0;
  }
  .navigation-header nav ul .sub-nav a {
    padding: 1.06em 0;
    color: var(--text-2);
    font-family: "Gotham Book", Helvetica, Arial, sans-serif;
    font-size: var(--fs-400);
    font-weight: 350;
    line-height: 1;
    letter-spacing: var(--ls-300);
    transition: 0.25s color ease-in-out;
  }
  .navigation-header nav ul .sub-nav a:hover, .navigation-header nav ul .sub-nav a:focus, .navigation-header nav ul .sub-nav a:active {
    outline: none;
    color: var(--text-accent-1);
  }
  .navigation-header .pack-code-info {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: max-content;
  }
}
.navigation-header .coin-total-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: max-content;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
}
.navigation-header .coin-total-wrapper img.kool-coin {
  width: 20px;
}
.navigation-header .coin-total-wrapper .coin-total {
  color: var(--text-accent-1);
  min-width: max-content;
}
.navigation-header .plate {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  cursor: pointer;
}
.navigation-header .plate .initials {
  display: flex;
  flex: 0 0 40px;
  justify-content: center;
  align-items: center;
  border: solid 1px currentColor;
  color: var(--text-2);
  width: 40px;
  height: 40px;
  border-radius: 1.25rem;
}
.navigation-header .plate .initials > * {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: var(--fs-300);
  font-weight: 500;
  text-transform: uppercase;
}
.navigation-header .welcome {
  display: grid;
}
.navigation-header .welcome .message-text {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: var(--fs-200);
  font-weight: 350;
  line-height: 1.125;
}
.navigation-header .welcome *:not(.message-text) {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: var(--fs-300);
  line-height: 1.1;
  letter-spacing: 0.00875rem;
  text-transform: uppercase;
}

#packCodeForm {
  background: var(--surface-3);
  border-radius: 1.875rem;
  padding: 0.95rem 1.25rem;
  margin: 1em;
  transition: 0.5s all ease-in-out;
}
#packCodeForm:has([aria-expanded=true]) {
  padding: 1.25rem;
  background: var(--surface-1);
  border-radius: 0.625rem;
}
#packCodeForm button[aria-controls=packCodePanel] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: unset;
  transform: unset;
  scale: unset;
}
#packCodeForm button[aria-controls=packCodePanel] h6 {
  text-align: left;
  flex: 1 1 100%;
}
#packCodeForm button[aria-controls=packCodePanel] .icon {
  width: 1.25rem;
}
#packCodeForm button[aria-controls=packCodePanel] .icon.close-minus-icon {
  display: none;
}
#packCodeForm button[aria-controls=packCodePanel][aria-expanded=true] {
  padding: 0 0 1.25rem 0;
}
#packCodeForm button[aria-controls=packCodePanel][aria-expanded=true] .icon.close-minus-icon {
  display: block;
}
#packCodeForm button[aria-controls=packCodePanel][aria-expanded=true] .icon.open-plus-icon {
  display: none;
}
#packCodeForm .toggle-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.25s grid-template-rows ease-in-out;
}
#packCodeForm .toggle-panel-wrapper {
  height: 100%;
  overflow: hidden;
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 1.25rem;
}
#packCodeForm .toggle-panel-wrapper .button {
  border-radius: 1.25rem;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  max-width: unset;
  transition: unset;
  scale: unset;
}
#packCodeForm .toggle-panel-wrapper .button.dark {
  background: rgba(252, 252, 252, 0.25);
}
#packCodeForm [aria-controls=packCodePanel][aria-expanded=true] + .toggle-panel {
  grid-template-rows: 1fr;
}

#packCodeSet {
  background: var(--surface-3);
  border-radius: 1.875rem;
  padding: 0.95rem 1.25rem;
  margin: 1em;
  transition: 0.5s all ease-in-out;
}
#packCodeSet:has([aria-expanded=true]) {
  padding: 1.25rem;
  background: var(--surface-1);
  border-radius: 0.625rem;
}
#packCodeSet button[aria-controls=packCodePanel] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: unset;
  transform: unset;
  scale: unset;
}
#packCodeSet button[aria-controls=packCodePanel] h6 {
  text-align: left;
  flex: 1 1 100%;
}
#packCodeSet button[aria-controls=packCodePanel] .icon {
  width: 1.25rem;
}
#packCodeSet button[aria-controls=packCodePanel] .icon.close-minus-icon {
  display: none;
}
#packCodeSet button[aria-controls=packCodePanel][aria-expanded=true] {
  padding: 0 0 1.25rem 0;
}
#packCodeSet button[aria-controls=packCodePanel][aria-expanded=true] .icon.close-minus-icon {
  display: block;
}
#packCodeSet button[aria-controls=packCodePanel][aria-expanded=true] .icon.open-plus-icon {
  display: none;
}
#packCodeSet .toggle-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.25s grid-template-rows ease-in-out;
}
#packCodeSet .toggle-panel-wrapper {
  height: 100%;
  overflow: hidden;
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 1.25rem;
}
#packCodeSet .toggle-panel-wrapper .button {
  border-radius: 1.25rem;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  max-width: unset;
  transition: unset;
  scale: unset;
}
#packCodeSet .toggle-panel-wrapper .button.dark {
  background: rgba(252, 252, 252, 0.25);
}
#packCodeSet [aria-controls=packCodePanel][aria-expanded=true] + .toggle-panel {
  grid-template-rows: 1fr;
}
#packCodeSet #pack-code-error:empty {
  display: none;
}
#packCodeSet #addPackCodeForm:disabled {
  opacity: 0.5;
}
#packCodeSet #packCodeForms {
  width: 100%;
  max-width: 315px;
  display: grid;
  gap: 20px;
}
#packCodeSet .packCodeForm {
  display: grid;
  gap: 0.31rem;
  grid-template-columns: repeat(5, 1fr);
  max-width: 100%;
}
#packCodeSet .packCodeForm input {
  width: 100%;
  text-align: center;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: var(--fs-400);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.01rem;
  padding: 0.65rem 0.31rem;
}
@media (width < 345px) {
  #packCodeSet .packCodeForm input {
    max-width: 2.75rem;
    font-size: var(--fs-300);
  }
}

/*
footer {
    border-top: 2px solid $dark-green-2;
    padding-bottom: 40px;

    .default-sweeps-footer-terms {
        display: none;
        max-width: 80%;
        margin: 0 auto 2.25em auto;
        color: #aaa;
    }

    .wrapper {
        position: relative;
    }

    sup {
        vertical-align: baseline;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .scroll-top {
        display: block;
        margin: 1.875rem auto 1.875rem auto;
        text-align: center;
        .icon.to-top {
            filter:contrast(10);
        }
        @media(width > $width-medium) {
            margin: 0;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate(-50%);
        }
    }

    a {
        color: var(--text-2);
        font-family: $gotham;
        font-size: var(--fs-300);
        font-weight: 350;
        line-height: 1.125;
        text-decoration: none;

        @media(width > $width-medium) {
            font-size: var(--fs-200);
        }

        strong {
            font-family: $gothamBold;
            text-transform: uppercase;
        }
    }

    .footer-top-links {
        --grid-content-wrapper-gap: 10px;
        --grid-content-wrapper-padding: 30px 0 30px 0;
        width: max-content;
        margin: 0 auto;

        @media(width > $width-medium) {
            --grid-content-wrapper-template: 1fr 1fr;
            --grid-content-wrapper-gap: 20px;
            --grid-content-wrapper-padding: 40px 0 30px 0;
        }
    }

    .footer-text-and-privacy-button {
        --grid-content-wrapper-template: 1fr;
        --grid-content-wrapper-justification: center;
        --grid-content-wrapper-gap: 1.875em;
        width: max-content;
        max-width: 100%;
        margin: 0 auto 1.875em auto;

        @media(width > $width-medium) {
            padding-top: 2.25em;
        }

        @media(width > $width-large) {
            --grid-content-wrapper-gap: 0;
            --grid-content-wrapper-template: 670px 200px;
            margin: 0 auto 10px auto;
        }

        p {
            font-family: $gotham;
            font-weight: 350;
            color: var(--text-2);
            text-align: center;
            font-size: var(--fs-300);
            line-height: 1.25;
            letter-spacing: 0.12px;
            max-width: 315px;
            margin: 0 auto;

            @media(width > $width-medium) {
                font-size: var(--fs-200);
                max-width: unset;
                margin: unset;
            }
        }

        .icon {
            margin: 0;
            width: 49px;
            height: 23px;
            transform: unset;
        }

        .optanon-toggle-display {
            display: flex;
            gap: 20px;
            padding: 0;
            align-items: center;
            text-transform: unset;
            color: var(--text-2);
            font-family: $gotham;
            font-size: var(--fs-200);
            line-height: 1.375;

            &:hover {
                scale: 1;
            }
        }
    }

    .footer-navigation {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px 0;
        text-align: center;
        max-width: 315px;
        margin-inline: auto;

        :nth-child(1) {
            order: 1;
        }

        :nth-child(2) {
            order: 3;
        }

        :nth-child(3) {
            order: 5;
        }

        :nth-child(4) {
            order: 7;
        }

        :nth-child(5) {
            order: 2;
        }

        :nth-child(6) {
            order: 4;
        }

        :nth-child(7) {
            order: 6;
        }

        @media(width > $width-medium) {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            max-width: unset;
            margin: unset;

            > * {
                order: unset !important;
            }
        }
    }
}
*/
.error-box {
  background-color: #cc0000;
  color: white;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
}

.overlay-warn {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 999999;
  display: none;
}
.overlay-warn .window {
  background-color: #FFFFFF;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 100%;
  width: 1200px;
  padding: 80px;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .overlay-warn .window {
    max-width: 90%;
    max-height: 90%;
    padding: 16px 18px;
  }
}
.overlay-warn .window h2 {
  font-size: 1rem;
  color: #231f20;
  font-weight: bold;
  text-transform: none;
  margin: 0 0 1rem 0;
}
.overlay-warn .window article * {
  font-size: 16px;
  color: #231f20;
  line-height: 1.3;
  font-family: Helvetica, sans-serif !important;
  letter-spacing: unset;
}
@media screen and (max-width: 768px) {
  .overlay-warn .window article * {
    font-size: 12px;
  }
}
.overlay-warn .window article {
  padding-bottom: 16px;
  border-bottom: 1px solid black;
  margin-bottom: 38px;
  color: var(--dark-text-1);
}
.overlay-warn .window article:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.overlay-warn .window article p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.overlay-warn .window article ul li {
  padding-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .overlay-warn .window article ul li {
    padding-bottom: 4px;
  }
}
.overlay-warn .window article.lang-end {
  padding-bottom: 32px;
  border-bottom: 1px dashed black;
  margin-bottom: 72px;
}
.overlay-warn .window.es {
  display: none;
}
.overlay-warn .window .warn-print-btn {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .overlay-warn .window .warn-print-btn {
    margin-top: 38px;
  }
}
.overlay-warn .window .warn-print-btn .print {
  margin-bottom: 30px;
  font-size: 16px;
  background-color: #EEE;
  color: #777;
  line-height: 1.2;
  padding: 4px 8px;
  text-decoration: none;
  font-weight: 500;
  margin-right: -36px;
}
@media screen and (max-width: 768px) {
  .overlay-warn .window .warn-print-btn .print {
    min-width: 0;
    margin-top: 45px;
    margin-right: 0;
    margin-bottom: 15px;
    font-size: 12px;
  }
}
@media screen and (max-width: 500px) {
  .overlay-warn .window .warn-print-btn .print {
    margin-top: 40px;
  }
}
.overlay-warn .window .warn-print-btn .print:hover, .overlay-warn .window .warn-print-btn .print:active {
  color: #777 !important;
}
.overlay-warn .window .warn-print-btn.es {
  display: none;
}
.overlay-warn .window .closebtn {
  color: black;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  position: absolute;
  top: 1.5rem;
  right: 40px;
  border: none;
  background: none;
}
@media screen and (max-width: 768px) {
  .overlay-warn .window .closebtn {
    top: 10px;
    right: 10px;
  }
}

.success-msg {
  color: green;
}

.veratad-modal.veratad-modal--noOverlayClose:not(.veratad-modal--visible) {
  display: none;
}

.two-column-image-text-hero {
  display: grid;
}
.two-column-image-text-hero *, .two-column-image-text-hero ::before, .two-column-image-text-hero ::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  min-width: auto;
}
.two-column-image-text-hero img, .two-column-image-text-hero picture {
  display: block;
  max-width: 100%;
}
.two-column-image-text-hero > * {
  grid-area: 1/1;
}
.two-column-image-text-hero .two-column-image-text-hero-background {
  position: relative;
  min-height: 100%;
  min-width: 100%;
  z-index: -1;
}
.two-column-image-text-hero .two-column-image-text-hero-background picture {
  position: absolute;
  inset: 0;
}
.two-column-image-text-hero .two-column-image-text-hero-background picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center center;
}
.two-column-image-text-hero .two-column-image-text-hero-foreground {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.two-column-image-text-hero .two-column-image-text-hero-column {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
  align-items: center;
  height: min-content;
}
@media (min-width: 1100px) {
  .two-column-image-text-hero .two-column-image-text-hero-column {
    gap: 10px;
  }
}

.video-player-overlay {
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
}
.video-player-overlay video {
  width: 100%;
  max-width: 800px;
}

.sweeps-promo-bar {
  background-image: var(--background-desktop);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1100px) {
  .sweeps-promo-bar {
    background-image: var(--background-mobile);
    background-color: #0e8a80;
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: left top;
  }
}

@media (width <= 1100px) {
  #intense-footer-feature .stacked-grid-content {
    align-items: end;
  }
}
@media (width <= 1100px) {
  #intense-footer-feature .foreground .grid-content-wrapper {
    --grid-content-wrapper-padding: 40px 30px;
    --grid-content-wrapper-gap: 10px;
    --grid-content-wrapper-justification: center;
    text-align: center;
  }
  #intense-footer-feature .foreground .grid-content-wrapper .button-set {
    justify-content: center;
  }
}
@media (width > 1100px) {
  #intense-footer-feature .foreground .grid-content-wrapper {
    --grid-content-wrapper-padding: 50px 0px 60px 60px;
  }
}
#intense-footer-feature .foreground .grid-content-wrapper .button-set {
  margin-top: 20px;
}

#intense-footer-feature {
  margin-bottom: 6.25em;
}

.login-page .hero {
  background-size: cover;
  background-position: center;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 40px;
  padding: 40px;
}
.login-page .hero > * {
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 1099px) {
  .login-page .hero {
    background-position: bottom;
    margin-bottom: 0;
  }
  .login-page .hero > * {
    width: 100%;
  }
  .login-page .hero > *:first-child {
    order: 5;
  }
  .login-page .hero > *:first-child > *:first-child {
    display: none;
  }
}
.login-page .login-section-header {
  padding: 1.88rem 1.875rem 0 1.875rem;
}
@media (width > 768px) {
  .login-page .login-section-header {
    padding: 2.5rem 2.25rem 0 2.25rem;
  }
}
@media (width > 1440px) {
  .login-page .login-section-header {
    padding: 2.5rem 6.25rem 0 6.25rem;
  }
}
.login-page .login-section-footer {
  box-sizing: content-box;
  padding: 0 0 2.5rem 1.875rem;
}
@media (width > 768px) {
  .login-page .login-section-footer {
    padding: 0 0 2.5rem 2.25rem;
  }
}
@media (width > 1440px) {
  .login-page .login-section-footer {
    padding: 0 0 2.5rem 6.25rem;
  }
}
.login-page .login-section-wrapper {
  --grid-content-wrapper-padding: 1.88rem 1.875rem 3.75rem 1.875rem;
  --grid-content-wrapper-gap: 0 2.25rem;
  --grid-content-wrapper-alignment: start;
  row-gap: 50px !important;
}
.login-page .login-section-wrapper .form-cell {
  max-width: 31.875rem;
}
@media (width > 1100px) {
  .login-page .login-section-wrapper {
    --grid-content-wrapper-padding: 2.5rem 2.25rem 3.125rem 2.25rem;
    --grid-content-wrapper-template: 1fr 1fr;
    row-gap: unset !important;
  }
}
@media (width > 1100px) {
  .login-page .login-section-wrapper {
    --grid-content-wrapper-gap: 0 6.25rem;
  }
}
@media (width > 1440px) {
  .login-page .login-section-wrapper {
    --grid-content-wrapper-padding: 2.5rem 6.25rem 3.66rem 6.25rem;
  }
}
.login-page .login-section-wrapper .full-width {
  width: 100%;
  grid-column: 1/-1;
  margin-bottom: 1.87rem;
}
@media (width > 768px) {
  .login-page .login-section-wrapper .full-width {
    margin-bottom: 2.5rem;
  }
}
.login-page .login-section-wrapper .login-form-container {
  width: 100%;
  background-color: var(--surface-1);
  margin-bottom: 1.87rem;
  grid-column: 1/-1;
}
@media (width > 768px) {
  .login-page .login-section-wrapper .login-form-container {
    margin-bottom: 2.5rem;
  }
}
.login-page .login-section-wrapper .button-set {
  justify-content: space-between;
}
@media (width < 768px) {
  .login-page .login-section-wrapper .button-set a {
    font-size: 14px;
  }
}
.login-page .login-section-wrapper.form-cell,
.login-page .login-section-footer {
  max-width: 31.875rem;
}
.login-page .login-section-sidebar {
  --grid-content-wrapper-template: 1fr;
  --grid-content-wrapper-gap: 1.88rem;
  --grid-content-wrapper-padding: 0;
  --grid-content-wrapper-justification: start;
  max-width: 31.875rem;
}
.login-page .login-section-sidebar button.anchor {
  padding: 0 !important;
}
@media (width > 1100px) {
  .login-page .login-section-sidebar {
    --grid-content-wrapper-padding: 0;
  }
}

.password-reset .hero {
  padding: 40px 40px 60px 40px;
  margin-bottom: 40px;
  background-position: top left;
  background-size: cover;
}
@media screen and (max-width: 1099px) {
  .password-reset .hero {
    padding: 2.5rem 0 4rem 0;
    padding-bottom: 4.5rem;
    margin-bottom: 0;
    background-position: top center;
  }
}

.offers .featureAppTarget:not(:has(.feature)), .offers .cardsAppTarget:not(:has(.cards)) {
  display: none !important;
}
.offers .state-checkbox {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
}
.offers .how-to-view,
.offers .how-to-view-grid,
.offers .how-to-view-flex {
  display: none;
}
.offers .initial-view,
.offers .initial-view-grid,
.offers .initial-view-flex {
  display: none;
}
.offers .mail-coupon-view,
.offers .mail-coupon-view-grid,
.offers .mail-coupon-view-flex {
  display: none;
}
.offers .back-to-wallet {
  width: max-content;
  margin: 20px;
  gap: 10px;
  align-items: center;
}
.offers .back-to-wallet .button {
  font-size: var(--fs-200);
}
.offers .kool-black-disclaimer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fcfcfc;
}
@media (width <= 1100px) {
  .offers:has(#mail-coupon-state-check:checked) #mobileOffersSvelteTarget {
    display: none;
  }
  .offers:has(#mail-coupon-state-check:checked) .mail-coupon-view {
    display: block;
  }
  .offers:has(#mail-coupon-state-check:checked) .mail-coupon-view-grid {
    display: grid;
  }
  .offers:has(#mail-coupon-state-check:checked) .mail-coupon-view-flex {
    display: flex;
  }
}
@media (width > 1100px) {
  .offers:has(#how-to-mobile-state-check:not(:checked)) .how-to-view,
  .offers:has(#how-to-mobile-state-check:not(:checked)) .how-to-view-grid,
  .offers:has(#how-to-mobile-state-check:not(:checked)) .how-to-view-flex {
    display: none;
  }
  .offers:has(#how-to-mobile-state-check:not(:checked)) .initial-view {
    display: block;
  }
  .offers:has(#how-to-mobile-state-check:not(:checked)) .initial-view-grid {
    display: grid;
  }
  .offers:has(#how-to-mobile-state-check:not(:checked)) .initial-view-flex {
    display: flex;
  }
  .offers:has(#how-to-mobile-state-check:not(:checked)) .the-real-hero h2.initial-view {
    color: var(--text-accent-1);
  }
  .offers:has(#how-to-mobile-state-check:not(:checked)) .the-real-hero .copy {
    position: relative;
    max-width: 450px;
  }
  .offers:has(#how-to-mobile-state-check:checked) .initial-view,
  .offers:has(#how-to-mobile-state-check:checked) .initial-view-grid,
  .offers:has(#how-to-mobile-state-check:checked) .initial-view-flex {
    display: none;
  }
  .offers:has(#how-to-mobile-state-check:checked) .how-to-view {
    display: block;
  }
  .offers:has(#how-to-mobile-state-check:checked) .how-to-view-grid {
    display: grid;
  }
  .offers:has(#how-to-mobile-state-check:checked) .how-to-view-flex {
    display: flex;
  }
  .offers:has(#how-to-mobile-state-check:checked) .the-real-hero {
    margin-bottom: 40px;
    padding: 1em 60px 0 60px;
    height: 350px;
    background: linear-gradient(180deg, rgba(252, 252, 252, 0) 69.5%, rgba(252, 252, 252, 0.1) 100%), #1B1B1B;
    background-image: unset !important;
  }
  .offers:has(#how-to-mobile-state-check:checked) .the-real-hero .copy {
    max-width: 400px;
  }
  .offers:has(#how-to-mobile-state-check:checked) .the-real-hero .copy p.smaller-text:last-child {
    margin-top: 2.5rem;
  }
}
.offers .koolcoin-cards {
  margin-bottom: 80px;
  margin-inline: auto;
}
@media (width > 1100px) {
  .offers .koolcoin-cards {
    margin-bottom: 100px;
    margin-inline: unset;
  }
}
.offers .koolcoin-cards .cards {
  order: 1;
}
.offers .koolcoin-cards .bottom-button {
  order: 2;
  margin: 2em auto 0 auto;
}
.offers .koolcoin-cards .cards.button-heading .wrapper.cards-header {
  --padding: 0;
}
.offers .koolcoin-cards .cards.button-heading .wrapper.cards-header h3 {
  font-size: var(--fs-700);
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1em;
  color: var(--text-accent-1);
  max-width: 315px;
}
@media (width > 1100px) {
  .offers .koolcoin-cards .cards.button-heading .wrapper.cards-header h3 {
    max-width: 100%;
  }
}
.offers .koolcoin-cards .cards.button-heading .wrapper.cards-header h3 .button {
  color: #fff;
  width: 226px;
  display: none;
}
@media (width > 1100px) {
  .offers .koolcoin-cards .cards.button-heading .wrapper.cards-header h3 .button {
    display: block;
  }
}
.offers .koolcoin-cards .card-set {
  --grid-content-wrapper-gap: 2.5rem;
  --grid-content-wrapper-alignment: start;
}
@media (width > 1100px) {
  .offers .koolcoin-cards .card-set {
    --grid-content-wrapper-padding: 0 2rem;
  }
}
.offers .koolcoin-cards .card-set .card {
  --grid-content-wrapper-gap: 1rem;
  --grid-content-wrapper-alignment: end;
  --grid-content-wrapper-padding: 0;
}
.offers .koolcoin-cards .card-set .card:has(.undercard-message) {
  margin-bottom: 2rem;
}
.offers .koolcoin-cards .card-set .card .button-set {
  width: 100%;
  padding: 10px;
}
.offers .koolcoin-cards .card-set .card .button-set > .button.dark {
  border: 1px solid #fff;
}
.offers .koolcoin-cards .card-set .card .badge-btn {
  padding: 10px 12px 10px 17px;
  font-size: var(--fs-200);
  width: 100%;
  text-transform: unset;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
}
.offers .koolcoin-cards .card-set .card .badge-btn .button-text {
  flex: 1 1 100%;
  text-align: left;
}
.offers .koolcoin-cards .card-set .card .badge-btn .badge {
  width: 100%;
  padding: 0.7em 0;
  font-size: 11px;
}
.offers .koolcoin-cards .card-set .card .badge-btn .badge.dark {
  max-width: 108px;
}
.offers .koolcoin-cards .card-set .card .badge-btn .badge.accent {
  max-width: 94px;
}
.offers .koolcoin-cards .card-set .card .badge-btn .icon {
  display: none;
}
@media (width > 1100px) {
  .offers .koolcoin-cards .card-set .card .badge-btn .icon {
    display: block;
  }
}
.offers .koolcoin-rewards {
  margin-inline: auto;
  text-align: center;
}
@media (width > 1100px) {
  .offers .koolcoin-rewards {
    max-width: unset;
    margin-inline: unset;
    margin-bottom: 80px;
    text-align: left;
  }
}
.offers .koolcoin-rewards .image-header {
  height: 100px;
  width: auto;
}
.offers .koolcoin-rewards .foreground .grid-content-wrapper {
  --grid-content-wrapper-gap: 1.875rem;
  --grid-content-wrapper-padding: 40px 30px;
}
.offers .koolcoin-rewards .foreground .grid-content-wrapper .feature-title {
  margin-bottom: 0.625rem;
}
.offers .koolcoin-rewards .button-set {
  width: 100%;
  justify-content: center;
}
.offers .the-real-hero {
  color: #fff;
  padding: 40px;
  margin-bottom: 60px;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  background-size: cover;
  background-position: center;
  height: 680px;
  box-sizing: border-box;
}
.offers .the-real-hero .copy {
  max-width: 580px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: start;
  gap: 1.25rem;
}
.offers .the-real-hero .copy label.button {
  margin-top: 1.25rem;
}
.offers .the-real-hero .copy h2.initial-only {
  color: var(--text-accent-1);
}
.offers .the-real-hero .get-started {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  color: white;
  width: 350px;
  gap: 15px;
}
.offers .the-real-hero .get-started > * {
  margin: 0;
  padding: 0;
  text-align: center;
}
.offers .the-real-hero .get-started h5 {
  color: white;
  padding-bottom: 0.5rem;
}
.offers .the-real-hero .get-started img {
  width: 180px;
  margin: 0 auto;
}
@media screen and (max-width: 1439px) {
  .offers .the-real-hero .get-started {
    margin-right: -20px;
    width: 250px;
  }
}
.offers .faq-section {
  padding: 80px 30px;
  margin-bottom: 60px;
  position: relative;
  background: var(--surface-2);
}
.offers .faq-section h3 {
  color: var(--text-accent-1);
}
.offers .faq-section :global(h3) {
  font-size: 48px;
}
.offers .faq-section#faqAppTarget {
  z-index: 5;
}
.offers .faq-section#faqAppTarget .accordion {
  margin: 0 auto;
}
.offers .faq-section .toggle h5 {
  text-align: left;
  font-size: 1.125rem;
}
.offers .important-tips {
  --grid-content-wrapper-gap: 2rem;
  --card-border-radius: .875rem;
  --grid-content-wrapper-padding: 0 0em;
  margin-bottom: 80px;
  counter-reset: step;
}
@media (min-width: 1440px) {
  .offers .important-tips {
    --grid-content-wrapper-padding: 0 8em;
  }
}
.offers .important-tips .cards-header h3 {
  color: var(--Kool-Gold);
  text-align: center;
  margin-bottom: 0.7em;
  margin-top: 1.2em;
}
.offers .important-tips .card {
  text-align: center;
  background: #fff;
  --grid-content-wrapper-alignment: stretch;
}
.offers .important-tips .card .foreground {
  --grid-content-wrapper-alignment: end;
  --grid-content-wrapper-justification: end;
  --grid-content-wrapper-padding: 1.25em;
  color: var(--dark-text-1);
}
.offers .important-tips .card .foreground img {
  width: 180px;
}
.offers .important-tips .wrapper {
  place-items: center;
  display: grid;
}
.offers .important-tips .card-set {
  --grid-content-wrapper-alignment: stretch;
  list-style-type: none;
  max-width: 1100px;
}
.offers .important-tips .card-set li {
  position: relative;
}
.offers .important-tips .card-set li::before {
  counter-increment: step;
  content: counter(step);
  height: 3.75rem;
  width: 3.75rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--surface-cta);
  color: var(--text-1);
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: var(--fs-600);
}
.offers .important-tips .card-set .instructions-card {
  --grid-content-wrapper-alignment: end;
  --grid-content-wrapper-justification: center;
}
.offers .important-tips .card-set .instructions-card .foreground {
  --grid-content-wrapper-gap: 2em;
  --grid-content-wrapper-alignment: end;
  --grid-content-wrapper-justification: center;
}
.offers .important-tips .card-set .instructions-card .foreground .button-set {
  margin-top: 1.25rem;
  justify-content: center;
}
.offers .steps .allow-loc-services .foreground,
.offers .steps .allow-loc-services .background {
  border-radius: 14px;
}
@media screen and (max-width: 1099px) {
  .offers .hero {
    padding-bottom: 4.5rem;
    margin-bottom: 0;
  }
}

/*
.home-page {
    .if-not-promotion-show-next:has(.hero-view-state) + section {
        display: none;
    }

    .if-not-promotion-show-next:has(.hero-view-state .sweeps-lockout-message) + section {
        display: block;
    }

    .if-not-promotion-show-next:has(.sweeps-lockout-message) {
        display: none;
    }

    .CashoutHomePageFeatureAppTarget {
        margin-bottom: 10px;
    }

    .cashout-hero {
        display: block;
        position: relative;

        @media (width < $nav_break) {
            img {
                width: 768px;
            }
        }
    }

    .black-friday-hero {
        display: block;
        position: relative;
        margin-bottom: 40px;

        .wrapper {
            height: auto;
            aspect-ratio: 750 / 946;
            display: flex;
            justify-content: end;
            align-items: center;
            flex-direction: column;
            gap: 30px;
            background-image: var(--mobile-bg);
            background-size: cover;
            background-position: center bottom;
            background-repeat: no-repeat;
            padding-bottom: 40px;
        }

        .button {
            width: 200px;
            max-width: 100%;
        }

        p {
            width: 314px;
            color: #FCFCFC;
            font-family: 'Gotham Book';
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 125%;
            */ /* 22.5px */
/*letter-spacing: 0.8px;
        text-align: center;
    }

    @media(width > $nav-break) {
        .wrapper {
            aspect-ratio: 1320 / 550;
            justify-content: end;
            align-items: start;
            background-image: var(--desktop-bg);
            background-position: bottom right;
            padding: 50px 0 60px 60px;
        }

        p {
            font-size: 18px;
            letter-spacing: 0.9px;
            text-align: left;
        }
    }
}

.christmas-hero {
    display: flex;
    max-width: 1440px;
    margin: 0 auto 40px;
    height: 566px;
    padding: 102px 43px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    background-image: var(--desktop-bg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    .wrapper {
        display: flex;
        max-width: 574.17px;
        flex-direction: column;
        align-items: flex-start;
        gap: 38px;
    }

    h2 {
        color: #FFF;
        font-family: 'cinzel';
        font-size: 72px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;*/ /* 97.222% */
/*letter-spacing: -0.72px;
    text-transform: uppercase;
}

p {
    color: var(--UI-Kit-White, #FCFCFC);
    font-family: 'gotham-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;*/ /* 24px */
/*letter-spacing: 0.16px;
    max-width: 290px;
}

.button {
    color: var(--UI-Kit-White, #FCFCFC);
    text-align: center;
    font-family: 'gotham-bold';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;*/ /* 17.5px */
/*letter-spacing: 0.14px;
    text-transform: uppercase;
}

@media(width < $nav-break) {
    background-image: var(--mobile-bg);
    height: 475px;
    padding: 33px 43px;
    background-position: 50% 70%;

    .wrapper {
        margin: 0 auto;
        align-items: center;
        gap: 13px;
        align-self: stretch;
        flex: 1;
    }

    h2 {
        text-align: center;
        font-size: 42px;
        line-height: 100%;*/ /* 42px */
/*letter-spacing: -0.42px;
            }

            p {
                text-align: center;
                font-size: 16px;
            }

            .button {
                display: flex;
                width: 255px;
                height: 50px;
                padding: 0px 25px;
                justify-content: center;
                align-items: center;
                flex-shrink: 0;
                margin-top:auto;
            }
        }

        @media(width < $width-small) {
            padding: 23px 13px;
        }
    }

    .evergreen-hero {
        display: block;
        position: relative;

        .wrapper {
            height: auto;
            aspect-ratio: 767 / 745;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 30px;
            background-image: var(--mobile-bg);
            background-size: cover;
            background-position: center bottom;
            background-repeat: no-repeat;
        }

        p {
            display: none;
        }

        .button {
            margin-top: 10px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 285px;
            max-width: 100%;
        }

        img {
            width: calc(50% - 15px);
            transform: translateY(-35%);
        }

        @media(width >= $width-small) {
            img {
                width: calc(50% - 30px);
                margin-left: 15px;
            }
        }

        @media(width > $nav-break) {

            .wrapper {
                aspect-ratio: 1320 / 550;
                justify-content: center;
                background-image: var(--desktop-bg);
                background-position: bottom right;
                padding: 50px 0 60px 60px;
            }

            img {
                width: 30%;
                max-width: 330px;
                transform: unset;
                margin-left: unset;
            }

            .button {
                width: 255px;
                position: static;
                transform: unset;
            }

            p {
                display: block;
            }
        }

        @media screen and (max-width: $width-mobile-cutoff) {
            padding-bottom: 60px;

            .wrapper {
                a {
                    bottom: 0;
                }
            }
        }
    }

    section {
        margin-bottom: 80px;

        &.feature {
            height: 550px;
        }

        @media screen and (max-width: $width-mobile-cutoff) {
            margin-bottom: 60px;
        }
    }

    .luxe-banner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: start;
        align-items: center;
        width: 100%;
        aspect-ratio: 1320 / 550;

        & > * {
            grid-row: 1/-1;
            grid-column: 1/-1;
        }

        .content {
            display: flex;
            flex-flow: column;
            gap: 40px;
            justify-content: center;
            align-items: start;
            margin-left: 3.75rem;

            img {
                width: 333px;
            }

            button {
                width: 255px;
            }
        }

        & > img {
            object-fit: cover;
            object-position: center;
            width: 100%;
        }

        @media screen and (max-width: $width-mobile-cutoff) {
            aspect-ratio: 375 / 475;
            justify-items: center;
            align-items: end;

            .content {
                margin-left: 0;
                margin-bottom: 40px;
                align-items: center;
                width: 48%;

                img {
                    width: 100%;
                }
            }
        }
    }

    #intense-footer-feature {
        .stacked-grid-content {
            @media(width <= $nav-break) {
                align-items: end;
            }
        }

        .button {
            width: 215px;
        }

        .foreground {
            @media(width <= $nav-break) {
                .grid-content-wrapper {
                    --grid-content-wrapper-padding: 40px 30px;
                    --grid-content-wrapper-gap: 10px;
                    --grid-content-wrapper-justification: center;
                    text-align: center;

                    .button-set {
                        justify-content: center;
                    }
                }
            }

            .grid-content-wrapper {

                @media(width > $nav-break) {
                    --grid-content-wrapper-padding: 50px 0px 60px 60px;
                }

                .button-set {
                    margin-top: 20px;
                }
            }
        }
    }

    #intense-footer-feature {
        margin-bottom: 6.25em;
    }

    .page-cards {
        padding: 0 40px;

        @media (max-width: $nav-break) {
            padding: 0 0;
        }
    }

    .evergreen-hero.miami-home-hero, .evergreen-hero.memphis-home-hero {

        .wrapper {
            gap: 20px;
            background-position: center top;

            h2 {
                font-family: 'Cinzel Regular';
                color: $light-gold;
                font-size: 54px;
            }

            h6 {
                font-size: 14px;
                font-family: $gothamBold;
            }

            p {
                max-width: 402px;
            }

            a {
                margin-top: 11px;
                width: 306px;
                max-width: 100%;
            }
        }

        @media screen and (max-width: $width-mobile-cutoff) {
            .wrapper {
                h2,
                h6,
                p {
                    text-align: center;
                }

                h2 {
                    font-size: 42px;
                }

                p {
                    margin-left: auto;
                    margin-right: auto;
                    display: block;
                    width: 282px;
                }
            }
        }
    }
}*/
.luxe-page h2 {
  font-family: "Cinzel Regular", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (width > 1100px) {
  .luxe-page h2 {
    font-size: 3rem;
  }
}
.luxe-page p {
  font-size: 0.98rem;
  line-height: 1.5rem;
}
@media (width > 1100px) {
  .luxe-page p {
    font-size: 1.25rem;
  }
}
.luxe-page p.eyebrow {
  font-size: 0.7rem;
  line-height: 0.75rem;
  margin-bottom: 0;
  margin-top: 0;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  letter-spacing: 5px;
  font-weight: 500;
}
@media (width > 768px) {
  .luxe-page p.eyebrow {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.luxe-page .spotlight-btn {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 50px;
  border: 1px solid #fff;
  color: white;
  padding: 10px 20px;
  font-weight: normal;
  text-decoration: none;
  font-size: 0.8rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  transition: 0.25s color ease-in-out;
  margin-top: 1.5rem;
  margin-inline: auto;
}
@media (min-width: 1100px) {
  .luxe-page .spotlight-btn {
    margin-inline: unset;
  }
}
.luxe-page .spotlight-btn .icon {
  border-left-color: currentColor;
}
.luxe-page .spotlight-btn:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.luxe-page .luxe-feature-button {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #e5c594;
  border-color: #e5c594;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  margin-top: 0.75rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 20px !important;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.luxe-page .luxe-feature-button:hover {
  color: #fff;
  background-color: #aa7e5b;
  border-color: #aa7e5b;
}
.luxe-page .luxe-hero-background img {
  width: 100%;
  object-fit: contain;
  object-position: center center;
  max-height: 690px;
}
@media (width > 1100px) {
  .luxe-page .luxe-hero-background img {
    max-height: 600px;
    margin: 0;
    object-fit: contain;
    object-position: center center;
  }
}
@media (width < 1100px) {
  .luxe-page .luxe-hero-foreground {
    display: grid;
    justify-content: center;
    padding-inline: 2em;
  }
  .luxe-page .luxe-hero-foreground-brand-images {
    padding: 0rem 0 4rem 0;
    max-width: 270px;
    margin: auto;
    gap: 4rem;
    display: grid;
  }
}
.luxe-page .luxe-video {
  display: grid;
  gap: 3.125rem;
  padding: 0rem 0 3.5rem 0;
}
@media (width > 1100px) {
  .luxe-page .luxe-video {
    padding: 1.5rem 0 3rem 0;
    grid-template-columns: 1fr 1fr;
  }
}
@media (width > 1440px) {
  .luxe-page .luxe-video {
    grid-template-columns: 690px 1fr;
  }
}
.luxe-page .luxe-video-image {
  display: grid;
  place-items: center;
}
.luxe-page .luxe-video-image > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
@media (width < 500px) {
  .luxe-page .luxe-video-image {
    padding: 0 1rem;
  }
}
@media (width > 1100px) {
  .luxe-page .luxe-video-image {
    padding: 0 1rem;
    order: 1;
  }
}
.luxe-page .luxe-video-text {
  padding: 0 25px;
  text-align: center;
}
@media (width > 1100px) {
  .luxe-page .luxe-video-text {
    text-align: left;
    order: 2;
  }
  .luxe-page .luxe-video-text p {
    max-width: 35ch;
  }
  .luxe-page .luxe-video-text h2 {
    padding-block-start: 10px;
  }
}
.luxe-page .luxe-video-text h2 {
  margin-block: 1rem;
}
.luxe-page .luxe-feature {
  display: grid;
  align-items: center;
}
.luxe-page .luxe-feature p {
  margin-bottom: 1rem;
}
@media (width > 1100px) {
  .luxe-page .luxe-feature p {
    max-width: 35ch;
  }
  .luxe-page .luxe-feature p.eyebrow {
    margin-bottom: 2rem;
  }
}
.luxe-page .luxe-feature h2 {
  margin-bottom: 1rem;
}
.luxe-page .luxe-feature-background,
.luxe-page .luxe-feature-foreground {
  grid-column: 1/-1;
  grid-row: 1/-1;
  height: 100%;
  width: 100%;
}
@media (width > 1100px) {
  .luxe-page .luxe-feature-background,
  .luxe-page .luxe-feature-foreground {
    height: 591px;
  }
}
.luxe-page .luxe-feature-background img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.luxe-page .luxe-feature-foreground {
  display: grid;
  align-items: center;
}
@media (width > 1100px) {
  .luxe-page .luxe-feature-foreground {
    grid-template-columns: 1fr 1fr;
  }
}
.luxe-page .luxe-feature-image {
  display: grid;
  align-items: end;
  align-self: end;
  order: 2;
}
.luxe-page .luxe-feature-image img {
  margin: auto;
  width: 100%;
}
@media (width > 1100px) {
  .luxe-page .luxe-feature-image {
    order: unset;
  }
  .luxe-page .luxe-feature-image img {
    width: unset;
  }
}
.luxe-page .luxe-feature-text {
  order: 1;
  text-align: center;
  border: 1px solid #aa7e5b;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  margin-block: 1.5rem;
  margin-inline: 1rem;
}
.luxe-page .luxe-feature-text > * {
  margin-inline: auto;
}
@media (width > 1100px) {
  .luxe-page .luxe-feature-text {
    background: transparent;
    border: none;
    padding: 0 1em;
    margin-block: 0rem;
    margin-inline: 0rem;
    order: unset;
    text-align: left;
  }
  .luxe-page .luxe-feature-text > * {
    margin-inline: unset;
  }
}
.luxe-page #luxe-video-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  place-items: center;
  background: rgba(0, 0, 0, 0.8);
}
.luxe-page #luxe-video-modal[data-expanded=true] {
  display: grid;
}
.luxe-page #luxe-video-modal [role=dialog] {
  max-height: 80%;
  width: 85%;
  max-width: 1200px;
  display: grid;
  justify-items: center;
  background-color: #000000;
  color: #fff;
  box-shadow: 0 0 13px 0 rgba(255, 255, 255, 0.5);
  padding: 80px 40px 40px 40px;
  position: relative;
  overflow: auto;
}
.luxe-page #luxe-video-modal .embed-responsive {
  position: relative;
  height: 100%;
  width: 100%;
  padding-bottom: 56.25%;
}
.luxe-page #luxe-video-modal iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
}
.luxe-page #luxe-video-modal .surgeon-general-warning {
  padding-top: 1rem;
}
.luxe-page #luxe-video-modal .close-btn {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 0.7rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  background-color: #000;
  border: 1px solid #0A8541;
  border-radius: 20px;
  padding: 0.65rem 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (min-width: 1100px) {
  .luxe-page #luxe-video-modal .close-btn {
    padding: 0.5rem 2rem;
    line-height: 1.5;
    font-size: 1.2rem;
    top: 25px;
    right: 25px;
  }
}
.luxe-page #luxe-video-modal .close-btn:hover {
  background-color: #111;
  color: rgba(255, 255, 255, 0.6);
}

.contact-page #contact {
  display: grid;
  align-items: center;
  min-height: 400px;
  background-repeat: no-repeat;
}
@media (width > 1100px) {
  .contact-page #contact {
    min-height: 600px;
  }
}
.contact-page #contact .contact-wrapper {
  display: grid;
}
@media (width > 768px) {
  .contact-page #contact .contact-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width > 1100px) {
  .contact-page #contact .contact-wrapper {
    padding-left: 5rem;
  }
}
.contact-page #contact .eyebrow {
  margin-bottom: 1.25rem;
}
.contact-page #contact h4 {
  margin-bottom: 1.5rem;
}
.contact-page #contact .markdown-block > * {
  margin-bottom: 1.5rem;
}

.products-page #instant-satisfaction-hero .foreground .grid-content-wrapper {
  --grid-content-wrapper-padding: 0 60px;
}
@media (width <= 1100px) {
  .products-page #instant-satisfaction-hero .stacked-grid-content > * {
    grid-row: initial;
    grid-column: initial;
  }
  .products-page #instant-satisfaction-hero .foreground .grid-content-wrapper {
    text-align: center;
    padding: 40px 1rem 0 1rem;
  }
  .products-page #instant-satisfaction-hero .foreground .grid-content-wrapper .title-block {
    margin: auto;
  }
  .products-page #instant-satisfaction-hero .foreground .grid-content-wrapper .title-block > * {
    max-width: min-content;
    margin: auto;
    text-align: center;
  }
}
.products-page #instant-satisfaction-hero .section-title > * {
  max-width: 8ch;
}
.products-page #instant-satisfaction-hero .markdown-block > * {
  max-width: 420px;
}
@media screen and (max-width: 1100px) {
  .products-page #instant-satisfaction-hero .markdown-block.section-paragraph.center-content-mobile {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
.products-page #products-carousel {
  --focused-margin: 0em;
  --focused-card-width: 200px;
  --card-count: 4;
  --card-width: 200px;
  --set-width-calc: calc(((var(--card-count) + 1) * var(--card-width)));
  --half-of-focused-cards-width: var(--focused-card-width) / 2;
  --half-of-focused-cards-margin: var(--focused-margin) / 2;
  --card-set-offset: calc(-50% - 4.5em);
  padding: 40px 0 0px 0;
  margin-bottom: 50px;
  position: relative;
}
@media (width <= 375px) {
  .products-page #products-carousel {
    --card-set-offset: calc(-1 * var(--card-width) / .6);
  }
}
@media (width > 375px) {
  .products-page #products-carousel {
    --card-set-offset: calc(-1 * var(--card-width) / .615);
  }
}
@media (width > 500px) {
  .products-page #products-carousel {
    --set-width-calc: calc(((var(--card-count) + 1) * var(--card-width)));
    --card-set-offset: calc(-1 * var(--card-width) / .80);
  }
}
@media (width > 768px) {
  .products-page #products-carousel {
    --card-set-offset: calc(-1 * var(--card-width) / 1.75);
  }
}
@media (width > 1100px) {
  .products-page #products-carousel {
    --focused-margin: 6em;
    --focused-card-width: 570px;
    --card-width: 250px;
    --set-width-calc: calc(((var(--card-count)) * var(--card-width) + (var(--focused-card-width))));
    --card-set-offset: calc(((100% - var(--focused-card-width) - (var(--card-width) * 1))) * -1);
    background: radial-gradient(51.01% 12.73% at 37.42% 88.36%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgba(17, 17, 17, 0.9) 19.25%, rgba(17, 17, 17, 0) 61.36%), #000;
    padding: 60px 0 0px 0;
    margin-bottom: 80px;
  }
}
@media (width > 1440px) {
  .products-page #products-carousel {
    --card-set-offset: calc(((100% - var(--focused-card-width) - (var(--card-width) * 3.1))) * -1);
  }
}
.products-page #products-carousel .cards .wrapper {
  --padding: 0;
  overflow: hidden;
  position: relative;
}
@media (width > 375px) and (width <= 500px) {
  .products-page #products-carousel .cards .wrapper {
    max-width: 365px;
  }
}
.products-page #products-carousel .card-set {
  display: flex;
  min-width: var(--set-width-calc);
  justify-content: center;
  align-items: start;
  gap: 0;
  margin: 0 0 0 var(--card-set-offset);
}
.products-page #products-carousel .card-set.animate-right {
  animation: 0.5s animateRight linear;
}
.products-page #products-carousel .card-set.animate-left {
  animation: 0.5s animateLeft linear;
}
@keyframes animateRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--card-width)));
  }
}
@keyframes animateLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--card-width)));
  }
}
.products-page #products-carousel .card .foreground {
  display: grid;
  --grid-content-wrapper-template: var(--card-width) 0fr;
  --grid-content-wrapper-justification: center;
  --grid-content-wrapper-alignment: start;
  gap: 0;
}
@media (width > 1100px) {
  .products-page #products-carousel .card .foreground {
    --grid-content-wrapper-justification: center;
    --grid-content-wrapper-alignment: center;
  }
}
.products-page #products-carousel .card[aria-selected=true] {
  margin: 0 var(--focused-margin);
  min-width: var(--focused-card-width);
}
.products-page #products-carousel .card[aria-selected=true] .card-text-content {
  opacity: 1;
  width: 280px;
}
@media (width >= 375px) {
  .products-page #products-carousel .card[aria-selected=true] .card-text-content {
    width: 350px;
  }
}
@media (width > 1100px) {
  .products-page #products-carousel .card[aria-selected=true] .card-text-content {
    max-width: 320px;
    width: unset;
  }
}
.products-page #products-carousel .card[aria-selected=true] .foreground {
  gap: 0em;
  --grid-content-wrapper-template: var(--card-width);
}
@media (width > 1100px) {
  .products-page #products-carousel .card[aria-selected=true] .foreground {
    /*transition: .25s grid-template-columns linear;*/
    --grid-content-wrapper-template: var(--card-width) 1fr;
  }
}
.products-page #products-carousel .card .foreground img {
  width: 100%;
  margin: 0 auto 1.25em auto;
}
@media (width > 1100px) {
  .products-page #products-carousel .card .foreground img {
    margin: 0 auto 0 auto;
  }
}
.products-page #products-carousel .card-text-content {
  width: 100%;
  opacity: 0;
  overflow: hidden;
  transition: 0.25s opacity linear;
  text-align: center;
}
@media (width > 1100px) {
  .products-page #products-carousel .card-text-content {
    text-align: left;
  }
}
.products-page #products-carousel .card-markdown-content {
  display: grid;
  gap: 1em;
  padding-bottom: 1.25em;
}
.products-page #products-carousel .carousel-button {
  --half-of-carousel-button-width: 80px / 2;
  --direction-modifier: 1;
  position: absolute;
  bottom: 30px;
  width: 80px;
  display: grid;
}
@media (width > 1100px) {
  .products-page #products-carousel .carousel-button {
    padding-block: 170px 0;
    top: 0;
  }
}
.products-page #products-carousel .carousel-button.carousel-left {
  --direction-modifier: -1;
  --button-translate-calc: calc(var(--direction-modifier) * (var(--half-of-focused-cards-width) + var(--half-of-focused-cards-margin) + var(--half-of-carousel-button-width)));
  left: 50%;
  transform: translateX(var(--button-translate-calc));
}
@media (width <= 1100px) {
  .products-page #products-carousel .carousel-button.carousel-left {
    margin-left: 2em;
  }
}
.products-page #products-carousel .carousel-button.carousel-right {
  --button-translate-calc: calc(var(--direction-modifier) * (var(--half-of-focused-cards-width) + var(--half-of-focused-cards-margin) + var(--half-of-carousel-button-width)));
  right: 50%;
  transform: translateX(var(--button-translate-calc));
}
.products-page #products-carousel .carousel-nav {
  list-style: none;
  display: flex;
  gap: 1em;
  justify-content: center;
  padding-bottom: 40px;
  padding-left: 0;
}
.products-page #products-carousel .carousel-nav button {
  border: 0;
  background: #fcfcfc;
  opacity: 0.25;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}
.products-page #products-carousel .carousel-nav button[aria-selected=true] {
  background: var(--text-accent-1);
  opacity: 1;
}
.products-page #rewards-footer-banner {
  margin: 80px 0;
}
.products-page #rewards-footer-banner .foreground {
  padding: 0 30px;
}
.products-page #rewards-footer-banner .foreground .grid-content-wrapper {
  --grid-content-wrapper-gap: 1.875em;
  --grid-content-wrapper-padding: 2.5em 0;
}
@media (width <= 1100px) {
  .products-page #rewards-footer-banner .foreground .grid-content-wrapper {
    text-align: center;
  }
}
.products-page #rewards-footer-banner .promo-logo {
  width: 284px;
}
.products-page #rewards-footer-banner .button-set {
  justify-content: center;
}
@media screen and (max-width: 1100px) {
  .products-page #rewards-footer-banner {
    margin-top: 10px;
  }
}

.mardi-gras-content p,
.after-hours-page p {
  margin: 0;
}
.mardi-gras-content .mardi-gras-content-root,
.mardi-gras-content .after-hours-content-root,
.after-hours-page .mardi-gras-content-root,
.after-hours-page .after-hours-content-root {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: center;
}
.mardi-gras-content .mardi-gras-content-root > *,
.mardi-gras-content .after-hours-content-root > *,
.after-hours-page .mardi-gras-content-root > *,
.after-hours-page .after-hours-content-root > * {
  width: 100%;
  margin: 20px;
  padding: 0 45px;
  box-sizing: border-box;
}
@media (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root > *,
  .mardi-gras-content .after-hours-content-root > *,
  .after-hours-page .mardi-gras-content-root > *,
  .after-hours-page .after-hours-content-root > * {
    padding: 0;
  }
  .mardi-gras-content .mardi-gras-content-root > *:not(.hero),
  .mardi-gras-content .after-hours-content-root > *:not(.hero),
  .after-hours-page .mardi-gras-content-root > *:not(.hero),
  .after-hours-page .after-hours-content-root > *:not(.hero) {
    width: 100%;
    margin-inline: 0;
  }
}
.mardi-gras-content .mardi-gras-content-root .play-iw-banner,
.mardi-gras-content .after-hours-content-root .play-iw-banner,
.after-hours-page .mardi-gras-content-root .play-iw-banner,
.after-hours-page .after-hours-content-root .play-iw-banner {
  display: none;
  margin: 0 0 10px 0;
}
.mardi-gras-content .mardi-gras-content-root .play-iw-banner img,
.mardi-gras-content .after-hours-content-root .play-iw-banner img,
.after-hours-page .mardi-gras-content-root .play-iw-banner img,
.after-hours-page .after-hours-content-root .play-iw-banner img {
  width: 100%;
}
.mardi-gras-content .mardi-gras-content-root .hero,
.mardi-gras-content .after-hours-content-root .hero,
.after-hours-page .mardi-gras-content-root .hero,
.after-hours-page .after-hours-content-root .hero {
  margin: 0;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  row-gap: 1rem;
  height: 550px;
  background-size: cover;
  background-position: center;
  padding: 0 15px 110px 15px;
}
.mardi-gras-content .mardi-gras-content-root .hero > *,
.mardi-gras-content .after-hours-content-root .hero > *,
.after-hours-page .mardi-gras-content-root .hero > *,
.after-hours-page .after-hours-content-root .hero > * {
  text-align: center;
  margin: 0;
}
.mardi-gras-content .mardi-gras-content-root .hero h2,
.mardi-gras-content .after-hours-content-root .hero h2,
.after-hours-page .mardi-gras-content-root .hero h2,
.after-hours-page .after-hours-content-root .hero h2 {
  color: var(--Kool-Gold);
  font-size: 60px;
}
@media (width <= 1100px) {
  .mardi-gras-content .mardi-gras-content-root .hero h2,
  .mardi-gras-content .after-hours-content-root .hero h2,
  .after-hours-page .mardi-gras-content-root .hero h2,
  .after-hours-page .after-hours-content-root .hero h2 {
    font-size: 48px;
  }
}
.mardi-gras-content .mardi-gras-content-root .hero h6,
.mardi-gras-content .after-hours-content-root .hero h6,
.after-hours-page .mardi-gras-content-root .hero h6,
.after-hours-page .after-hours-content-root .hero h6 {
  font-size: 1rem;
}
.mardi-gras-content .mardi-gras-content-root .hero p,
.mardi-gras-content .after-hours-content-root .hero p,
.after-hours-page .mardi-gras-content-root .hero p,
.after-hours-page .after-hours-content-root .hero p {
  max-width: 875px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 16px;
}
.mardi-gras-content .mardi-gras-content-root .hero img,
.mardi-gras-content .after-hours-content-root .hero img,
.after-hours-page .mardi-gras-content-root .hero img,
.after-hours-page .after-hours-content-root .hero img {
  width: 100%;
}
.mardi-gras-content .mardi-gras-content-root .hero a,
.mardi-gras-content .after-hours-content-root .hero a,
.after-hours-page .mardi-gras-content-root .hero a,
.after-hours-page .after-hours-content-root .hero a {
  position: absolute;
  color: transparent;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}
.mardi-gras-content .mardi-gras-content-root .hero a:hover,
.mardi-gras-content .after-hours-content-root .hero a:hover,
.after-hours-page .mardi-gras-content-root .hero a:hover,
.after-hours-page .after-hours-content-root .hero a:hover {
  color: transparent !important;
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root .hero,
  .mardi-gras-content .after-hours-content-root .hero,
  .after-hours-page .mardi-gras-content-root .hero,
  .after-hours-page .after-hours-content-root .hero {
    aspect-ratio: 375/500;
  }
  .mardi-gras-content .mardi-gras-content-root .hero a,
  .mardi-gras-content .after-hours-content-root .hero a,
  .after-hours-page .mardi-gras-content-root .hero a,
  .after-hours-page .after-hours-content-root .hero a {
    bottom: 40px;
  }
  .mardi-gras-content .mardi-gras-content-root .hero h6,
  .mardi-gras-content .after-hours-content-root .hero h6,
  .after-hours-page .mardi-gras-content-root .hero h6,
  .after-hours-page .after-hours-content-root .hero h6 {
    font-size: 14px;
  }
  .mardi-gras-content .mardi-gras-content-root .hero p,
  .mardi-gras-content .after-hours-content-root .hero p,
  .after-hours-page .mardi-gras-content-root .hero p,
  .after-hours-page .after-hours-content-root .hero p {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .mardi-gras-content .mardi-gras-content-root .hero,
  .mardi-gras-content .after-hours-content-root .hero,
  .after-hours-page .mardi-gras-content-root .hero,
  .after-hours-page .after-hours-content-root .hero {
    row-gap: 0.5rem;
  }
  .mardi-gras-content .mardi-gras-content-root .hero h6,
  .mardi-gras-content .after-hours-content-root .hero h6,
  .after-hours-page .mardi-gras-content-root .hero h6,
  .after-hours-page .after-hours-content-root .hero h6 {
    font-size: 0.75rem;
  }
  .mardi-gras-content .mardi-gras-content-root .hero p,
  .mardi-gras-content .after-hours-content-root .hero p,
  .after-hours-page .mardi-gras-content-root .hero p,
  .after-hours-page .after-hours-content-root .hero p {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1101px) {
  .mardi-gras-content .mardi-gras-content-root #scroll-target,
  .mardi-gras-content .after-hours-content-root #scroll-target,
  .after-hours-page .mardi-gras-content-root #scroll-target,
  .after-hours-page .after-hours-content-root #scroll-target {
    margin-top: -120px !important;
    padding-top: 120px;
  }
}
.mardi-gras-content .mardi-gras-content-root .split-banner,
.mardi-gras-content .after-hours-content-root .split-banner,
.after-hours-page .mardi-gras-content-root .split-banner,
.after-hours-page .after-hours-content-root .split-banner {
  background-color: #370935;
  padding: 60px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: stretch;
  margin: 60px 0 20px 0;
  flex-wrap: nowrap;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content,
.mardi-gras-content .after-hours-content-root .split-banner .split-content,
.after-hours-page .mardi-gras-content-root .split-banner .split-content,
.after-hours-page .after-hours-content-root .split-banner .split-content {
  width: auto;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.5rem;
  padding: 0 80px;
}
@media (width <= 1100px) {
  .mardi-gras-content .mardi-gras-content-root .split-banner .split-content,
  .mardi-gras-content .after-hours-content-root .split-banner .split-content,
  .after-hours-page .mardi-gras-content-root .split-banner .split-content,
  .after-hours-page .after-hours-content-root .split-banner .split-content {
    padding: 0;
  }
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content:first-of-type,
.mardi-gras-content .after-hours-content-root .split-banner .split-content:first-of-type,
.after-hours-page .mardi-gras-content-root .split-banner .split-content:first-of-type,
.after-hours-page .after-hours-content-root .split-banner .split-content:first-of-type {
  width: auto;
  padding: 0 20px;
}
@media (width <= 1100px) {
  .mardi-gras-content .mardi-gras-content-root .split-banner .split-content:first-of-type,
  .mardi-gras-content .after-hours-content-root .split-banner .split-content:first-of-type,
  .after-hours-page .mardi-gras-content-root .split-banner .split-content:first-of-type,
  .after-hours-page .after-hours-content-root .split-banner .split-content:first-of-type {
    padding: 0;
  }
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content img,
.mardi-gras-content .after-hours-content-root .split-banner .split-content img,
.after-hours-page .mardi-gras-content-root .split-banner .split-content img,
.after-hours-page .after-hours-content-root .split-banner .split-content img {
  width: 75px;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content .title h1,
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content .title h3,
.mardi-gras-content .after-hours-content-root .split-banner .split-content .title h1,
.mardi-gras-content .after-hours-content-root .split-banner .split-content .title h3,
.after-hours-page .mardi-gras-content-root .split-banner .split-content .title h1,
.after-hours-page .mardi-gras-content-root .split-banner .split-content .title h3,
.after-hours-page .after-hours-content-root .split-banner .split-content .title h1,
.after-hours-page .after-hours-content-root .split-banner .split-content .title h3 {
  font-family: "Cinzel";
  font-weight: 500;
  font-size: 72px;
  line-height: 1em;
  text-align: center;
  margin: 0;
  color: #E6CE8E;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content .title h3,
.mardi-gras-content .after-hours-content-root .split-banner .split-content .title h3,
.after-hours-page .mardi-gras-content-root .split-banner .split-content .title h3,
.after-hours-page .after-hours-content-root .split-banner .split-content .title h3 {
  font-size: 36px;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content p,
.mardi-gras-content .after-hours-content-root .split-banner .split-content p,
.after-hours-page .mardi-gras-content-root .split-banner .split-content p,
.after-hours-page .after-hours-content-root .split-banner .split-content p {
  text-align: center;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5em;
  max-width: 100%;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content:first-child p,
.mardi-gras-content .after-hours-content-root .split-banner .split-content:first-child p,
.after-hours-page .mardi-gras-content-root .split-banner .split-content:first-child p,
.after-hours-page .after-hours-content-root .split-banner .split-content:first-child p {
  width: 440px;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content:first-child p.uznea,
.mardi-gras-content .after-hours-content-root .split-banner .split-content:first-child p.uznea,
.after-hours-page .mardi-gras-content-root .split-banner .split-content:first-child p.uznea,
.after-hours-page .after-hours-content-root .split-banner .split-content:first-child p.uznea {
  width: 40ch;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content:last-child p,
.mardi-gras-content .after-hours-content-root .split-banner .split-content:last-child p,
.after-hours-page .mardi-gras-content-root .split-banner .split-content:last-child p,
.after-hours-page .after-hours-content-root .split-banner .split-content:last-child p {
  width: 330px;
}
.mardi-gras-content .mardi-gras-content-root .split-banner .split-content:last-child p.uznea,
.mardi-gras-content .after-hours-content-root .split-banner .split-content:last-child p.uznea,
.after-hours-page .mardi-gras-content-root .split-banner .split-content:last-child p.uznea,
.after-hours-page .after-hours-content-root .split-banner .split-content:last-child p.uznea {
  width: 40ch;
}
@media screen and (max-width: 1439px) {
  .mardi-gras-content .mardi-gras-content-root .split-banner .split-content:first-child p.uznea,
  .mardi-gras-content .after-hours-content-root .split-banner .split-content:first-child p.uznea,
  .after-hours-page .mardi-gras-content-root .split-banner .split-content:first-child p.uznea,
  .after-hours-page .after-hours-content-root .split-banner .split-content:first-child p.uznea {
    width: 25ch;
  }
  .mardi-gras-content .mardi-gras-content-root .split-banner .split-content:last-child p.uznea,
  .mardi-gras-content .after-hours-content-root .split-banner .split-content:last-child p.uznea,
  .after-hours-page .mardi-gras-content-root .split-banner .split-content:last-child p.uznea,
  .after-hours-page .after-hours-content-root .split-banner .split-content:last-child p.uznea {
    width: 26ch;
  }
}
.mardi-gras-content .mardi-gras-content-root .split-banner .splitter,
.mardi-gras-content .after-hours-content-root .split-banner .splitter,
.after-hours-page .mardi-gras-content-root .split-banner .splitter,
.after-hours-page .after-hours-content-root .split-banner .splitter {
  border-left: solid 1px var(--Kool-Gold);
  width: 1px;
  margin: 0 60px;
}
@media (width <= 1100px) {
  .mardi-gras-content .mardi-gras-content-root .split-banner .splitter,
  .mardi-gras-content .after-hours-content-root .split-banner .splitter,
  .after-hours-page .mardi-gras-content-root .split-banner .splitter,
  .after-hours-page .after-hours-content-root .split-banner .splitter {
    margin: 60px 0;
    height: 1px;
  }
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root .split-banner,
  .mardi-gras-content .after-hours-content-root .split-banner,
  .after-hours-page .mardi-gras-content-root .split-banner,
  .after-hours-page .after-hours-content-root .split-banner {
    flex-flow: column;
    padding: 50px 30px;
  }
  .mardi-gras-content .mardi-gras-content-root .split-banner .split-content,
  .mardi-gras-content .after-hours-content-root .split-banner .split-content,
  .after-hours-page .mardi-gras-content-root .split-banner .split-content,
  .after-hours-page .after-hours-content-root .split-banner .split-content {
    margin: 0;
    width: 100%;
  }
  .mardi-gras-content .mardi-gras-content-root .split-banner .split-content:first-child,
  .mardi-gras-content .after-hours-content-root .split-banner .split-content:first-child,
  .after-hours-page .mardi-gras-content-root .split-banner .split-content:first-child,
  .after-hours-page .after-hours-content-root .split-banner .split-content:first-child {
    padding-bottom: 1rem;
  }
  .mardi-gras-content .mardi-gras-content-root .split-banner .split-content img,
  .mardi-gras-content .after-hours-content-root .split-banner .split-content img,
  .after-hours-page .mardi-gras-content-root .split-banner .split-content img,
  .after-hours-page .after-hours-content-root .split-banner .split-content img {
    width: 50px;
  }
  .mardi-gras-content .mardi-gras-content-root .split-banner .splitter,
  .mardi-gras-content .after-hours-content-root .split-banner .splitter,
  .after-hours-page .mardi-gras-content-root .split-banner .splitter,
  .after-hours-page .after-hours-content-root .split-banner .splitter {
    border-left: none;
    border-top: solid 1px #E6CE8E;
    width: 100%;
  }
}
.mardi-gras-content .mardi-gras-content-root .full-banner,
.mardi-gras-content .after-hours-content-root .full-banner,
.after-hours-page .mardi-gras-content-root .full-banner,
.after-hours-page .after-hours-content-root .full-banner {
  background-size: cover;
  background-position: center;
  padding: 6rem 2rem 2rem 4rem;
}
.mardi-gras-content .mardi-gras-content-root .full-banner.charles,
.mardi-gras-content .after-hours-content-root .full-banner.charles,
.after-hours-page .mardi-gras-content-root .full-banner.charles,
.after-hours-page .after-hours-content-root .full-banner.charles {
  background-image: url(https://itg-brands-test-cdn.azureedge.net/cms-media/kool/Instant-Win/mardi-gras/ab444/charles_blockquote_bg.webp);
}
.mardi-gras-content .mardi-gras-content-root .full-banner.manni,
.mardi-gras-content .after-hours-content-root .full-banner.manni,
.after-hours-page .mardi-gras-content-root .full-banner.manni,
.after-hours-page .after-hours-content-root .full-banner.manni {
  background-image: url(https://itg-brands-test-cdn.azureedge.net/cms-media/kool/Instant-Win/mardi-gras/ab457/mannie_blockquote_bg.webp);
}
.mardi-gras-content .mardi-gras-content-root .full-banner.uznea,
.mardi-gras-content .after-hours-content-root .full-banner.uznea,
.after-hours-page .mardi-gras-content-root .full-banner.uznea,
.after-hours-page .after-hours-content-root .full-banner.uznea {
  background-image: url(https://itg-brands-test-cdn.azureedge.net/cms-media/kool/Instant-Win/mardi-gras/ab462/uzena_blockquote_bg.webp);
}
.mardi-gras-content .mardi-gras-content-root .full-banner.content-right-justified,
.mardi-gras-content .after-hours-content-root .full-banner.content-right-justified,
.after-hours-page .mardi-gras-content-root .full-banner.content-right-justified,
.after-hours-page .after-hours-content-root .full-banner.content-right-justified {
  text-align: right;
}
.mardi-gras-content .mardi-gras-content-root .full-banner.content-right-justified .quote,
.mardi-gras-content .mardi-gras-content-root .full-banner.content-right-justified p,
.mardi-gras-content .after-hours-content-root .full-banner.content-right-justified .quote,
.mardi-gras-content .after-hours-content-root .full-banner.content-right-justified p,
.after-hours-page .mardi-gras-content-root .full-banner.content-right-justified .quote,
.after-hours-page .mardi-gras-content-root .full-banner.content-right-justified p,
.after-hours-page .after-hours-content-root .full-banner.content-right-justified .quote,
.after-hours-page .after-hours-content-root .full-banner.content-right-justified p {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  width: 452px;
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root .full-banner.content-right-justified,
  .mardi-gras-content .after-hours-content-root .full-banner.content-right-justified,
  .after-hours-page .mardi-gras-content-root .full-banner.content-right-justified,
  .after-hours-page .after-hours-content-root .full-banner.content-right-justified {
    text-align: left;
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner.content-right-justified .quote,
  .mardi-gras-content .mardi-gras-content-root .full-banner.content-right-justified p,
  .mardi-gras-content .after-hours-content-root .full-banner.content-right-justified .quote,
  .mardi-gras-content .after-hours-content-root .full-banner.content-right-justified p,
  .after-hours-page .mardi-gras-content-root .full-banner.content-right-justified .quote,
  .after-hours-page .mardi-gras-content-root .full-banner.content-right-justified p,
  .after-hours-page .after-hours-content-root .full-banner.content-right-justified .quote,
  .after-hours-page .after-hours-content-root .full-banner.content-right-justified p {
    margin-left: unset;
    margin-right: auto;
    text-align: left;
    width: 100%;
  }
}
.mardi-gras-content .mardi-gras-content-root .full-banner .quote,
.mardi-gras-content .after-hours-content-root .full-banner .quote,
.after-hours-page .mardi-gras-content-root .full-banner .quote,
.after-hours-page .after-hours-content-root .full-banner .quote {
  font-family: "Cinzel";
  font-size: 126px;
  line-height: 1em;
  color: #E6CE8E;
  font-weight: 500;
}
.mardi-gras-content .mardi-gras-content-root .full-banner .quote:first-child,
.mardi-gras-content .after-hours-content-root .full-banner .quote:first-child,
.after-hours-page .mardi-gras-content-root .full-banner .quote:first-child,
.after-hours-page .after-hours-content-root .full-banner .quote:first-child {
  margin-bottom: -6rem;
}
.mardi-gras-content .mardi-gras-content-root .full-banner .quote:last-child,
.mardi-gras-content .after-hours-content-root .full-banner .quote:last-child,
.after-hours-page .mardi-gras-content-root .full-banner .quote:last-child,
.after-hours-page .after-hours-content-root .full-banner .quote:last-child {
  margin-top: -1rem;
}
.mardi-gras-content .mardi-gras-content-root .full-banner p,
.mardi-gras-content .after-hours-content-root .full-banner p,
.after-hours-page .mardi-gras-content-root .full-banner p,
.after-hours-page .after-hours-content-root .full-banner p {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  width: 50%;
  font-size: 42px;
  line-height: 1.2em;
  font-weight: 350;
  text-transform: uppercase;
}
.mardi-gras-content .mardi-gras-content-root .full-banner.uznea p,
.mardi-gras-content .after-hours-content-root .full-banner.uznea p,
.after-hours-page .mardi-gras-content-root .full-banner.uznea p,
.after-hours-page .after-hours-content-root .full-banner.uznea p {
  width: 19ch;
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root .full-banner,
  .mardi-gras-content .after-hours-content-root .full-banner,
  .after-hours-page .mardi-gras-content-root .full-banner,
  .after-hours-page .after-hours-content-root .full-banner {
    aspect-ratio: 10/13;
    padding: 0 1.5rem;
    display: flex;
    flex-flow: column;
    justify-content: end;
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner.charles,
  .mardi-gras-content .after-hours-content-root .full-banner.charles,
  .after-hours-page .mardi-gras-content-root .full-banner.charles,
  .after-hours-page .after-hours-content-root .full-banner.charles {
    background-image: url(https://itg-brands-test-cdn.azureedge.net/cms-media/kool/Instant-Win/mardi-gras/ab444/charles_blockquote_bg_mobile.webp);
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner.manni,
  .mardi-gras-content .after-hours-content-root .full-banner.manni,
  .after-hours-page .mardi-gras-content-root .full-banner.manni,
  .after-hours-page .after-hours-content-root .full-banner.manni {
    background-image: url(https://itg-brands-test-cdn.azureedge.net/cms-media/kool/Instant-Win/mardi-gras/ab457/mannie_blockquote_bg_mobile.webp);
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner.uznea,
  .mardi-gras-content .after-hours-content-root .full-banner.uznea,
  .after-hours-page .mardi-gras-content-root .full-banner.uznea,
  .after-hours-page .after-hours-content-root .full-banner.uznea {
    background-image: url(https://itg-brands-test-cdn.azureedge.net/cms-media/kool/Instant-Win/mardi-gras/ab462/uzena_blockquote_bg_mobile.webp);
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner .quote:last-child,
  .mardi-gras-content .after-hours-content-root .full-banner .quote:last-child,
  .after-hours-page .mardi-gras-content-root .full-banner .quote:last-child,
  .after-hours-page .after-hours-content-root .full-banner .quote:last-child {
    margin-bottom: -2rem;
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner p,
  .mardi-gras-content .after-hours-content-root .full-banner p,
  .after-hours-page .mardi-gras-content-root .full-banner p,
  .after-hours-page .after-hours-content-root .full-banner p {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root .full-banner p,
  .mardi-gras-content .after-hours-content-root .full-banner p,
  .after-hours-page .mardi-gras-content-root .full-banner p,
  .after-hours-page .after-hours-content-root .full-banner p {
    font-size: 3em;
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner .quote,
  .mardi-gras-content .after-hours-content-root .full-banner .quote,
  .after-hours-page .mardi-gras-content-root .full-banner .quote,
  .after-hours-page .after-hours-content-root .full-banner .quote {
    font-size: 74px;
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner .quote:first-child,
  .mardi-gras-content .after-hours-content-root .full-banner .quote:first-child,
  .after-hours-page .mardi-gras-content-root .full-banner .quote:first-child,
  .after-hours-page .after-hours-content-root .full-banner .quote:first-child {
    margin-bottom: -4rem;
  }
  .mardi-gras-content .mardi-gras-content-root .full-banner .quote:last-child,
  .mardi-gras-content .after-hours-content-root .full-banner .quote:last-child,
  .after-hours-page .mardi-gras-content-root .full-banner .quote:last-child,
  .after-hours-page .after-hours-content-root .full-banner .quote:last-child {
    margin-top: -1.5rem;
  }
}
.mardi-gras-content .mardi-gras-content-root .callout .overlay-section-background .desktop-only,
.mardi-gras-content .after-hours-content-root .callout .overlay-section-background .desktop-only,
.after-hours-page .mardi-gras-content-root .callout .overlay-section-background .desktop-only,
.after-hours-page .after-hours-content-root .callout .overlay-section-background .desktop-only {
  min-height: 530px;
}
.mardi-gras-content .mardi-gras-content-root .callout a,
.mardi-gras-content .after-hours-content-root .callout a,
.after-hours-page .mardi-gras-content-root .callout a,
.after-hours-page .after-hours-content-root .callout a {
  position: absolute;
  color: transparent;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}
.mardi-gras-content .mardi-gras-content-root .callout a:hover,
.mardi-gras-content .after-hours-content-root .callout a:hover,
.after-hours-page .mardi-gras-content-root .callout a:hover,
.after-hours-page .after-hours-content-root .callout a:hover {
  color: transparent !important;
}
.mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground,
.mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground,
.after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground,
.after-hours-page .after-hours-content-root .callout .overlay-section-foreground {
  width: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground a,
.mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground a,
.after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground a,
.after-hours-page .after-hours-content-root .callout .overlay-section-foreground a {
  bottom: 11.5%;
  width: 3.33%;
  height: 5.5%;
}
@media screen and (width < 1440px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground {
    height: 640px;
  }
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground a,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground a,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground a,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground a {
    bottom: 13.4%;
  }
}
@media screen and (width < 1100px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground {
    height: unset;
    padding: 0 0 30px 0;
  }
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground a,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground a,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground a,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground a {
    bottom: 7.75%;
    width: 11%;
    height: 7%;
  }
}
@media screen and (width < 768px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground a,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground a,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground a,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground a {
    bottom: 8.75%;
    width: 11%;
  }
}
@media screen and (width < 500px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground a,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground a,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground a,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground a {
    bottom: 9%;
  }
}
.mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground.awl-banner,
.mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground.awl-banner,
.after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground.awl-banner,
.after-hours-page .after-hours-content-root .callout .overlay-section-foreground.awl-banner {
  width: 1031px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading,
.mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading,
.after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading,
.after-hours-page .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading {
  text-align: center;
  text-transform: uppercase;
  color: var(--Winston-White, #FCFCFC);
  font-style: normal;
}
.mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h2,
.mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h2,
.after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h2,
.after-hours-page .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h2 {
  text-align: center;
  font-family: Abolition;
  font-size: 88px;
  font-weight: 400;
  line-height: 90%;
  letter-spacing: 0.88px;
  margin-bottom: 0;
}
.mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h3,
.mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h3,
.after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h3,
.after-hours-page .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h3 {
  color: var(--Winston-White, #FCFCFC);
  font-family: Termina;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.84px;
  margin-bottom: 0;
}
@media (max-width: 1099px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h2,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h2,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h2,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h2 {
    font-size: 60px;
  }
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h3,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h3,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground .tob-water-heading h3,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground .tob-water-heading h3 {
    font-size: 22px;
  }
}
.mardi-gras-content .mardi-gras-content-root .callout .signature-logo,
.mardi-gras-content .after-hours-content-root .callout .signature-logo,
.after-hours-page .mardi-gras-content-root .callout .signature-logo,
.after-hours-page .after-hours-content-root .callout .signature-logo {
  display: block;
  width: 236px;
  margin-bottom: -20px;
}
.mardi-gras-content .mardi-gras-content-root .callout .callout-disclaimer,
.mardi-gras-content .after-hours-content-root .callout .callout-disclaimer,
.after-hours-page .mardi-gras-content-root .callout .callout-disclaimer,
.after-hours-page .after-hours-content-root .callout .callout-disclaimer {
  color: #FFF;
  text-align: center;
  font-family: adelle-sans;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}
.mardi-gras-content .mardi-gras-content-root .callout .callout-disclaimer p,
.mardi-gras-content .after-hours-content-root .callout .callout-disclaimer p,
.after-hours-page .mardi-gras-content-root .callout .callout-disclaimer p,
.after-hours-page .after-hours-content-root .callout .callout-disclaimer p {
  margin: 0;
}
@media (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-background .mobile-only,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-background .mobile-only,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-background .mobile-only,
  .after-hours-page .after-hours-content-root .callout .overlay-section-background .mobile-only {
    min-width: 100%;
    min-height: 550px;
  }
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-background .mobile-only.awl,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-background .mobile-only.awl,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-background .mobile-only.awl,
  .after-hours-page .after-hours-content-root .callout .overlay-section-background .mobile-only.awl {
    min-height: 450px;
  }
}
@media (max-width: 1100px) and (max-width: 768px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground {
    width: 307px;
  }
}
@media (max-width: 1100px) {
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-foreground.knine,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-foreground.knine,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-foreground.knine,
  .after-hours-page .after-hours-content-root .callout .overlay-section-foreground.knine {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .mardi-gras-content .mardi-gras-content-root .callout .awl-banner,
  .mardi-gras-content .after-hours-content-root .callout .awl-banner,
  .after-hours-page .mardi-gras-content-root .callout .awl-banner,
  .after-hours-page .after-hours-content-root .callout .awl-banner {
    width: 705px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .mardi-gras-content .mardi-gras-content-root .callout .overlay-section-button,
  .mardi-gras-content .after-hours-content-root .callout .overlay-section-button,
  .after-hours-page .mardi-gras-content-root .callout .overlay-section-button,
  .after-hours-page .after-hours-content-root .callout .overlay-section-button {
    max-width: 200px;
  }
}
.mardi-gras-content .mardi-gras-content-root .hero,
.after-hours-page .mardi-gras-content-root .hero {
  padding: 0 0 60px 0;
  height: 820px;
}
.mardi-gras-content .mardi-gras-content-root .hero a,
.after-hours-page .mardi-gras-content-root .hero a {
  bottom: 11.5%;
  width: 3.33%;
  height: 5.5%;
}
@media screen and (width < 1440px) {
  .mardi-gras-content .mardi-gras-content-root .hero,
  .after-hours-page .mardi-gras-content-root .hero {
    height: 640px;
  }
  .mardi-gras-content .mardi-gras-content-root .hero a,
  .after-hours-page .mardi-gras-content-root .hero a {
    bottom: 13.4%;
  }
}
@media screen and (width < 1100px) {
  .mardi-gras-content .mardi-gras-content-root .hero,
  .after-hours-page .mardi-gras-content-root .hero {
    height: unset;
    padding: 0 0 30px 0;
  }
  .mardi-gras-content .mardi-gras-content-root .hero a,
  .after-hours-page .mardi-gras-content-root .hero a {
    bottom: 7.75%;
    width: 11%;
    height: 7%;
  }
}
@media screen and (width < 768px) {
  .mardi-gras-content .mardi-gras-content-root .hero a,
  .after-hours-page .mardi-gras-content-root .hero a {
    bottom: 8.75%;
    width: 11%;
  }
}
@media screen and (width < 500px) {
  .mardi-gras-content .mardi-gras-content-root .hero a,
  .after-hours-page .mardi-gras-content-root .hero a {
    bottom: 9%;
  }
}
.mardi-gras-content .after-hours-content-root #scroll-target,
.after-hours-page .after-hours-content-root #scroll-target {
  margin-top: 0;
}
.mardi-gras-content .after-hours-content-root section:last-child,
.after-hours-page .after-hours-content-root section:last-child {
  margin-bottom: 120px;
}
@media (width <= 1100px) {
  .mardi-gras-content .after-hours-content-root section:last-child,
  .after-hours-page .after-hours-content-root section:last-child {
    margin-bottom: 80px;
  }
}
.mardi-gras-content .uznea-content-root .hero,
.after-hours-page .uznea-content-root .hero {
  padding: 0 0 60px 0;
  height: 820px;
}
.mardi-gras-content .uznea-content-root .hero a,
.after-hours-page .uznea-content-root .hero a {
  bottom: 11.5%;
  width: 3.33%;
  height: 5.5%;
}
@media screen and (width < 1440px) {
  .mardi-gras-content .uznea-content-root .hero,
  .after-hours-page .uznea-content-root .hero {
    height: 640px;
  }
  .mardi-gras-content .uznea-content-root .hero a,
  .after-hours-page .uznea-content-root .hero a {
    bottom: 13.4%;
  }
}
@media screen and (width < 1100px) {
  .mardi-gras-content .uznea-content-root .hero,
  .after-hours-page .uznea-content-root .hero {
    height: unset;
    padding: 0 0 30px 0;
  }
  .mardi-gras-content .uznea-content-root .hero a,
  .after-hours-page .uznea-content-root .hero a {
    bottom: 7.75%;
    width: 11%;
    height: 7%;
  }
}
@media screen and (width < 768px) {
  .mardi-gras-content .uznea-content-root .hero a,
  .after-hours-page .uznea-content-root .hero a {
    bottom: 8.75%;
    width: 11%;
  }
}
@media screen and (width < 500px) {
  .mardi-gras-content .uznea-content-root .hero a,
  .after-hours-page .uznea-content-root .hero a {
    bottom: 9%;
  }
}
.mardi-gras-content .uznea-content-root .callout .overlay-section-background .desktop-only,
.after-hours-page .uznea-content-root .callout .overlay-section-background .desktop-only {
  min-height: 530px;
}
.mardi-gras-content .uznea-content-root .callout .overlay-section-foreground,
.after-hours-page .uznea-content-root .callout .overlay-section-foreground {
  width: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.mardi-gras-content .uznea-content-root .callout .overlay-section-foreground.awl-banner,
.after-hours-page .uznea-content-root .callout .overlay-section-foreground.awl-banner {
  width: 1031px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.mardi-gras-content .uznea-content-root .callout .overlay-section-foreground .tob-water-heading,
.after-hours-page .uznea-content-root .callout .overlay-section-foreground .tob-water-heading {
  text-align: center;
  text-transform: uppercase;
  color: var(--Winston-White, #FCFCFC);
  font-style: normal;
}
.mardi-gras-content .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h2,
.after-hours-page .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h2 {
  text-align: center;
  font-family: Abolition;
  font-size: 88px;
  font-weight: 400;
  line-height: 90%;
  letter-spacing: 0.88px;
  margin-bottom: 0;
}
.mardi-gras-content .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h3,
.after-hours-page .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h3 {
  color: var(--Winston-White, #FCFCFC);
  font-family: Termina;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.84px;
  margin-bottom: 0;
}
@media (max-width: 1099px) {
  .mardi-gras-content .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h2,
  .after-hours-page .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h2 {
    font-size: 60px;
  }
  .mardi-gras-content .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h3,
  .after-hours-page .uznea-content-root .callout .overlay-section-foreground .tob-water-heading h3 {
    font-size: 22px;
  }
}
.mardi-gras-content .uznea-content-root .callout .signature-logo,
.after-hours-page .uznea-content-root .callout .signature-logo {
  display: block;
  width: 236px;
  margin-bottom: -20px;
}
.mardi-gras-content .uznea-content-root .callout .callout-disclaimer,
.after-hours-page .uznea-content-root .callout .callout-disclaimer {
  color: #FFF;
  text-align: center;
  font-family: adelle-sans;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}
.mardi-gras-content .uznea-content-root .callout .callout-disclaimer p,
.after-hours-page .uznea-content-root .callout .callout-disclaimer p {
  margin: 0;
}
@media (max-width: 1100px) {
  .mardi-gras-content .uznea-content-root .callout .overlay-section-background .mobile-only,
  .after-hours-page .uznea-content-root .callout .overlay-section-background .mobile-only {
    min-width: 100%;
    min-height: 550px;
  }
  .mardi-gras-content .uznea-content-root .callout .overlay-section-background .mobile-only.awl,
  .after-hours-page .uznea-content-root .callout .overlay-section-background .mobile-only.awl {
    min-height: 450px;
  }
}
@media (max-width: 1100px) and (max-width: 768px) {
  .mardi-gras-content .uznea-content-root .callout .overlay-section-foreground,
  .after-hours-page .uznea-content-root .callout .overlay-section-foreground {
    width: 307px;
  }
}
@media (max-width: 1100px) {
  .mardi-gras-content .uznea-content-root .callout .overlay-section-foreground.knine,
  .after-hours-page .uznea-content-root .callout .overlay-section-foreground.knine {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .mardi-gras-content .uznea-content-root .callout .awl-banner,
  .after-hours-page .uznea-content-root .callout .awl-banner {
    width: 705px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .mardi-gras-content .uznea-content-root .callout .overlay-section-button,
  .after-hours-page .uznea-content-root .callout .overlay-section-button {
    max-width: 200px;
  }
}
.mardi-gras-content .gear-section,
.after-hours-page .gear-section {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: center;
  padding: 3rem 0 0 0;
  margin: 70px 0;
}
.mardi-gras-content .gear-section .disclaimer,
.after-hours-page .gear-section .disclaimer {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-weight: 350;
  font-size: 0.75rem;
  line-height: 1.5em;
  text-align: center;
  max-width: 800px;
  margin: 3rem 1rem 0rem 1rem;
  text-transform: none;
}
.mardi-gras-content .gear-section a,
.after-hours-page .gear-section a {
  text-transform: uppercase;
  text-decoration: none;
}
.mardi-gras-content .gear-section h1,
.after-hours-page .gear-section h1 {
  font-family: "Cinzel";
  color: #E6CE8E;
  font-weight: 500;
  font-size: 54px;
  text-align: center;
  line-height: 1.2em;
  text-transform: uppercase;
  padding-bottom: 2rem;
}
.mardi-gras-content .gear-section .card-rack,
.after-hours-page .gear-section .card-rack {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  row-gap: 3rem;
  padding-bottom: 3.5rem;
}
.mardi-gras-content .gear-section .card-rack .carddd,
.after-hours-page .gear-section .card-rack .carddd {
  width: 30%;
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: center;
  row-gap: 1.25rem;
}
.mardi-gras-content .gear-section .card-rack .carddd .img-container,
.after-hours-page .gear-section .card-rack .carddd .img-container {
  position: relative;
  width: 100%;
}
.mardi-gras-content .gear-section .card-rack .carddd .img-container img,
.after-hours-page .gear-section .card-rack .carddd .img-container img {
  width: 100%;
  border-radius: 10px;
}
.mardi-gras-content .gear-section .card-rack .carddd .img-container .action,
.after-hours-page .gear-section .card-rack .carddd .img-container .action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px 10px 20px;
  margin: 10px;
  background-color: black;
  border: solid 1px #0A8541;
  border-radius: 5px;
  cursor: pointer;
}
.mardi-gras-content .gear-section .card-rack .carddd .img-container .action .points,
.after-hours-page .gear-section .card-rack .carddd .img-container .action .points {
  background: #0A8541;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 11px;
  padding: 0.25rem 0.5rem;
  border-radius: 100px;
}
.mardi-gras-content .gear-section .card-rack .carddd .img-container .action .title,
.after-hours-page .gear-section .card-rack .carddd .img-container .action .title {
  flex-grow: 3;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 350;
}
.mardi-gras-content .gear-section .card-rack .carddd .img-container .action > img,
.after-hours-page .gear-section .card-rack .carddd .img-container .action > img {
  width: 0.5rem;
  margin-left: 5px;
}
.mardi-gras-content .gear-section .card-rack .carddd p,
.after-hours-page .gear-section .card-rack .carddd p {
  text-align: center;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.5em;
  font-weight: 350;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 3rem;
}
@media screen and (max-width: 1439px) {
  .mardi-gras-content .gear-section .card-rack,
  .after-hours-page .gear-section .card-rack {
    justify-content: space-around;
  }
  .mardi-gras-content .gear-section .card-rack .carddd,
  .after-hours-page .gear-section .card-rack .carddd {
    width: 400px;
  }
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .gear-section .card-rack,
  .after-hours-page .gear-section .card-rack {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 500px) {
  .mardi-gras-content .gear-section .card-rack,
  .after-hours-page .gear-section .card-rack {
    padding: 0.5rem;
    padding-bottom: 3.5rem;
  }
  .mardi-gras-content .gear-section .card-rack .carddd,
  .after-hours-page .gear-section .card-rack .carddd {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .gear-section h1,
  .after-hours-page .gear-section h1 {
    font-size: 2.25rem;
  }
}
.mardi-gras-content a.link-button,
.after-hours-page a.link-button {
  background-color: #0A8541;
  border-radius: 25px;
  padding: 10px 40px;
  font-size: 0.975rem;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-weight: 350;
  text-transform: uppercase;
  text-decoration: none;
}
.mardi-gras-content a.link-button:hover,
.after-hours-page a.link-button:hover {
  text-decoration: none;
}
@media screen and (max-width: 1100px) {
  .mardi-gras-content .desktop-only,
  .after-hours-page .desktop-only {
    display: none;
  }
}
@media screen and (min-width: 1101px) {
  .mardi-gras-content .mobile-only,
  .after-hours-page .mobile-only {
    display: none;
  }
}
.mardi-gras-content .mgr-offramp,
.after-hours-page .mgr-offramp {
  margin: 60px 0;
  padding: 0 !important;
  /* 16.5px */
}
.mardi-gras-content .mgr-offramp .mgr-offramp-title,
.after-hours-page .mgr-offramp .mgr-offramp-title {
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Desktop/H3/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 39px */
  letter-spacing: 0.31px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .mardi-gras-content .mgr-offramp .mgr-offramp-title,
  .after-hours-page .mgr-offramp .mgr-offramp-title {
    font-size: 39px;
    letter-spacing: -0.39px;
  }
}
.mardi-gras-content .mgr-offramp .mgr-offramp-cards,
.after-hours-page .mgr-offramp .mgr-offramp-cards {
  display: grid;
  gap: 80px;
  padding: 0;
  margin: 40px auto;
  list-style: none;
  width: 100%;
  max-width: 350px;
}
@media (width > 1099px) {
  .mardi-gras-content .mgr-offramp .mgr-offramp-cards,
  .after-hours-page .mgr-offramp .mgr-offramp-cards {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1120px;
  }
}
.mardi-gras-content .mgr-offramp a,
.after-hours-page .mgr-offramp a {
  text-decoration: none;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-card-image-wrapper,
.after-hours-page .mgr-offramp .mgr-offramp-card-image-wrapper {
  position: relative;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-card-image-wrapper img,
.after-hours-page .mgr-offramp .mgr-offramp-card-image-wrapper img {
  aspect-ratio: 4/5;
  object-fit: cover;
  width: 100%;
  border-radius: 5px;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-card-image-wrapper .magnifier,
.after-hours-page .mgr-offramp .mgr-offramp-card-image-wrapper .magnifier {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-card-bottom,
.after-hours-page .mgr-offramp .mgr-offramp-card-bottom {
  padding-top: 20px;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-card-bottom h6,
.after-hours-page .mgr-offramp .mgr-offramp-card-bottom h6 {
  color: var(--Kool-White, #FCFCFC);
  /* Kool/Desktop/H6/Normal */
  font-family: var(--Kool-Body-Font);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 25px */
  margin-block: 10px 15px;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-card-bottom .points-wrapper,
.after-hours-page .mgr-offramp .mgr-offramp-card-bottom .points-wrapper {
  color: var(--Kool-Gold, #DFC06F);
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  display: flex;
  align-items: center;
  gap: 7px;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-card-bottom .points-wrapper img,
.after-hours-page .mgr-offramp .mgr-offramp-card-bottom .points-wrapper img {
  width: 20px;
  height: auto;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-button,
.after-hours-page .mgr-offramp .mgr-offramp-button {
  width: 207px;
  height: 50px;
  color: var(--Kool-White, #FCFCFC);
  leading-trim: both;
  text-edge: cap;
  /* Kool/Global/Button/Normal */
  font-family: var(--Kool-Body-Font);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 17.5px */
  letter-spacing: 0.28px;
  text-transform: uppercase;
  background: var(--Kool-Green);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin-inline: auto;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-wrapper,
.after-hours-page .mgr-offramp .mgr-offramp-wrapper {
  background: var(--Kool-Dark-Gray, #1C1C1C);
  padding: 60px 20px;
}
.mardi-gras-content .mgr-offramp .mgr-offramp-disclaimer,
.after-hours-page .mgr-offramp .mgr-offramp-disclaimer {
  color: #FCFCFC;
  text-align: center;
  /* Kool/Global/P/XSmall */
  font-family: var(--Kool-Body-Font-Thin);
  margin-top: 20px;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.mardi-gras-content .after-hours-story,
.after-hours-page .after-hours-story {
  --ah-font-color: var(--text-1);
  --ah-font-fam: var(--Kool-Medium-Heading-Font);
  display: grid;
  padding: 10px 0;
  border-radius: 5px;
}
.mardi-gras-content .after-hours-story > *,
.after-hours-page .after-hours-story > * {
  grid-row: 1/-1;
  grid-column: 1/-1;
}
.mardi-gras-content .after-hours-story video,
.after-hours-page .after-hours-story video {
  height: 250px;
  width: 100%;
  aspect-ratio: 3.5675675676;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.mardi-gras-content .after-hours-story .content-container,
.after-hours-page .after-hours-story .content-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.25rem;
  padding: 0 3rem;
  z-index: 2;
}
.mardi-gras-content .after-hours-story .content-container h3,
.after-hours-page .after-hours-story .content-container h3 {
  font-size: 2.625rem;
  font-family: "Cinzel";
  font-weight: 500;
  line-height: 0.9em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.mardi-gras-content .after-hours-story.last-ahp,
.after-hours-page .after-hours-story.last-ahp {
  padding-bottom: 80px;
}

.mardi-gras-content-root.mannie-fresh .hero {
  height: 550px;
  background: url("https://kool-media.azureedge.net/CMS/AfterHours/NOLA/kl_stories_nola_mannie_header_1400x550.webp") no-repeat;
  background-size: cover;
}
@media (max-width: 1100px) {
  .mardi-gras-content-root.mannie-fresh .hero {
    background: url("https://itg-brands-test-cdn.azureedge.net/cms-media/kool/Instant-Win/mardi-gras/ab457/Intro-mannie-mobile.png") no-repeat;
    background-size: cover;
  }
}
.mardi-gras-content-root.mannie-fresh .copy-container {
  display: flex;
  min-height: 550px;
  padding: 80px 0px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}
.mardi-gras-content-root.mannie-fresh .copy-container .image-copy {
  display: flex;
  height: 313px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  flex: 1 0 0;
}
.mardi-gras-content-root.mannie-fresh .copy-container .image-copy h1 {
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  font-family: "Cinzel";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
.mardi-gras-content-root.mannie-fresh .copy-container .image-copy p {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  font-family: Gotham-Book;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 1100px) {
  .mardi-gras-content-root.mannie-fresh .copy-container {
    display: flex;
    min-height: 300px;
    padding: 70px 30px 40px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
  }
  .mardi-gras-content-root.mannie-fresh .copy-container .image-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    margin: auto;
  }
  .mardi-gras-content-root.mannie-fresh .copy-container .image-copy h1 {
    font-size: 38px;
    letter-spacing: 0.38px;
  }
}
.mardi-gras-content-root.mannie-fresh .full-banner {
  height: 550px;
  padding: 0 80px;
  align-content: center;
}
.mardi-gras-content-root.mannie-fresh .full-banner p {
  color: var(--Kool-White, #FCFCFC);
  font-family: "Gotham Book";
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  .mardi-gras-content-root.mannie-fresh .full-banner {
    padding: 0 30px;
  }
  .mardi-gras-content-root.mannie-fresh .full-banner p {
    font-size: 31px;
  }
}
.mardi-gras-content-root.mannie-fresh .after-hours-page {
  --ah-font-color: var(--text-1);
  -ah-font-fam: var(--Kool-Medium-Heading-Font);
  display: grid;
  padding: 10px 0;
  border-radius: 5px;
}
.mardi-gras-content-root.mannie-fresh .after-hours-page > * {
  grid-row: 1/-1;
  grid-column: 1/-1;
}
.mardi-gras-content-root.mannie-fresh .after-hours-page video {
  height: 250px;
  width: 100%;
  aspect-ratio: 3.5675675676;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.mardi-gras-content-root.mannie-fresh .after-hours-page .content-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.25rem;
  padding: 0 3rem;
  z-index: 2;
}
.mardi-gras-content-root.mannie-fresh .after-hours-page .content-container p {
  color: var(--white-100-opac, #FFF);
  text-align: center;
  font-family: Gotham Book;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.mardi-gras-content-root.mannie-fresh .after-hours-page .content-container h3 {
  font-size: 2.625rem;
  font-family: "Cinzel";
  font-weight: 500;
  line-height: 0.9em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.maintenance-page img {
  max-width: 100%;
  display: block;
}
.maintenance-page .main-wrapper {
  width: 100%;
  padding: 0;
}
.maintenance-page .brand-logo {
  width: 232px;
}
@media (min-width: 1100px) {
  .maintenance-page .brand-logo {
    width: 329.17px;
  }
}
.maintenance-page .main-wrapper {
  max-width: unset;
  display: block;
}
.maintenance-page .main-wrapper main {
  --bar-color: #b28427;
  --bar-opacity: .5;
  height: 100vh;
  min-height: min-content;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-height: 450px) and (orientation: landscape) {
  .maintenance-page .main-wrapper main {
    height: unset;
  }
}
.maintenance-page .main-wrapper .maintenance-wrapper {
  display: grid;
  height: 100%;
}
.maintenance-page .main-wrapper .maintenance-wrapper > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.maintenance-page .main-wrapper .maintenance-content {
  position: relative;
}
.maintenance-page .main-wrapper .maintenance-text {
  margin: auto auto;
  z-index: 2;
  color: #fff;
  text-align: center;
  display: grid;
  place-items: center;
  grid-template-columns: 1fr;
  gap: 40px;
  padding: 100px 15px 100px 15px;
}
@media (min-width: 1100px) {
  .maintenance-page .main-wrapper .maintenance-text {
    gap: 50px;
  }
}
.maintenance-page .main-wrapper .maintenance-warning {
  z-index: 3;
  background: #fff;
  position: relative;
}
.maintenance-page .main-wrapper .maintenance-warning img {
  margin: auto;
  display: block;
  width: calc(100% - 30px);
  border: 15px solid transparent;
  width: 100%;
  max-width: 339.42px;
}
@media (min-width: 1100px) {
  .maintenance-page .main-wrapper .maintenance-warning {
    padding: 7px 7px 0 0;
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent;
  }
  .maintenance-page .main-wrapper .maintenance-warning::after {
    display: none;
  }
  .maintenance-page .main-wrapper .maintenance-warning img {
    box-sizing: border-box;
    width: 323.7px;
    border: 15px solid #fff;
  }
}
.maintenance-page .main-wrapper .maintenance-content {
  background: #000;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: var(--bg-mob-img);
  z-index: 1;
}
@media (min-width: 1100px) {
  .maintenance-page .main-wrapper .maintenance-content {
    background-image: var(--bg-img);
  }
}
.maintenance-page .main-wrapper .primary-text {
  color: #E6CE8E;
  text-align: center;
  font-family: "Cinzel Medium";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
@media (min-width: 1100px) {
  .maintenance-page .main-wrapper .primary-text {
    font-family: "Cinzel Regular", Helvetica, Arial, sans-serif;
    font-size: 96px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.92px;
  }
}
.maintenance-page .main-wrapper .secondary-text {
  color: #FFF;
  text-align: center;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 350;
  line-height: 1.5;
  letter-spacing: 0.4px;
  max-width: 28ch;
}
@media (min-width: 1100px) {
  .maintenance-page .main-wrapper .secondary-text {
    max-width: unset;
    font-size: 28px;
  }
}

.after-hours-landing-page .main-wrapper > .feature {
  --background-height-override: 550px;
}
.after-hours-landing-page .hero {
  padding: 0;
  padding-bottom: 80px;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  row-gap: 1.25rem;
  height: 550px;
}
.after-hours-landing-page .hero img {
  max-width: 350px;
}
@media (max-width: 1100px) {
  .after-hours-landing-page .hero {
    padding-bottom: 50px;
    aspect-ratio: 375/475;
    height: unset;
    row-gap: 15px;
  }
}
.after-hours-landing-page .after-hours-page {
  aspect-ratio: 3.5675675676;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.after-hours-landing-page .after-hours-page > * {
  grid-row: 1/-1;
  grid-column: 1/-1;
}
.after-hours-landing-page .after-hours-page video {
  width: 100%;
  aspect-ratio: 3.5675675676;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.after-hours-landing-page .after-hours-page .content-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.25rem;
  padding: 0 3rem;
}
.after-hours-landing-page .after-hours-page .content-container a {
  border-radius: 100px;
}
.after-hours-landing-page .after-hours-page .content-container a .icon.to-right {
  margin-bottom: -15%;
}
@media (max-width: 1100px) {
  .after-hours-landing-page .after-hours-page {
    aspect-ratio: 1.3392857143;
  }
  .after-hours-landing-page .after-hours-page video {
    aspect-ratio: 1.3392857143;
  }
}
.after-hours-landing-page section {
  background-size: cover;
  background-position: center;
}
.after-hours-landing-page #page-cards {
  margin: 80px 0 100px 0;
  --grid-content-wrapper-gap: 3.75em !important;
}
.after-hours-landing-page #page-cards .foreground {
  --grid-content-wrapper-justification: stretch;
}
.after-hours-landing-page #page-cards .button-set {
  width: 100%;
  justify-content: center;
}
.after-hours-landing-page #page-cards .button-set .button {
  max-width: 285px;
}
.after-hours-landing-page .tlc > section:not(:last-child) {
  border-bottom: 2px solid #E6CE8E;
}
.after-hours-landing-page h4, .after-hours-landing-page h5 {
  text-align: center;
}
.after-hours-landing-page h5 {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
}
.after-hours-landing-page h4 {
  font-size: 2.625rem;
  font-family: "Cinzel";
  font-weight: 500;
  line-height: 0.9em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.after-hours-landing-page img {
  max-width: 100%;
}

.after-hours-page .image-carousel {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.after-hours-page .image-carousel h2 {
  font-size: 54px;
  color: #E6CE8E;
  text-align: center;
}
.after-hours-page .image-carousel p {
  text-align: center;
}
.after-hours-page .image-carousel .splide {
  padding-bottom: 3.5rem;
}
.after-hours-page .image-carousel .splide .splide__slide img {
  width: 875px;
}
.after-hours-page .image-carousel .splide .splide__arrow {
  background: black;
  width: 40px;
  height: 40px;
}
.after-hours-page .image-carousel .splide .splide__pagination {
  gap: 30px;
}
.after-hours-page .image-carousel .splide .splide__pagination .splide__pagination__page {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: rgba(252, 252, 252, 0.25);
}
.after-hours-page .image-carousel .splide .splide__pagination .splide__pagination__page.is-active {
  background: #E6CE8E;
}
@media screen and (max-width: 1439px) {
  .after-hours-page .image-carousel .splide .splide__slide img {
    width: 700px;
  }
}
@media screen and (max-width: 1099px) {
  .after-hours-page .image-carousel .splide {
    padding-bottom: 5rem;
  }
  .after-hours-page .image-carousel .splide .splide__slide img {
    width: 350px;
  }
  .after-hours-page .image-carousel .splide .splide__arrow {
    top: unset;
    bottom: 0;
    opacity: 1;
  }
  .after-hours-page .image-carousel .splide .splide__arrow.splide__arrow--next {
    right: 50%;
    transform: translateX(150%);
  }
  .after-hours-page .image-carousel .splide .splide__arrow.splide__arrow--prev {
    left: 50%;
    transform: translateX(-150%);
  }
  .after-hours-page .image-carousel .splide .splide__pagination {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .after-hours-page .image-carousel h2 {
    font-size: 34px;
  }
  .after-hours-page .image-carousel .splide .splide__slide img {
    width: 250px;
  }
}

.after-hours-detroit .after-hours-content-root .hero p {
  max-width: unset;
}
.after-hours-detroit .after-hours-content-root h2 {
  font-weight: 400 !important;
}
.after-hours-detroit .after-hours-content-root .full-banner {
  height: 550px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0 100px;
}
.after-hours-detroit .after-hours-content-root .full-banner p {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 3.75em;
  text-align: left;
  line-height: 1;
  letter-spacing: 0.6px;
  margin: 2rem 0;
  text-indent: -0.65ch;
}
.after-hours-detroit .after-hours-content-root .full-banner .quote {
  color: white;
}
@media (max-width: 1100px) {
  .after-hours-detroit .after-hours-content-root .full-banner {
    max-height: 550px;
    aspect-ratio: 345/560;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 3rem;
    padding-bottom: 5rem;
  }
  .after-hours-detroit .after-hours-content-root .full-banner p {
    text-align: left;
    font-size: 2.625rem;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .after-hours-detroit .after-hours-content-root .full-banner {
    padding: 1.875rem;
  }
  .after-hours-detroit .after-hours-content-root .full-banner p {
    font-size: 3em;
  }
}
.after-hours-detroit .after-hours-content-root .split-banner h5 {
  text-transform: none;
  line-height: 1.25em;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  max-width: 430px;
}
@media (max-width: 1100px) {
  .after-hours-detroit .after-hours-content-root .split-banner h5 {
    font-size: 1.25rem;
  }
}
.after-hours-detroit .after-hours-content-root .split-banner.world-map-section {
  background-color: #006976;
}
.after-hours-detroit .after-hours-content-root .split-banner.world-map-section .split-content:first-child img {
  width: 190px;
}
.after-hours-detroit .after-hours-content-root .split-banner.world-map-section .split-content:first-child img:first-of-type {
  max-width: 360px;
  width: 100%;
}
@media (max-width: 1100px) {
  .after-hours-detroit .after-hours-content-root .split-banner.world-map-section .split-content:first-child img:first-child {
    max-width: 302px;
    width: 100%;
  }
  .after-hours-detroit .after-hours-content-root .split-banner.world-map-section .split-content:first-child img:last-child {
    width: 175px;
  }
}
.after-hours-detroit .after-hours-content-root .split-banner.world-map-section ol {
  max-width: 430px;
  padding-left: 15px;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: start;
  row-gap: 1.5rem;
  list-style-position: inside;
}
.after-hours-detroit .after-hours-content-root .split-banner.world-map-section ol li {
  color: #0eb3c8;
  text-transform: uppercase;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25em;
  letter-spacing: 0.54px;
  width: 100%;
}
.after-hours-detroit .after-hours-content-root .split-banner.world-map-section ol li:last-child {
  border: 1px solid #E6CE8E;
  margin: -0.75rem 0 -0.75rem -1rem;
  padding: 0.75rem 0 0.75rem 1rem;
  width: calc(100% + 1rem);
}
.after-hours-detroit .after-hours-content-root .split-banner.world-map-section ol li:last-child span {
  color: white;
}
@media (max-width: 1100px) {
  .after-hours-detroit .after-hours-content-root .split-banner.world-map-section ol li {
    font-size: 1rem;
  }
}
.after-hours-detroit .after-hours-content-root .mardi-gras-nav {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 40px;
  height: 300px;
  padding: 0 30px;
  background-size: cover;
  background-position: center;
}
.after-hours-detroit .after-hours-content-root .mardi-gras-nav h3 {
  color: white;
  text-align: center;
}
.after-hours-detroit .after-hours-content-root .mardi-gras-nav a.button {
  width: 250px;
}
@media (max-width: 1100px) {
  .after-hours-detroit .after-hours-content-root .mardi-gras-nav {
    row-gap: 30px;
    height: unset;
    aspect-ratio: 375/250;
  }
  .after-hours-detroit .after-hours-content-root .mardi-gras-nav h3 {
    font-size: 36px;
  }
  .after-hours-detroit .after-hours-content-root .mardi-gras-nav a.button {
    width: 100%;
  }
}
.after-hours-detroit .after-hours-content-root .image-banner.inset-odd-even .copy-container,
.after-hours-detroit .after-hours-content-root .image-banner .copy-container {
  align-items: center;
  padding-right: 8%;
}
.after-hours-detroit .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy,
.after-hours-detroit .after-hours-content-root .image-banner .copy-container .image-copy {
  text-align: center;
}
.after-hours-detroit .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy > *,
.after-hours-detroit .after-hours-content-root .image-banner .copy-container .image-copy > * {
  max-width: 370px;
}
.after-hours-detroit .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy h1,
.after-hours-detroit .after-hours-content-root .image-banner .copy-container .image-copy h1 {
  padding-block: 30px;
}
.after-hours-detroit .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy p,
.after-hours-detroit .after-hours-content-root .image-banner .copy-container .image-copy p {
  margin-bottom: 55px;
}

.after-hours-page.after-hours-austin .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy,
.after-hours-page.after-hours-austin .after-hours-content-root .image-banner .copy-container .image-copy {
  text-align: center;
}
.after-hours-page.after-hours-austin .after-hours-content-root > * {
  order: 4;
}
.after-hours-page.after-hours-austin .after-hours-content-root > *:has(.points-box) {
  order: 3;
}
.after-hours-page.after-hours-austin .after-hours-content-root .hero {
  order: 1;
}
.after-hours-page.after-hours-austin .after-hours-content-root #scroll-target {
  order: 2;
}
.after-hours-page.after-hours-austin p p {
  margin-top: 0;
}
.after-hours-page.after-hours-austin .after-hours-content-root .split-banner.texas-map-section {
  background: #006976;
  padding: 50px 80px;
}
@media (max-width: 1100px) {
  .after-hours-page.after-hours-austin .after-hours-content-root .split-banner.texas-map-section {
    padding: 0 20px;
  }
}
.after-hours-page.after-hours-austin .after-hours-content-root .split-banner.texas-map-section .splitter {
  margin: 0 60px;
}
@media (max-width: 1100px) {
  .after-hours-page.after-hours-austin .after-hours-content-root .split-banner.texas-map-section .splitter {
    margin: 60px 0;
  }
}
.after-hours-page.after-hours-austin .after-hours-content-root .split-banner.texas-map-section h5 {
  color: #FCFCFC;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.26px;
  text-transform: unset;
}
@media (max-width: 1100px) {
  .after-hours-page.after-hours-austin .after-hours-content-root .split-banner.texas-map-section h5 {
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: 0.2px;
    margin: 20px 0 40px 0;
  }
}
.after-hours-page.after-hours-austin .after-hours-content-root .split-banner.texas-map-section img {
  min-width: 260px;
}
.after-hours-page.after-hours-austin .full-banner {
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.after-hours-page.after-hours-austin .full-banner .quote {
  color: #fff !important;
}
.after-hours-page.after-hours-austin .full-banner p {
  text-align: left;
  max-width: 600px;
  font-size: 60px;
  line-height: 1em !important;
  text-indent: -0.65ch;
}
@media (width <= 1100px) {
  .after-hours-page.after-hours-austin .full-banner {
    padding: 40px;
  }
  .after-hours-page.after-hours-austin .full-banner p {
    font-size: 48px;
  }
}

.after-hours-footer-nav {
  padding: 40px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: var(--desk-bg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.after-hours-footer-nav .after-hours-footer-nav-wrapper {
  text-align: center;
}
.after-hours-footer-nav .after-hours-footer-nav-wrapper h3 {
  margin-bottom: 40px;
}
@media (max-width: 1100px) {
  .after-hours-footer-nav {
    background-image: var(--mob-bg);
    min-height: 170px;
    padding: 40px 20px;
  }
}

.after-hours-miami .after-hours-content-root h2 {
  font-weight: 400 !important;
}
.after-hours-miami .after-hours-content-root .full-banner {
  height: 550px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0 100px;
}
.after-hours-miami .after-hours-content-root .full-banner p {
  text-align: right;
  line-height: 1;
  margin: 2rem 0;
}
.after-hours-miami .after-hours-content-root .full-banner .quote {
  color: white;
}
@media (max-width: 1100px) {
  .after-hours-miami .after-hours-content-root .full-banner {
    height: unset;
    aspect-ratio: 345/560;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 3rem;
    padding-bottom: 5rem;
  }
  .after-hours-miami .after-hours-content-root .full-banner p {
    text-align: left;
    font-size: 2.625rem;
  }
}
@media (max-width: 768px) {
  .after-hours-miami .after-hours-content-root .full-banner {
    padding: 1.25rem;
  }
  .after-hours-miami .after-hours-content-root .full-banner p {
    font-size: 24px;
  }
}
.after-hours-miami .after-hours-content-root .split-banner h5 {
  text-transform: none;
  line-height: 1.1em;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  max-width: 430px;
}
@media (max-width: 1100px) {
  .after-hours-miami .after-hours-content-root .split-banner h5 {
    font-size: 1.25rem;
  }
}
.after-hours-miami .after-hours-content-root .split-banner.boat-drinks-section {
  background-color: #006976;
}
.after-hours-miami .after-hours-content-root .split-banner.boat-drinks-section .split-content:first-child img {
  height: 100%;
  width: auto;
}
@media (max-width: 1100px) {
  .after-hours-miami .after-hours-content-root .split-banner.boat-drinks-section .split-content:first-child img {
    width: 140px;
    height: auto;
  }
}
@media screen and (max-width: 1100px) {
  .after-hours-miami .after-hours-content-root .split-banner.boat-drinks-section .splitter {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
.after-hours-miami .after-hours-content-root .detroit-nav {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 40px;
  height: 300px;
  padding: 0 30px;
  background-size: cover;
  background-position: center;
}
.after-hours-miami .after-hours-content-root .detroit-nav h3 {
  color: white;
  text-align: center;
}
.after-hours-miami .after-hours-content-root .detroit-nav a.button {
  width: 250px;
}
@media (max-width: 1100px) {
  .after-hours-miami .after-hours-content-root .detroit-nav {
    row-gap: 30px;
    height: unset;
    aspect-ratio: 375/250;
  }
  .after-hours-miami .after-hours-content-root .detroit-nav h3 {
    font-size: 36px;
  }
  .after-hours-miami .after-hours-content-root .detroit-nav a.button {
    width: 100%;
  }
}
.after-hours-miami .after-hours-content-root .image-banner.inset-odd-even .copy-container,
.after-hours-miami .after-hours-content-root .image-banner .copy-container {
  align-items: center;
  padding-right: 8%;
}
.after-hours-miami .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy,
.after-hours-miami .after-hours-content-root .image-banner .copy-container .image-copy {
  text-align: center;
}
.after-hours-miami .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy > *,
.after-hours-miami .after-hours-content-root .image-banner .copy-container .image-copy > * {
  max-width: 370px;
}
.after-hours-miami .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy h1,
.after-hours-miami .after-hours-content-root .image-banner .copy-container .image-copy h1 {
  padding-block: 30px;
}
.after-hours-miami .after-hours-content-root .image-banner.inset-odd-even .copy-container .image-copy p,
.after-hours-miami .after-hours-content-root .image-banner .copy-container .image-copy p {
  margin-bottom: 55px;
}
.after-hours-miami .after-hours-content-root .image-carousel {
  margin-top: 60px;
  /*
  .splide {
      img {
          border-radius: 5px;
      }
  }

  .splide__arrows {
      .splide__arrow {
          width: 30px;
          height: 30px;
      }
  }

  .splide__pagination {
      gap: 15px;

      .splide__pagination__page {
          background: rgba(252, 252, 252, 0.25);
      }
  }
  */
}
.after-hours-miami .after-hours-content-root .image-carousel h2 {
  color: var(--Kool-Gold);
  margin-bottom: 15px;
}
.after-hours-miami .after-hours-content-root .image-carousel p {
  margin-bottom: 40px;
}
.after-hours-miami .after-hours-content-root .image-carousel .splide {
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 1099px) {
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__arrow {
    display: none;
  }
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__pagination {
    display: flex;
  }
}
.after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide img {
  width: 440px;
  min-height: 293px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide img {
    width: 300px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1439px) {
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide img {
    width: 440px;
    max-height: 375px;
  }
}
@media screen and (max-width: 1099px) {
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide img {
    width: 375px;
    max-height: 440px;
  }
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide .splide__arrow {
    top: unset;
    bottom: 0;
    opacity: 1;
    display: none;
  }
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--next {
    right: 50%;
    transform: translateX(150%);
  }
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--prev {
    left: 50%;
    transform: translateX(-150%);
  }
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__slide .splide__pagination {
    display: block;
  }
}
.after-hours-miami .after-hours-content-root .image-carousel .splide .splide__arrow {
  background: black;
  width: 30px;
  height: 30px;
}
.after-hours-miami .after-hours-content-root .image-carousel .splide .splide__pagination {
  gap: 30px;
}
@media (width <= 768px) {
  .after-hours-miami .after-hours-content-root .image-carousel .splide .splide__pagination {
    gap: 15px;
  }
}
.after-hours-miami .after-hours-content-root .image-carousel .splide .splide__pagination .splide__pagination__page {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: rgba(252, 252, 252, 0.25);
}
.after-hours-miami .after-hours-content-root .image-carousel .splide .splide__pagination .splide__pagination__page.is-active {
  background: #E6CE8E;
}
.after-hours-miami .after-hours-content-root .boat-drinks-section .split-content {
  align-items: flex-start;
}
.after-hours-miami .after-hours-content-root .boat-drinks-section .split-content:first-of-type {
  min-width: 350px;
  align-items: center;
}
.after-hours-miami .after-hours-content-root .boat-drinks-section img {
  max-width: 170px;
}
.after-hours-miami .after-hours-content-root .boat-drinks-section h4 {
  font-size: 31px;
}
.after-hours-miami .after-hours-content-root .boat-drinks-section h5 {
  max-width: unset;
  font-size: 20px;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  line-height: 125%;
}
@media (width <= 1100px) {
  .after-hours-miami .after-hours-content-root .boat-drinks-section .splitter {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .after-hours-miami .after-hours-content-root .boat-drinks-section h4 {
    font-size: 25px;
  }
  .after-hours-miami .after-hours-content-root .boat-drinks-section h5 {
    font-size: 18px;
  }
}
.after-hours-miami .after-hours-content-root .full-banner {
  height: 550px;
}
.after-hours-miami .after-hours-content-root .full-banner p {
  text-align: left;
  font-size: 39px;
}
@media (width <= 1100px) {
  .after-hours-miami .after-hours-content-root .full-banner p {
    font-size: 31px;
    margin: 0;
  }
}

@media (max-width: 1100px) {
  .after-hours-memphis .after-hours-content-root #scroll-target {
    height: 1px;
    padding: 0;
    margin: 0;
  }
}
@media (max-width: 1100px) {
  .after-hours-memphis .after-hours-content-root .video-banner .video-copy-container .video-copy {
    row-gap: 20px !important;
  }
}
.after-hours-memphis .after-hours-content-root .split-banner h5 {
  text-transform: none;
  line-height: 1.1em;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  max-width: 430px;
}
@media (max-width: 1100px) {
  .after-hours-memphis .after-hours-content-root .split-banner h5 {
    font-size: 1.25rem;
  }
}
.after-hours-memphis .after-hours-content-root .split-banner.boat-drinks-section {
  background-color: #006976;
}
.after-hours-memphis .after-hours-content-root .split-banner.boat-drinks-section .split-content:first-child img {
  height: 100%;
  width: auto;
}
@media (max-width: 1100px) {
  .after-hours-memphis .after-hours-content-root .split-banner.boat-drinks-section .split-content:first-child img {
    width: 140px;
    height: auto;
  }
}
@media screen and (max-width: 1100px) {
  .after-hours-memphis .after-hours-content-root .split-banner.boat-drinks-section .splitter {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
.after-hours-memphis .after-hours-content-root .miami-nav {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 40px;
  height: 300px;
  padding: 0 30px;
  background-size: cover;
  background-position: center;
}
.after-hours-memphis .after-hours-content-root .miami-nav h3 {
  color: white;
  text-align: center;
}
.after-hours-memphis .after-hours-content-root .miami-nav a.button {
  width: 250px;
}
@media (max-width: 1100px) {
  .after-hours-memphis .after-hours-content-root .miami-nav {
    row-gap: 30px;
    height: unset;
    aspect-ratio: 375/250;
  }
  .after-hours-memphis .after-hours-content-root .miami-nav h3 {
    font-size: 36px;
  }
  .after-hours-memphis .after-hours-content-root .miami-nav a.button {
    width: 100%;
  }
}
.after-hours-memphis .after-hours-content-root .image-carousel {
  /*
  .splide {
      img {
          border-radius: 5px;
      }
  }

  .splide__arrows {
      .splide__arrow {
          width: 30px;
          height: 30px;
      }
  }

  .splide__pagination {
      gap: 15px;

      .splide__pagination__page {
          background: rgba(252, 252, 252, 0.25);
      }
  }
      */
}
.after-hours-memphis .after-hours-content-root .image-carousel h2 {
  color: var(--Kool-Gold);
  margin-bottom: 15px;
}
.after-hours-memphis .after-hours-content-root .image-carousel p {
  margin-bottom: 40px;
}
.after-hours-memphis .after-hours-content-root .image-carousel .splide {
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 1099px) {
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__arrow {
    display: none;
  }
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__pagination {
    display: flex;
  }
}
.after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide img {
  width: 440px;
  min-height: 293px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide img {
    width: 300px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1439px) {
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide img {
    width: 440px;
    max-height: 375px;
  }
}
@media screen and (max-width: 1099px) {
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide img {
    width: 375px;
    max-height: 440px;
  }
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide .splide__arrow {
    top: unset;
    bottom: 0;
    opacity: 1;
    display: none;
  }
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--next {
    right: 50%;
    transform: translateX(150%);
  }
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--prev {
    left: 50%;
    transform: translateX(-150%);
  }
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__slide .splide__pagination {
    display: block;
  }
}
.after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__arrow {
  background: black;
  width: 30px;
  height: 30px;
}
.after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__pagination {
  gap: 30px;
}
@media (width <= 768px) {
  .after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__pagination {
    gap: 15px;
  }
}
.after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__pagination .splide__pagination__page {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: rgba(252, 252, 252, 0.25);
}
.after-hours-memphis .after-hours-content-root .image-carousel .splide .splide__pagination .splide__pagination__page.is-active {
  background: #E6CE8E;
}
.after-hours-memphis .after-hours-content-root .boat-drinks-section {
  padding: 60px 80px;
}
.after-hours-memphis .after-hours-content-root .boat-drinks-section .split-content {
  padding: 0;
}
.after-hours-memphis .after-hours-content-root .boat-drinks-section .splitter {
  border-left: solid 1px white;
}
.after-hours-memphis .after-hours-content-root .boat-drinks-section img {
  max-width: 250px;
}
.after-hours-memphis .after-hours-content-root .boat-drinks-section h5 {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 25px;
  max-width: unset;
}
@media (width <= 1100px) {
  .after-hours-memphis .after-hours-content-root .boat-drinks-section {
    padding: 60px 30px 80px 30px;
  }
  .after-hours-memphis .after-hours-content-root .boat-drinks-section img {
    width: 275px !important;
  }
  .after-hours-memphis .after-hours-content-root .boat-drinks-section .splitter {
    margin: 60px 0 !important;
  }
  .after-hours-memphis .after-hours-content-root .boat-drinks-section h5 {
    font-size: 18px;
    text-align: center;
    text-transform: unset;
    line-height: 125%;
  }
}
.after-hours-memphis .after-hours-content-root .full-banner {
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.after-hours-memphis .after-hours-content-root .full-banner p {
  text-align: left;
  font-size: 39px;
  text-indent: -0.65ch;
}
@media (width <= 1100px) {
  .after-hours-memphis .after-hours-content-root .full-banner {
    padding: 30px;
  }
  .after-hours-memphis .after-hours-content-root .full-banner p {
    font-size: 31px;
    margin: 0;
    text-align: center;
  }
}

.after-hours-hiphop-nyc .image-banner.inset-odd-even.gallery .image-copy h2:first-child,
.after-hours-house-chicago .image-banner.inset-odd-even.gallery .image-copy h2:first-child,
.after-hours-trap-atlanta .image-banner.inset-odd-even.gallery .image-copy h2:first-child {
  display: none;
}

@media (width >= 768px) {
  .after-hours-house-chicago .afterHoursVideoSectionContent .video-banner.video-poster.video-copy h2 {
    max-width: 15ch !important;
  }
  .after-hours-house-chicago .afterHoursVideoSectionContent .video-banner.video-poster p {
    max-width: 100% !important;
  }
}
@media (width >= 1100px) {
  .after-hours-house-chicago .afterHoursVideoSectionContent .video-banner.video-poster.video-copy h2 {
    max-width: 100% !important;
  }
}

.after-hours-house-chicago .full-banner p {
  text-indent: -0.5ch !important;
}
@media (widht >= 1100px) {
  .after-hours-house-chicago .full-banner p {
    text-align: right;
    max-width: 14ch !important;
  }
}

.after-hours-hiphop-nyc .after-hours-custom-nav,
.after-hours-house-chicago .after-hours-custom-nav,
.after-hours-trap-atlanta .after-hours-custom-nav {
  height: 250px;
}
@media (width >= 1100px) {
  .after-hours-hiphop-nyc .after-hours-custom-nav,
  .after-hours-house-chicago .after-hours-custom-nav,
  .after-hours-trap-atlanta .after-hours-custom-nav {
    margin-bottom: 100px !important;
  }
}
.after-hours-hiphop-nyc .after-hours-custom-nav h3,
.after-hours-house-chicago .after-hours-custom-nav h3,
.after-hours-trap-atlanta .after-hours-custom-nav h3 {
  font-size: 31px !important;
}
@media (width >= 768px) {
  .after-hours-hiphop-nyc .after-hours-custom-nav h3,
  .after-hours-house-chicago .after-hours-custom-nav h3,
  .after-hours-trap-atlanta .after-hours-custom-nav h3 {
    font-size: 39px !important;
  }
}
.after-hours-hiphop-nyc .after-hours-custom-nav .eyebrow,
.after-hours-house-chicago .after-hours-custom-nav .eyebrow,
.after-hours-trap-atlanta .after-hours-custom-nav .eyebrow {
  font-family: var(--Kool-Body-Font) !important;
  font-size: 12px !important;
  font-style: normal;
  line-height: 150%;
  /* 18px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media (width >= 768px) {
  .after-hours-hiphop-nyc .after-hours-custom-nav .eyebrow,
  .after-hours-house-chicago .after-hours-custom-nav .eyebrow,
  .after-hours-trap-atlanta .after-hours-custom-nav .eyebrow {
    font-size: 14px !important;
  }
}
.after-hours-hiphop-nyc .after-hours-custom-nav a,
.after-hours-house-chicago .after-hours-custom-nav a,
.after-hours-trap-atlanta .after-hours-custom-nav a {
  margin-top: 15px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 50%;
}
.after-hours-hiphop-nyc .after-hours-custom-nav img,
.after-hours-house-chicago .after-hours-custom-nav img,
.after-hours-trap-atlanta .after-hours-custom-nav img {
  object-fit: cover;
  height: 250px;
  width: 100%;
}

.after-hours-hiphop-nyc .full-banner,
.after-hours-house-chicago .full-banner,
.after-hours-trap-atlanta .full-banner {
  height: 450px !important;
  padding: 40px 30px 40px 30px !important;
  display: grid !important;
  align-items: end;
  justify-content: start !important;
}
.after-hours-hiphop-nyc .full-banner p,
.after-hours-house-chicago .full-banner p,
.after-hours-trap-atlanta .full-banner p {
  max-width: 15ch;
  text-indent: -0.75ch;
}
.after-hours-hiphop-nyc .full-banner br.mobile-only,
.after-hours-house-chicago .full-banner br.mobile-only,
.after-hours-trap-atlanta .full-banner br.mobile-only {
  display: block;
}
@media (width >= 768px) {
  .after-hours-hiphop-nyc .full-banner,
  .after-hours-house-chicago .full-banner,
  .after-hours-trap-atlanta .full-banner {
    padding: 40px 60px 40px 60px !important;
  }
  .after-hours-hiphop-nyc .full-banner p,
  .after-hours-house-chicago .full-banner p,
  .after-hours-trap-atlanta .full-banner p {
    max-width: 15ch;
    width: 100% !important;
  }
  .after-hours-hiphop-nyc .full-banner br.mobile-only,
  .after-hours-house-chicago .full-banner br.mobile-only,
  .after-hours-trap-atlanta .full-banner br.mobile-only {
    display: none;
  }
}
@media (width >= 1100px) {
  .after-hours-hiphop-nyc .full-banner,
  .after-hours-house-chicago .full-banner,
  .after-hours-trap-atlanta .full-banner {
    align-items: center !important;
    justify-content: end !important;
    padding: 40px 80px 40px 80px !important;
  }
  .after-hours-hiphop-nyc .full-banner p,
  .after-hours-house-chicago .full-banner p,
  .after-hours-trap-atlanta .full-banner p {
    font-size: 60px !important;
  }
}
.after-hours-hiphop-nyc .image-carousel h2,
.after-hours-house-chicago .image-carousel h2,
.after-hours-trap-atlanta .image-carousel h2 {
  font-size: 31px;
  max-width: 15ch;
  margin-inline: auto;
  margin-block-end: 20px;
}
.after-hours-hiphop-nyc .image-carousel p,
.after-hours-house-chicago .image-carousel p,
.after-hours-trap-atlanta .image-carousel p {
  margin-block-end: 40px !important;
}
@media (width >= 768px) {
  .after-hours-hiphop-nyc .image-carousel h2,
  .after-hours-house-chicago .image-carousel h2,
  .after-hours-trap-atlanta .image-carousel h2 {
    font-size: 39px;
    max-width: 100%;
  }
}
.after-hours-hiphop-nyc .hero,
.after-hours-house-chicago .hero,
.after-hours-trap-atlanta .hero {
  margin-bottom: 40px !important;
}
.after-hours-hiphop-nyc .hero h2,
.after-hours-house-chicago .hero h2,
.after-hours-trap-atlanta .hero h2 {
  color: #fff !important;
}
.after-hours-hiphop-nyc .hero .eyebrow,
.after-hours-house-chicago .hero .eyebrow,
.after-hours-trap-atlanta .hero .eyebrow {
  margin-bottom: 10px;
}
.after-hours-hiphop-nyc .hero .eyebrow::before,
.after-hours-house-chicago .hero .eyebrow::before,
.after-hours-trap-atlanta .hero .eyebrow::before {
  --icon-size: 100px;
  content: "";
  background-image: url(https://storageaccountwinstacec.blob.core.windows.net/kool-umbraco/media/CMS/AfterHours/SoundCity/kool_afterhours_soundcity_main_feature_soundbar.gif);
  background-size: var(--icon-size) var(--icon-size);
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-inline: auto;
  margin-bottom: 20px;
}
.after-hours-hiphop-nyc .hero p,
.after-hours-house-chicago .hero p,
.after-hours-trap-atlanta .hero p {
  font-size: 16px !important;
  padding-inline: 28px !important;
  margin-bottom: 10px !important;
}
.after-hours-hiphop-nyc .image-carousel,
.after-hours-house-chicago .image-carousel,
.after-hours-trap-atlanta .image-carousel {
  padding: 40px 0 !important;
}
.after-hours-hiphop-nyc .image-carousel .splide,
.after-hours-house-chicago .image-carousel .splide,
.after-hours-trap-atlanta .image-carousel .splide {
  padding-bottom: 60px;
  margin-bottom: 0px;
}
@media screen and (max-width: 1099px) {
  .after-hours-hiphop-nyc .image-carousel .splide .splide__arrow,
  .after-hours-house-chicago .image-carousel .splide .splide__arrow,
  .after-hours-trap-atlanta .image-carousel .splide .splide__arrow {
    display: none;
  }
  .after-hours-hiphop-nyc .image-carousel .splide .splide__pagination,
  .after-hours-house-chicago .image-carousel .splide .splide__pagination,
  .after-hours-trap-atlanta .image-carousel .splide .splide__pagination {
    display: flex;
  }
}
.after-hours-hiphop-nyc .image-carousel .splide .splide__slide img,
.after-hours-house-chicago .image-carousel .splide .splide__slide img,
.after-hours-trap-atlanta .image-carousel .splide .splide__slide img {
  object-fit: cover;
  width: 320px !important;
  height: 400px !important;
}
@media (width >= 768px) {
  .after-hours-hiphop-nyc .image-carousel .splide .splide__slide img,
  .after-hours-house-chicago .image-carousel .splide .splide__slide img,
  .after-hours-trap-atlanta .image-carousel .splide .splide__slide img {
    width: 437px !important;
    height: 350px !important;
  }
}
@media screen and (max-width: 1099px) {
  .after-hours-hiphop-nyc .image-carousel .splide .splide__slide .splide__arrow,
  .after-hours-house-chicago .image-carousel .splide .splide__slide .splide__arrow,
  .after-hours-trap-atlanta .image-carousel .splide .splide__slide .splide__arrow {
    top: unset;
    bottom: 0;
    opacity: 1;
    display: none;
  }
  .after-hours-hiphop-nyc .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--next,
  .after-hours-house-chicago .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--next,
  .after-hours-trap-atlanta .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--next {
    right: 50%;
    transform: translateX(150%);
  }
  .after-hours-hiphop-nyc .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--prev,
  .after-hours-house-chicago .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--prev,
  .after-hours-trap-atlanta .image-carousel .splide .splide__slide .splide__arrow.splide__arrow--prev {
    left: 50%;
    transform: translateX(-150%);
  }
  .after-hours-hiphop-nyc .image-carousel .splide .splide__slide .splide__pagination,
  .after-hours-house-chicago .image-carousel .splide .splide__slide .splide__pagination,
  .after-hours-trap-atlanta .image-carousel .splide .splide__slide .splide__pagination {
    display: block;
  }
}
.after-hours-hiphop-nyc .image-carousel .splide .splide__arrow,
.after-hours-house-chicago .image-carousel .splide .splide__arrow,
.after-hours-trap-atlanta .image-carousel .splide .splide__arrow {
  background: black;
  width: 30px;
  height: 30px;
}
.after-hours-hiphop-nyc .image-carousel .splide .splide__pagination,
.after-hours-house-chicago .image-carousel .splide .splide__pagination,
.after-hours-trap-atlanta .image-carousel .splide .splide__pagination {
  gap: 30px;
}
@media (width <= 768px) {
  .after-hours-hiphop-nyc .image-carousel .splide .splide__pagination,
  .after-hours-house-chicago .image-carousel .splide .splide__pagination,
  .after-hours-trap-atlanta .image-carousel .splide .splide__pagination {
    gap: 15px;
  }
}
.after-hours-hiphop-nyc .image-carousel .splide .splide__pagination .splide__pagination__page,
.after-hours-house-chicago .image-carousel .splide .splide__pagination .splide__pagination__page,
.after-hours-trap-atlanta .image-carousel .splide .splide__pagination .splide__pagination__page {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: rgba(252, 252, 252, 0.25);
}
.after-hours-hiphop-nyc .image-carousel .splide .splide__pagination .splide__pagination__page.is-active,
.after-hours-house-chicago .image-carousel .splide .splide__pagination .splide__pagination__page.is-active,
.after-hours-trap-atlanta .image-carousel .splide .splide__pagination .splide__pagination__page.is-active {
  background: #E6CE8E;
}

.soundcity-series-after-hours .after-hours-content-root .image-two-column,
.soundcity-series-after-hours .after-hours-content-root .video-hero {
  margin-bottom: 40px;
}
.soundcity-series-after-hours .eyebrow {
  display: grid;
  gap: 30px;
}
@media (width >= 1100px) {
  .soundcity-series-after-hours .eyebrow {
    gap: 10px;
  }
}
.soundcity-series-after-hours .eyebrow::before {
  --icon-size: 50px;
  content: "";
  background-image: url(https://storageaccountwinstacec.blob.core.windows.net/kool-umbraco/media/CMS/AfterHours/SoundCity/kool_afterhours_soundcity_main_feature_soundbar.gif);
  background-size: var(--icon-size) var(--icon-size);
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-inline: auto;
}
.soundcity-series-after-hours .video-hero .eyebrow::before {
  --icon-size: 100px;
}
.soundcity-series-after-hours .after-hours-custom-nav {
  margin-bottom: 80px;
}
@media (width >= 1100px) {
  .soundcity-series-after-hours .after-hours-custom-nav {
    margin-top: 40px;
  }
}
.soundcity-series-after-hours .after-hours-custom-nav .eyebrow::before {
  display: none;
}
.soundcity-series-after-hours .image-two-column .copy-container a {
  background-color: var(--Kool-White);
  color: var(--Kool-Black);
  transition: 0.5s background-color ease-in-out, 0.5s color ease-in-out;
}
.soundcity-series-after-hours .image-two-column .copy-container a:hover {
  background-color: var(--accents) !important;
  color: var(--Kool-White) !important;
}
.soundcity-series-after-hours .image-two-column .image-container img {
  border: 2px solid var(--Kool-Gold, #DFC06F);
}

.page-cards {
  padding: 80px 40px;
}
@media (max-width: 1100px) {
  .page-cards {
    padding: 60px 0px;
  }
}

.after-hours-content-root .infographic {
  padding: 60px 30px 80px 30px;
  display: grid;
  justify-items: center !important;
  justify-content: center !important;
}
.after-hours-content-root .infographic img {
  width: 300px;
  margin-inline: auto;
}
.after-hours-content-root .infographic .infographic-content::before {
  content: "";
  height: 1px;
  width: 100%;
  margin: 60px 0 40px 0;
  background: var(--Kool-White);
}
.after-hours-content-root .infographic .infographic-content {
  margin-inline: 15px;
  display: grid;
  gap: 20px;
  color: var(--Kool-White);
  text-align: center;
}
.after-hours-content-root .infographic .infographic-content * {
  text-align: inherit;
  color: inherit;
}
.after-hours-content-root .infographic .infographic-content p {
  letter-spacing: 0;
}
.after-hours-content-root .infographic .infographic-content h2 {
  font-size: 38px;
}
@media (width >= 768px) {
  .after-hours-content-root .infographic h2 {
    font-size: 48px;
    max-width: 20ch;
    margin-inline: auto;
  }
}
@media (width >= 1100px) {
  .after-hours-content-root .infographic {
    grid-template-columns: 460px 1fr;
    padding: 50px 0 50px 0;
  }
  .after-hours-content-root .infographic img {
    width: 250px;
  }
  .after-hours-content-root .infographic .infographic-content::before {
    display: none;
  }
  .after-hours-content-root .infographic .infographic-content {
    margin-inline: 0;
    border-left: 1px solid #fff;
    padding-left: 60px;
    padding-right: 80px;
    justify-items: start;
    align-content: center;
    text-align: left;
  }
  .after-hours-content-root .infographic .infographic-content h2 {
    margin-inline: 0;
  }
}
.after-hours-content-root .image-two-column {
  --accents: var(--Kool-Gold, #DFC06F);
  display: grid;
  align-items: center;
  grid-template-rows: auto 30px 1fr;
  --grid-area-cell-1: 1 / 1 / 3 / 1;
  --grid-area-cell-2: 2 / 1 / 4 / 1;
}
@media (width >= 1099px) {
  .after-hours-content-root .image-two-column {
    padding-inline: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 60px 1fr;
  }
}
.after-hours-content-root .image-two-column.gold-accents {
  --accents: var(--Kool-Gold, #DFC06F);
}
.after-hours-content-root .image-two-column.blue-accents {
  --accents: var(--Kool-AH-Light-Teal, #0EB3C8);
}
.after-hours-content-root .image-two-column.red-accents {
  --accents: var(--Kool-AH-Red, #F34F5A);
}
.after-hours-content-root .image-two-column .image-container {
  grid-area: var(--grid-area-cell-1);
  z-index: 2;
  padding-inline: 20px;
}
@media (width >= 768px) {
  .after-hours-content-root .image-two-column .image-container {
    padding-inline: 50px;
  }
}
@media (width >= 1100px) {
  .after-hours-content-root .image-two-column .image-container {
    padding-inline: 0;
  }
}
.after-hours-content-root .image-two-column .image-container img {
  border-radius: 5px;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.5);
}
.after-hours-content-root .image-two-column .copy-container {
  grid-area: var(--grid-area-cell-2);
  z-index: 1;
  background: linear-gradient(0deg, var(--Kool-Dark-Gray, #1C1C1C) 0%, var(--Kool-Dark-Gray, #1C1C1C) 100%);
}
@media (width >= 1100px) {
  .after-hours-content-root .image-two-column .copy-container {
    border-radius: 5px;
  }
}
.after-hours-content-root .image-two-column .copy-container-wrapper {
  display: grid;
  gap: 30px;
  align-content: center;
  justify-items: stretch;
  height: 100%;
  padding: 70px 30px 40px 30px;
}
@media (width >= 768px) {
  .after-hours-content-root .image-two-column .copy-container-wrapper {
    padding: 80px 60px 50px 60px;
  }
  .after-hours-content-root .image-two-column .copy-container-wrapper .eyebrow {
    margin-bottom: 0;
  }
}
@media (width >= 1099px) {
  .after-hours-content-root .image-two-column {
    --grid-area-cell-1: 1 / 1 / 1 / 3;
    --grid-area-cell-2: 1 / 2 / 1 / 4;
  }
  .after-hours-content-root .image-two-column .copy-container {
    grid-area: var(--grid-area-cell-2);
    height: 550px;
  }
  .after-hours-content-root .image-two-column .copy-container-wrapper {
    display: grid;
    gap: 30px;
    align-content: center;
    justify-items: stretch;
    height: 100%;
    padding: 60px 90px 60px 130px;
  }
  .after-hours-content-root .image-two-column .image-container {
    grid-area: var(--grid-area-cell-1);
  }
  .after-hours-content-root .image-two-column.invert .copy-container {
    grid-area: var(--grid-area-cell-1);
  }
  .after-hours-content-root .image-two-column.invert .copy-container-wrapper {
    padding: 60px 130px 60px 90px;
  }
  .after-hours-content-root .image-two-column.invert .image-container {
    grid-area: var(--grid-area-cell-2);
  }
}
.after-hours-content-root .image-two-column .copy-container-wrapper h2 {
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%;
  /* 45.6px */
  letter-spacing: 0.38px;
  text-transform: uppercase;
  color: var(--accents);
  text-align: center;
  margin: 0;
}
@media (width > 1099px) {
  .after-hours-content-root .image-two-column .copy-container-wrapper h2 {
    font-size: 48px;
    letter-spacing: 0.48px;
  }
}
.after-hours-content-root .image-two-column .copy-container-wrapper p {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0;
  /* 24px */
}
.after-hours-content-root .image-two-column .copy-container-wrapper .eyebrow {
  color: #FFF;
  text-align: center;
  /* Kool/Desktop/Eyebrow/Normal */
  font-family: var(--Kool-Body-Font);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: -10px;
}
.after-hours-content-root .image-two-column .copy-container-wrapper a {
  margin-top: 10px;
  margin-inline: auto;
}
.after-hours-content-root .image-two-column .copy-container-wrapper .feature-bar {
  display: grid;
  grid-template-columns: 1fr 150px 1fr;
  align-items: center;
  color: var(--accents);
  text-align: center;
  /* Kool/Desktop/Eyebrow/Normal */
  font-family: var(--Kool-Body-Font);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
  max-width: 100%;
  gap: 10px;
}
@media (width >= 380px) {
  .after-hours-content-root .image-two-column .copy-container-wrapper .feature-bar {
    display: flex;
    white-space: nowrap;
  }
}
@media (width >= 768px) {
  .after-hours-content-root .image-two-column .copy-container-wrapper .feature-bar {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.after-hours-content-root .image-two-column .copy-container-wrapper .feature-bar::before, .after-hours-content-root .image-two-column .copy-container-wrapper .feature-bar::after {
  content: "";
  display: block;
  height: 1px;
  background: var(--accents);
  width: 100%;
}
.after-hours-content-root .image-banner {
  display: grid;
  align-items: center;
  grid-template-rows: auto 30px 1fr;
  width: 100% !important;
  --grid-area-cell-1: 1 / 1 / 3 / 1;
  --grid-area-cell-2: 2 / 1 / 4 / 1;
}
@media (width >= 1099px) {
  .after-hours-content-root .image-banner {
    padding-inline: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 60px 1fr;
  }
}
.after-hours-content-root .image-banner .image-container {
  grid-area: var(--grid-area-cell-1);
  z-index: 2;
}
.after-hours-content-root .image-banner .image-container iframe {
  width: calc(100% - 40px);
  margin-inline: auto;
  display: block;
  height: 200px;
}
@media (width >= 768px) {
  .after-hours-content-root .image-banner .image-container iframe {
    width: calc(100% - 100px);
    height: 375px;
  }
}
@media (width >= 1100px) {
  .after-hours-content-root .image-banner .image-container iframe {
    width: 100%;
    height: 385px;
  }
}
.after-hours-content-root .image-banner .copy-container {
  grid-area: var(--grid-area-cell-2);
  background-color: #1b1b1b;
  color: #fff;
  display: grid;
  align-items: center;
  padding: 40px 30px 70px 30px;
  height: 310px;
}
@media (width >= 768px) {
  .after-hours-content-root .image-banner .copy-container {
    padding: 50px 60px 80px 60px;
    height: 300px;
  }
}
@media (width >= 1100px) {
  .after-hours-content-root .image-banner .copy-container {
    border-radius: 5px;
    padding: 80px 100px;
    height: 550px;
  }
}
@media (width >= 1440px) {
  .after-hours-content-root .image-banner .copy-container {
    padding: 80px 130px;
  }
}
.after-hours-content-root .image-banner .copy-container .image-copy {
  display: grid;
  gap: 20px;
  text-align: center;
}
.after-hours-content-root .image-banner .copy-container h2 {
  font-size: 38px;
  color: var(--Kool-Gold);
  text-transform: uppercase;
}
@media (width >= 768px) {
  .after-hours-content-root .image-banner .copy-container h2 {
    font-size: 48px;
  }
}
.after-hours-content-root .image-banner .copy-container p {
  letter-spacing: 0;
}
.after-hours-content-root .image-banner .copy-container p:has(+ a.link-button) {
  margin-bottom: 1.875rem;
}
@media (max-width: 1100px) {
  .after-hours-content-root .image-banner .copy-container {
    align-items: center;
  }
  .after-hours-content-root .image-banner .copy-container .image-copy {
    text-align: center;
  }
}
.after-hours-content-root .image-banner.inset-left .image-container, .after-hours-content-root .image-banner.inset-odd-even .image-container, .after-hours-content-root .image-banner.inset-odd-even + .inset-odd-even .image-container {
  grid-area: var(--grid-area-cell-2);
}
.after-hours-content-root .image-banner.inset-left .copy-container, .after-hours-content-root .image-banner.inset-odd-even .copy-container, .after-hours-content-root .image-banner.inset-odd-even + .inset-odd-even .copy-container {
  grid-area: var(--grid-area-cell-1);
}
@media (width >= 1099px) {
  .after-hours-content-root .image-banner {
    --grid-area-cell-1: 1 / 1 / 1 / 3;
    --grid-area-cell-2: 1 / 2 / 1 / 4;
  }
  .after-hours-content-root .image-banner .image-container {
    grid-area: var(--grid-area-cell-2);
  }
  .after-hours-content-root .image-banner .copy-container {
    grid-area: var(--grid-area-cell-1);
  }
  .after-hours-content-root .image-banner.inset-odd-even .image-container {
    grid-area: var(--grid-area-cell-2);
  }
  .after-hours-content-root .image-banner.inset-odd-even .copy-container {
    grid-area: var(--grid-area-cell-1);
  }
  .after-hours-content-root .image-banner.inset-left .image-container, .after-hours-content-root .image-banner.inset-odd-even + .inset-odd-even .image-container {
    grid-area: var(--grid-area-cell-1);
  }
  .after-hours-content-root .image-banner.inset-left .copy-container, .after-hours-content-root .image-banner.inset-odd-even + .inset-odd-even .copy-container {
    grid-area: var(--grid-area-cell-2);
  }
}
.after-hours-content-root .image-banner.sewing .image-container {
  border: solid 4px #E6CE8E;
}
.after-hours-content-root .image-banner.sewing .image-container img {
  width: 100%;
}
.after-hours-content-root .after-hours-custom-nav {
  display: grid;
  padding: 0 !important;
  border-radius: 5px;
}
.after-hours-content-root .after-hours-custom-nav * {
  grid-row: 1/-1;
  grid-column: 1/-1;
}
.after-hours-content-root .after-hours-custom-nav video {
  width: 100%;
  height: 250px;
  aspect-ratio: 3.5675675676;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.after-hours-content-root .after-hours-custom-nav .content-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 15px;
  z-index: 2;
}
.after-hours-content-root .after-hours-custom-nav .content-container .eyebrow {
  font-family: "Gotham Book";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
}
.after-hours-content-root .after-hours-custom-nav .content-container h3 {
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.39px;
}

.after-hours-content-root .video-hero {
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  color: var(--Kool-White);
}
.after-hours-content-root .video-hero > * {
  grid-area: 1/1;
}
.after-hours-content-root .video-hero video {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 550px;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.after-hours-content-root .video-hero .video-hero-content {
  color: inherit;
  text-align: center;
  display: grid;
  gap: 20px;
  width: calc(100% - 60px);
  max-width: 874px;
  margin-inline: auto;
  z-index: 2;
}
.after-hours-content-root .video-hero .video-hero-content h1 {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Desktop/H1/400 */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%;
  /* 57px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media (width >= 768px) {
  .after-hours-content-root .video-hero .video-hero-content h1 {
    font-size: 60px;
    letter-spacing: 0.6px;
  }
}
.after-hours-content-root .video-hero .video-hero-content p {
  margin-block-end: 10px;
  letter-spacing: 0;
}

.after-hours-mannie.after-hours-page .after-hours-content-root > * {
  width: 100%;
}
.after-hours-mannie.after-hours-page .after-hours-content-root {
  padding-top: 20px;
}
.after-hours-mannie.after-hours-page .after-hours-content-root .hero p {
  max-width: 554px;
}
.after-hours-mannie.after-hours-page .after-hours-content-root .full-banner {
  display: flex;
  justify-content: flex-end;
  padding: 80px;
  height: 550px;
  align-content: center;
  flex-wrap: wrap;
}
.after-hours-mannie.after-hours-page .after-hours-content-root .full-banner p {
  font-size: 39px;
  text-indent: -0.65ch;
}
@media (max-width: 1100px) {
  .after-hours-mannie.after-hours-page .after-hours-content-root .full-banner {
    padding: 40px 30px;
  }
  .after-hours-mannie.after-hours-page .after-hours-content-root .full-banner p {
    font-size: 31px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    text-transform: uppercase;
  }
}

.after-hours-charles.after-hours-page .after-hours-content-root > * {
  width: 100%;
}
.after-hours-charles.after-hours-page .hero {
  height: 550px;
  background-position: top;
  background-position: 55% 100%;
  gap: 20px;
  margin-top: 20px;
}
@media (width > 500px) {
  .after-hours-charles.after-hours-page .hero {
    padding-inline: 30px;
  }
}
.after-hours-charles.after-hours-page .hero p {
  margin: 0;
}
.after-hours-charles.after-hours-page .hero .hero-wrapper {
  display: grid;
  justify-content: center;
  justify-items: center;
  gap: 20px;
  padding-block: 40px;
  padding-inline: 30px;
}
.after-hours-charles.after-hours-page .hero .hero-wrapper p {
  color: #FFF;
  text-align: center;
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.after-hours-charles.after-hours-page .hero .hero-wrapper p.eyebrow {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Desktop/Eyebrow/Normal */
  font-family: var(--Kool-Body-Font);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .hero .hero-wrapper p.eyebrow {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.after-hours-charles.after-hours-page .hero .hero-wrapper h1 {
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Desktop/H1/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%; /* 57px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .hero .hero-wrapper h1 {
    font-size: 60px;
    letter-spacing: 0.6px;
  }
}
.after-hours-charles.after-hours-page .hero .hero-wrapper .scroll-down {
  display: flex;
  width: 50px;
  height: 50px;
  margin-top: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border: 2px solid var(--Kool-White, #FCFCFC);
  fill: var(--Kool-White);
}
.after-hours-charles.after-hours-page .video-banner {
  margin-inline: 0;
  margin-block-end: 40px;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .video-banner .video-copy-container {
    border-radius: 5px;
  }
}
.after-hours-charles.after-hours-page .video-banner .video-copy-container .video-copy h2 {
  color: var(--Kool-Gold);
  text-align: center;
  /* Kool/Desktop/H2/Normal */
  font-family: var(--Kool-Regular-Heading-Font) !important;
  font-size: 38px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 95%; /* 45.6px */
  letter-spacing: 0.38px !important;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .video-banner .video-copy-container .video-copy h2 {
    font-size: 48px !important;
    letter-spacing: 0.48px !important;
  }
}
.after-hours-charles.after-hours-page .image-carousel {
  margin-block-end: 40px;
}
.after-hours-charles.after-hours-page .image-carousel h2 {
  margin-bottom: 15px;
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Desktop/H3/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 39px */
  letter-spacing: -0.39px;
  text-transform: uppercase;
}
.after-hours-charles.after-hours-page .image-carousel p {
  margin-bottom: 40px;
  padding-inline: 30px;
}
.after-hours-charles.after-hours-page .full-banner {
  height: 550px;
  padding: 40px 30px;
  display: grid;
  align-items: end;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .full-banner {
    padding: 40px 80px;
    align-items: center;
  }
}
.after-hours-charles.after-hours-page .full-banner p {
  color: var(--Kool-White);
  /* Kool/Mobile/Testimonial/Large */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 35.65px */
  text-transform: uppercase;
  text-indent: -0.65ch;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .full-banner p {
    font-size: 39px;
  }
}
.after-hours-charles.after-hours-page .splide {
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 1099px) {
  .after-hours-charles.after-hours-page .splide .splide__arrow {
    display: none;
  }
  .after-hours-charles.after-hours-page .splide .splide__pagination {
    display: flex;
  }
}
.after-hours-charles.after-hours-page .splide .splide__slide img {
  width: 440px;
}
@media screen and (max-width: 767px) {
  .after-hours-charles.after-hours-page .splide .splide__slide img {
    width: 300px;
    height: 440px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1439px) {
  .after-hours-charles.after-hours-page .splide .splide__slide img {
    width: 440px;
  }
}
@media screen and (max-width: 1099px) {
  .after-hours-charles.after-hours-page .splide .splide__slide img {
    width: 440px;
  }
  .after-hours-charles.after-hours-page .splide .splide__slide .splide__arrow {
    top: unset;
    bottom: 0;
    opacity: 1;
    display: none;
  }
  .after-hours-charles.after-hours-page .splide .splide__slide .splide__arrow.splide__arrow--next {
    right: 50%;
    transform: translateX(150%);
  }
  .after-hours-charles.after-hours-page .splide .splide__slide .splide__arrow.splide__arrow--prev {
    left: 50%;
    transform: translateX(-150%);
  }
  .after-hours-charles.after-hours-page .splide .splide__slide .splide__pagination {
    display: block;
  }
}
.after-hours-charles.after-hours-page .splide .splide__arrow {
  background: black;
  width: 30px;
  height: 30px;
}
.after-hours-charles.after-hours-page .splide .splide__pagination {
  gap: 30px;
}
.after-hours-charles.after-hours-page .splide .splide__pagination .splide__pagination__page {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: rgba(252, 252, 252, 0.25);
}
.after-hours-charles.after-hours-page .splide .splide__pagination .splide__pagination__page.is-active {
  background: #E6CE8E;
}
.after-hours-charles.after-hours-page .infograpic-two-column {
  display: grid;
  padding: 60px 30px 70px 30px;
  background: #370935;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .infograpic-two-column {
    grid-template-columns: 1fr 1fr;
    padding: 50px 80px 50px 80px;
    height: 350px;
    width: calc(100% + 15px);
  }
}
.after-hours-charles.after-hours-page .infograpic-two-column .infographic-column {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 30px;
  padding-block: 30px;
}
.after-hours-charles.after-hours-page .infograpic-two-column .infographic-column:first-child {
  border-bottom: 1px solid var(--Kool-Gold);
  padding-bottom: 60px;
  padding-top: 0;
}
.after-hours-charles.after-hours-page .infograpic-two-column .infographic-column:last-child {
  padding-top: 60px;
  padding-bottom: 0;
  margin-block: 0px;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .infograpic-two-column .infographic-column:first-child {
    border-right: 1px solid var(--Kool-Gold);
    border-bottom: none;
    padding-right: 60px;
    padding-bottom: 0;
  }
  .after-hours-charles.after-hours-page .infograpic-two-column .infographic-column:last-child {
    padding-left: 60px;
    padding-top: 0;
    margin-block: -10px;
  }
}
.after-hours-charles.after-hours-page .infograpic-two-column .infographic-column h2 {
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Mobile/H2/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%; /* 36.1px */
  letter-spacing: 0.38px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .after-hours-charles.after-hours-page .infograpic-two-column .infographic-column h2 {
    font-size: 48px;
    letter-spacing: 0.48px;
  }
}
.after-hours-charles.after-hours-page .infograpic-two-column .infographic-column p {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.mardi-gras-uznea.after-hours-page {
  margin-top: 20px;
}
.mardi-gras-uznea.after-hours-page .after-hours-content-root > * {
  width: 100%;
}
.mardi-gras-uznea.after-hours-page .hero {
  height: 550px;
  background-position: top;
  background-position: 55% 100%;
  gap: 20px;
  margin-top: 20px;
}
@media (width > 500px) {
  .mardi-gras-uznea.after-hours-page .hero {
    padding-inline: 30px;
  }
}
.mardi-gras-uznea.after-hours-page .hero p {
  margin: 0;
}
.mardi-gras-uznea.after-hours-page .hero .hero-wrapper {
  display: grid;
  justify-content: center;
  justify-items: center;
  gap: 20px;
  padding-block: 40px;
  padding-inline: 30px;
}
.mardi-gras-uznea.after-hours-page .hero .hero-wrapper p {
  color: #FFF;
  text-align: center;
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.mardi-gras-uznea.after-hours-page .hero .hero-wrapper p.eyebrow {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Desktop/Eyebrow/Normal */
  font-family: var(--Kool-Body-Font);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .hero .hero-wrapper p.eyebrow {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.mardi-gras-uznea.after-hours-page .hero .hero-wrapper h1 {
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Desktop/H1/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%; /* 57px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .hero .hero-wrapper h1 {
    font-size: 60px;
    letter-spacing: 0.6px;
  }
}
.mardi-gras-uznea.after-hours-page .hero .hero-wrapper .scroll-down {
  display: flex;
  width: 50px;
  height: 50px;
  margin-top: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border: 2px solid var(--Kool-White, #FCFCFC);
  fill: var(--Kool-White);
}
.mardi-gras-uznea.after-hours-page .full-banner {
  height: 550px;
  padding: 40px 30px;
  display: grid;
  align-items: end;
  justify-content: start;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .full-banner {
    padding: 40px 80px;
    align-items: center;
    justify-content: normal;
  }
}
.mardi-gras-uznea.after-hours-page .full-banner p {
  color: var(--Kool-White);
  /* Kool/Mobile/Testimonial/Large */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 35.65px */
  text-transform: uppercase;
  text-indent: -0.65ch;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .full-banner p {
    font-size: 39px;
  }
}
.mardi-gras-uznea.after-hours-page .video-two-column {
  display: grid;
  align-items: center;
  margin-block: 40px 80px;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .video-two-column {
    grid-template-columns: 1fr 1fr;
    padding-inline: 45px;
    margin-block: 40px 60px;
  }
}
.mardi-gras-uznea.after-hours-page .video-two-column .image-container {
  border-radius: 5px;
  border: 2px solid var(--Kool-Gold, #DFC06F);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
  max-width: 685px;
  width: calc(100% - 40px);
  display: block;
  margin-inline: auto;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .video-two-column .image-container {
    margin-inline: 0;
    width: 100%;
  }
}
.mardi-gras-uznea.after-hours-page .video-two-column .image-container button {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  transform: translate(-50%, -50%);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--Kool-White, #FCFCFC);
  background: var(--kool-green-75-opac, rgba(2, 137, 62, 0.75));
}
.mardi-gras-uznea.after-hours-page .video-two-column .image-container button svg {
  width: 10px;
  height: 16px;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .video-two-column .image-container button {
    height: 100px;
    width: 100px;
  }
  .mardi-gras-uznea.after-hours-page .video-two-column .image-container button svg {
    width: 17px;
    height: 31px;
  }
}
.mardi-gras-uznea.after-hours-page .video-two-column .copy-container {
  position: relative;
  z-index: 1;
  margin-block: -30px 0;
  background: linear-gradient(0deg, var(--Kool-Dark-Gray, #1C1C1C) 0%, var(--Kool-Dark-Gray, #1C1C1C) 100%);
  text-align: center;
  display: grid;
  align-items: center;
  justify-content: center;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .video-two-column .copy-container {
    height: 550px;
    padding-inline: 80px;
    margin-inline: -60px 0;
    border-radius: 5px;
    margin-block: 0;
  }
}
.mardi-gras-uznea.after-hours-page .video-two-column .copy-container .copy-container-wrapper {
  max-width: 465px;
  width: 100%;
  padding: 70px 30px 40px 30px;
  display: grid;
  align-content: center;
  gap: 30px;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .video-two-column .copy-container .copy-container-wrapper {
    padding: 80px 30px 80px 30px;
  }
}
.mardi-gras-uznea.after-hours-page .video-two-column .copy-container h2 {
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%; /* 45.6px */
  letter-spacing: 0.38px;
  text-transform: uppercase;
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  margin: 0;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .video-two-column .copy-container h2 {
    font-size: 48px;
    letter-spacing: 0.48px;
  }
}
.mardi-gras-uznea.after-hours-page .video-two-column .copy-container p {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.mardi-gras-uznea.after-hours-page .infograpic-two-column {
  display: grid;
  padding: 60px 30px 70px 30px;
  background: #370935;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .infograpic-two-column {
    grid-template-columns: 1fr 1fr;
    padding: 50px 80px 50px 80px;
    width: calc(100% + 15px);
    height: 350px;
  }
}
.mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 30px;
  padding-block: 30px;
  margin-block: -10px;
}
.mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column:first-child {
  border-bottom: 1px solid var(--Kool-Gold);
  padding-bottom: 60px;
  padding-top: 0;
}
.mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column:last-child {
  padding-top: 60px;
  padding-bottom: 0;
  margin-block: 0px;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column:first-child {
    border-right: 1px solid var(--Kool-Gold);
    border-bottom: none;
    padding-right: 60px;
    padding-bottom: 0;
  }
  .mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column:last-child {
    padding-left: 60px;
    padding-top: 0;
    margin-block: -10px;
  }
}
.mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column h2 {
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Mobile/H2/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%; /* 36.1px */
  letter-spacing: 0.38px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column h2 {
    font-size: 48px;
    letter-spacing: 0.48px;
  }
}
.mardi-gras-uznea.after-hours-page .infograpic-two-column .infographic-column p {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.after-hours-mardi-lander.after-hours-page .hero {
  justify-content: center;
  padding: 0 15px;
}
.after-hours-mardi-lander.after-hours-page .hero a {
  position: unset;
  transform: unset;
}
.after-hours-mardi-lander.after-hours-page .after-hours-content-root > * {
  width: 100%;
  margin-inline: 0;
}
.after-hours-mardi-lander.after-hours-page .after-hours-content-root {
  padding-top: 20px;
}
.after-hours-mardi-lander.after-hours-page .hero p {
  margin-top: 0;
}
.after-hours-mardi-lander.after-hours-page .video-banner {
  margin-inline: 0;
}
@media (width > 1099px) {
  .after-hours-mardi-lander.after-hours-page .video-banner .video-copy-container {
    border-radius: 5px;
  }
}
.after-hours-mardi-lander.after-hours-page .video-banner .video-copy-container .video-copy h2 {
  color: var(--Kool-Gold);
  text-align: center;
  /* Kool/Desktop/H2/Normal */
  font-family: var(--Kool-Regular-Heading-Font) !important;
  font-size: 38px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 95%; /* 45.6px */
  letter-spacing: 0.38px !important;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .after-hours-mardi-lander.after-hours-page .video-banner .video-copy-container .video-copy h2 {
    font-size: 48px !important;
    letter-spacing: 0.48px !important;
  }
}
.after-hours-mardi-lander.after-hours-page .image-carousel {
  margin-block-end: 40px;
}
.after-hours-mardi-lander.after-hours-page .image-carousel h2 {
  margin-bottom: 15px;
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Desktop/H3/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 39px */
  letter-spacing: -0.39px;
  text-transform: uppercase;
}
.after-hours-mardi-lander.after-hours-page .image-carousel p {
  margin-bottom: 40px;
  padding-inline: 30px;
}
.after-hours-mardi-lander.after-hours-page .full-banner {
  height: 550px;
  padding: 40px 30px;
  display: grid;
  align-items: end;
}
@media (width > 1099px) {
  .after-hours-mardi-lander.after-hours-page .full-banner {
    padding: 40px 80px;
    align-items: center;
  }
}
.after-hours-mardi-lander.after-hours-page .full-banner p {
  color: var(--Kool-White);
  /* Kool/Mobile/Testimonial/Large */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 35.65px */
  text-transform: uppercase;
  text-indent: -0.65ch;
}
@media (width > 1099px) {
  .after-hours-mardi-lander.after-hours-page .full-banner p {
    font-size: 39px;
  }
}
.after-hours-mardi-lander.after-hours-page .infograpic-two-column {
  display: grid;
  padding: 60px 30px 70px 30px;
  background: #370935;
}
@media (width > 1099px) {
  .after-hours-mardi-lander.after-hours-page .infograpic-two-column {
    grid-template-columns: 1fr 1fr;
    padding: 50px 80px 50px 80px;
    height: 350px;
  }
}
.after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 30px;
  padding-block: 30px;
}
.after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column:first-child {
  border-bottom: 1px solid var(--Kool-Gold);
  padding-bottom: 60px;
  padding-top: 0;
}
.after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column:last-child {
  padding-top: 60px;
  padding-bottom: 0;
  margin-block: 0px;
}
@media (width > 1099px) {
  .after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column:first-child {
    border-right: 1px solid var(--Kool-Gold);
    border-bottom: none;
    padding-right: 60px;
    padding-bottom: 0;
  }
  .after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column:last-child {
    padding-left: 60px;
    padding-top: 0;
    margin-block: -10px;
  }
}
.after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column h2 {
  color: var(--Kool-Gold, #DFC06F);
  text-align: center;
  /* Kool/Mobile/H2/Normal */
  font-family: var(--Kool-Regular-Heading-Font);
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 95%; /* 36.1px */
  letter-spacing: 0.38px;
  text-transform: uppercase;
}
@media (width > 1099px) {
  .after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column h2 {
    font-size: 48px;
    letter-spacing: 0.48px;
  }
}
.after-hours-mardi-lander.after-hours-page .infograpic-two-column .infographic-column p {
  color: var(--Kool-White, #FCFCFC);
  text-align: center;
  /* Kool/Global/P/Normal */
  font-family: var(--Kool-Body-Font-Thin);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.default-sweeps-page footer .default-sweeps-footer-terms {
  display: block;
  margin-top: 2.5rem;
}
.default-sweeps-page #sweeps-feature {
  position: relative;
}
@media (width <= 1100px) {
  .default-sweeps-page #sweeps-feature .foreground {
    grid-row: unset;
    grid-column: unset;
    margin-top: -3em;
    max-width: 325px;
    margin-inline: auto;
  }
  .default-sweeps-page #sweeps-feature .foreground .wrapper {
    width: 100%;
  }
  .default-sweeps-page #sweeps-feature .foreground h2 {
    text-align: center;
  }
  .default-sweeps-page #sweeps-feature .promo-image {
    position: absolute;
    top: 2.5em;
    left: 50%;
    transform: translateX(-50%);
  }
  .default-sweeps-page #sweeps-feature .button-set {
    margin: 1em;
  }
}
.default-sweeps-page #sweeps-feature .foreground .grid-content-wrapper {
  --grid-content-wrapper-justification: center;
}
.default-sweeps-page #sweeps-feature .markdown-block {
  font-size: 1.25rem;
  color: #AAA;
  text-align: center;
}
.default-sweeps-page #sweeps-feature .button-set {
  width: 100%;
}
.default-sweeps-page #sweeps-feature .button {
  margin-inline: auto;
  box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.8);
}
.default-sweeps-page #sweeps-feature .discalimer-section {
  display: none;
}
@media (width > 1100px) {
  .default-sweeps-page #sweeps-feature .markdown-block {
    text-align: left;
    margin-top: -2.2rem;
    max-width: 24em;
  }
  .default-sweeps-page #sweeps-feature .button-set {
    width: auto;
  }
  .default-sweeps-page #sweeps-feature .button {
    margin-inline: unset;
  }
  .default-sweeps-page #sweeps-feature .foreground .grid-content-wrapper {
    --grid-content-wrapper-justification: start;
    --grid-content-wrapper-gap: 2.81em;
    --grid-content-wrapper-padding: 0 3.75rem;
  }
}
.default-sweeps-page .default-sweeps-disclaimer {
  text-align: center;
  color: #AAA;
  display: grid;
  gap: 1em;
  margin: 2.5em 0;
}
@media (width <= 1100px) {
  .default-sweeps-page .default-sweeps-disclaimer {
    --grid-content-wrapper-justification: stretch;
    margin: 2em auto 0 auto;
    border-top: 2px solid var(--surface-cta);
    padding: 30px 30px 40px 30px;
    background-image: url(/assets/images/default-sweeps/offramps-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 500px;
  }
}
.default-sweeps-page .default-sweeps-disclaimer > * {
  max-width: 68.5rem;
  margin-inline: auto;
}
@media (width > 1100px) {
  .default-sweeps-page .offramp-cards {
    --grid-content-wrapper-template: max-content max-content;
    --grid-content-wrapper-gap: 3rem;
    margin-top: 1rem;
  }
  .default-sweeps-page .offramp-card {
    --grid-content-wrapper-template: max-content 2fr;
    --grid-content-wrapper-gap: 0;
  }
}
@media (width > 1440px) {
  .default-sweeps-page .offramp-cards {
    --grid-content-wrapper-template: max-content max-content;
    --grid-content-wrapper-gap: 6.5rem;
  }
}
.default-sweeps-page .offramp-card {
  text-decoration: none;
  width: 100%;
}
.default-sweeps-page .offramp-card img {
  height: 130px;
  width: auto;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
}
.default-sweeps-page .offramp-card h2 {
  font-size: 1.75rem;
}
.default-sweeps-page .offramp-card-text {
  border: 2px solid var(--text-accent-1);
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  text-align: left;
  color: #fff;
  display: flex;
  justify-content: space-between;
  gap: 0.35rem;
}
@media (width <= 1100px) {
  .default-sweeps-page .offramp-card-text h2 {
    font-size: 20px;
  }
  .default-sweeps-page .offramp-card-text p {
    font-size: 12px;
  }
}
@media (width > 1100px) {
  .default-sweeps-page .offramp-card-text {
    display: grid;
    padding: 1.25rem 1rem 1.25rem 3rem;
    transform: translateX(-1.75rem);
  }
}
@media (width > 1440px) {
  .default-sweeps-page .offramp-card-text {
    padding: 1.25rem 2.5rem 1.25rem 3.5rem;
  }
}
.default-sweeps-page:has(.sweeps-lockout-message) .default-sweeps-disclaimer {
  display: none;
}

.gas-buddy-sweeps.default-sweeps-page #sweeps-feature .markdown-block {
  color: #fff;
}
.gas-buddy-sweeps.default-sweeps-page #sweeps-feature .title-block h2 {
  max-width: 564px;
}
@media (width <= 1100px) {
  .gas-buddy-sweeps.default-sweeps-page #sweeps-feature .foreground {
    margin-top: -100%;
  }
}
@media (width > 1100px) {
  .gas-buddy-sweeps.default-sweeps-page #sweeps-feature .wrapper {
    --grid-content-wrapper-padding: 72.5px 3.75rem;
  }
}

.thorntons-fuel-your-vibe #sweeps-feature .title-block h2 {
  font-family: "Cinzel Regular";
  font-size: 68px;
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: 0.68px;
  margin-bottom: 25px;
}
.thorntons-fuel-your-vibe #sweeps-feature .promo-image {
  width: 370px;
  max-width: 100%;
}
@media (width <= 1440px) {
  .thorntons-fuel-your-vibe #sweeps-feature .promo-image {
    width: 220px;
  }
}
@media (width <= 1100px) {
  .thorntons-fuel-your-vibe #sweeps-feature .promo-image {
    width: 55%;
  }
}
.thorntons-fuel-your-vibe #sweeps-feature .foreground .button-set .button.cta {
  border: none;
}
.thorntons-fuel-your-vibe #sweeps-feature .feature {
  position: relative;
}
@media (width <= 1440px) {
  .thorntons-fuel-your-vibe #sweeps-feature .feature .grid-content-wrapper {
    --grid-content-wrapper-gap: 2em;
  }
}
@media (width <= 1100px) {
  .thorntons-fuel-your-vibe #sweeps-feature .feature .foreground {
    grid-row: 1/-1;
    grid-column: 1/-1;
    margin-top: 80%;
    max-width: 325px;
    margin-inline: auto;
  }
  .thorntons-fuel-your-vibe #sweeps-feature .feature .title-block h2 {
    font-size: 44px;
    letter-spacing: 0.44px;
  }
}
@media (width <= 768px) {
  .thorntons-fuel-your-vibe #sweeps-feature .feature .foreground {
    margin-top: 100%;
  }
}

.welcome-page .welcome-cta-button {
  font-size: 0.8rem;
  padding: 0.3rem 2rem;
  min-width: 200px;
  margin-top: 8%;
  color: #fff;
  background-color: #0A8541;
  border-color: #0A8541;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  line-height: 1.5;
  border: 1px solid transparent;
  display: inline-block;
  text-align: center;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
}
.welcome-page .welcome-cta-button:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #076130;
  border-color: #06562a;
}
.welcome-page .coming-soon {
  height: 65vh;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.welcome-page .intro {
  display: flex;
  height: 55vh;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  background-image: var(--top-pic);
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .welcome-page .intro {
    padding: 10%;
  }
}
.welcome-page .intro h3 {
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  letter-spacing: 5px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  font-size: 1.2rem;
}
.welcome-page .intro img {
  max-width: 450px;
  width: 100%;
}
.welcome-page .offers {
  display: flex;
  justify-content: center;
  background-image: var(--special-offer-pattern);
  background-size: cover;
  background-position: bottom center;
  min-height: 90vh;
}
.welcome-page .offers .offersInner {
  max-width: 1100px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  margin: 100px 0;
}
.welcome-page .offers .offersInner .offer {
  text-align: center;
  background-image: linear-gradient(black, transparent);
  width: 30%;
  padding: 2% 4% 8% 4%;
  border-radius: 10px;
  max-height: 425px;
}
@media screen and (max-width: 991px) {
  .welcome-page .offers .offersInner .offer {
    width: 70%;
    max-width: 483px;
    margin-inline: auto;
    margin-bottom: 50px;
  }
}
.welcome-page .offers .offersInner .offer .offer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.welcome-page .offers .offersInner .offer .offer-wrapper .offerText {
  display: flex;
  align-items: center;
  flex: 1 1 100%;
}
@media screen and (max-width: 450px) {
  .welcome-page .offers .offersInner .offer {
    width: 85%;
  }
}
.welcome-page .offers .offersInner .offer h2 {
  color: #f9d732;
  font-family: "Cinzel Regular", Helvetica, Arial, sans-serif;
  font-size: 7rem;
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .welcome-page .offers .offersInner .offer h2 {
    margin-bottom: 50px;
  }
}
.welcome-page .offers .offersInner .offer .offerText {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.2rem;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
}
.welcome-page .offers .offersInner .offer .btn {
  border-radius: 0 !important;
  font-size: 0.8rem;
  padding: 0.3rem 2rem;
  min-width: 200px;
  margin-top: 50px;
  color: #fff;
  background-color: #0A8541;
  border-color: #0A8541;
  font-weight: 700;
  text-decoration: none !important;
  text-transform: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1.5;
  border: 1px solid transparent;
  user-select: none;
  display: inline-block;
  text-align: center;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
}
.welcome-page .offers .offersInner .offer .btn:not(:disabled):hover {
  background-color: #076130;
  border-color: #06562a;
  color: rgba(255, 255, 255, 0.6) !important;
}
.welcome-page .pack {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10%;
}
.welcome-page .pack img {
  margin-top: -12%;
  max-width: 800px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .welcome-page .pack img {
    padding: 0 5%;
  }
}
.welcome-page .pack .btn {
  border-radius: 0 !important;
  font-size: 0.8rem;
  padding: 0.3rem 2rem;
  min-width: 200px;
  margin-top: 8%;
}
.welcome-page .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
}
.welcome-page .overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.75;
}
.welcome-page .overlay > div {
  background-color: #000000;
  color: #fff;
  box-shadow: 0 0 13px 0 rgba(255, 255, 255, 0.5);
  position: absolute;
  width: 1200px;
  max-width: 85%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  padding: 80px 40px 40px;
  max-height: 80%;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .welcome-page .overlay > div {
    max-height: 90%;
  }
}
.welcome-page .overlay > div .closebtn {
  position: absolute;
  top: 5px;
  right: 5px;
  /*                @media screen and (max-width: $width-medium) {
      color: $white;
  }*/
}
@media screen and (min-width: 1100px) {
  .welcome-page .overlay > div .closebtn {
    top: 25px;
    right: 25px;
  }
}
.welcome-page .overlay > div#print-redeem {
  padding: 0;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .welcome-page .overlay > div#print-redeem {
    overflow-y: auto;
  }
}
.welcome-page .overlay > div#print-redeem .heading {
  text-transform: uppercase;
}
.welcome-page .overlay > div#print-redeem .offer {
  background: #0A8541;
  min-height: 426px;
}
@media screen and (max-width: 768px) {
  .welcome-page .overlay > div#print-redeem .offer {
    min-height: 0px;
  }
}
.welcome-page .overlay > div#print-redeem .offer .top {
  margin: 30px;
}
.welcome-page .overlay > div#print-redeem .offer .top img {
  vertical-align: text-top;
  padding-right: 10px;
}
.welcome-page .overlay > div#print-redeem .offer .center {
  margin: 50px 30px;
}
@media screen and (max-width: 768px) {
  .welcome-page .overlay > div#print-redeem .offer .center {
    margin: 20px 20px;
  }
}
.welcome-page .overlay > div#print-redeem .offer .center h2 {
  line-height: 1;
  text-transform: uppercase;
}
.welcome-page .overlay > div#print-redeem .offer .center h2 em {
  font-style: normal;
}
@media screen and (max-width: 1154px) and (min-width: 1100px) {
  .welcome-page .overlay > div#print-redeem .offer .center h2 {
    font-size: 48px;
  }
}
@media screen and (max-width: 768px) {
  .welcome-page .overlay > div#print-redeem .offer .center h2 {
    font-size: 48px;
  }
}
.welcome-page .overlay > div#print-redeem .offer .center .claim {
  margin-top: 30px;
  letter-spacing: 5px;
}
.welcome-page .overlay > div#print-redeem .offer .bottom {
  margin: 30px;
  font-size: 12px;
}
.welcome-page .overlay > div#print-redeem .claimnow .contain {
  padding: 20px 35px 20px 20px;
}
@media screen and (min-width: 390px) {
  .welcome-page .overlay > div#print-redeem .claimnow .contain {
    padding: 50px 65px 50px 50px;
  }
}
.welcome-page .overlay > div#print-redeem .claimnow .contain h2 {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .welcome-page .overlay > div#print-redeem .claimnow .contain h2 {
    font-size: 2.5rem;
  }
}
.welcome-page .overlay > div#print-redeem .claimnow .contain h3 {
  margin-top: 30px;
  margin-bottom: 30px;
  letter-spacing: 0 !important;
}
.welcome-page .overlay > div#print-redeem .print-thanks {
  padding: 20px 35px 20px 30px;
}
@media screen and (min-width: 390px) {
  .welcome-page .overlay > div#print-redeem .print-thanks {
    padding: 50px 65px 50px 50px;
  }
}
.welcome-page .overlay > div#print-redeem .print-thanks h2 {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .welcome-page .overlay > div#print-redeem .print-thanks h2 {
    font-size: 3.2rem;
  }
}
.welcome-page .overlay > div#print-redeem .print-thanks h3 {
  margin-top: 30px;
  margin-bottom: 30px;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.welcome-page .overlay > div#print-redeem .update {
  padding: 20px 35px 20px 30px;
}
@media screen and (min-width: 390px) {
  .welcome-page .overlay > div#print-redeem .update {
    padding: 50px 65px 50px 50px;
  }
}
.welcome-page .overlay > div#print-redeem .update h2 {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .welcome-page .overlay > div#print-redeem .update h2 {
    font-size: 3.2rem;
  }
}
.welcome-page .overlay > div#print-redeem .update input {
  width: 100%;
}
.welcome-page .overlay > div#print-redeem .update .message {
  display: block;
}
.welcome-page .overlay > div#print-redeem .update .message .red {
  color: #EC1C24;
}
.welcome-page .overlay > div#print-redeem .update .message .no-break {
  white-space: nowrap;
}
.welcome-page .overlay > div#print-redeem .update button {
  margin-top: 30px;
}

@media (width <= 1100px) {
  .default-age-gate {
    /*main .wrapper {
        width: 100%;
        max-width: 500px;
        margin-inline: auto;
    }

    .login-section-wrapper.grid-content-wrapper {
        --grid-content-wrapper-padding: 1.88rem 2rem;

        display: flex !important;
        flex-flow: column;
    }

    .login-section-sidebar {

        padding-top: 0;

        .button {
            max-width: unset;
            width: 100%;
        }
    }

    .button-set a {
        font-size: var(--fs-300);
    }*/
  }
}
.default-age-gate .default-age-gate-title {
  max-width: 28ch;
}
@media screen and (max-width: 1100px) {
  .default-age-gate {
    /*.login-section-wrapper {*/
    /*--grid-content-wrapper-padding: 0;*/
    /*&:has( > .form-cell ) {
            --grid-content-wrapper-padding: 0;
        }
    }

    .default-age-gate-title {
        max-width: 100%;
    }*/
  }
}
@media screen and (max-width: 500px) {
  .default-age-gate .default-age-gate-title {
    max-width: 16ch;
  }
}

.default-age-gate.login-page.gasbuddy-login .login-section-footer p:last-child {
  color: #aaa;
}

.thorntons-login .login-section-header .default-age-gate-title {
  width: 24ch;
  margin: 0 auto 0 0;
}
.thorntons-login .login-section-footer strong {
  display: block;
}
.thorntons-login .login-section-wrapper .button-set {
  justify-content: start !important;
}

.welcome-offer-registration-page .welcome-offer-registration-button {
  border-radius: 0;
  font-size: 0.8rem;
  padding: 0.3rem 2rem;
  min-width: 200px;
  margin: 50px auto;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  background-color: #0A8541;
  border-color: #0A8541;
  display: inline-block;
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
}
.welcome-offer-registration-page .welcome-offer-registration-button:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #076130;
  border-color: #06562a;
}
.welcome-offer-registration-page .coming-soon {
  height: 65vh;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
}
.welcome-offer-registration-page .loginContainer {
  background-image: var(--login-bg);
  background-size: cover;
  background-position: top center;
  height: 80vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  .welcome-offer-registration-page .loginContainer {
    height: 70vh;
  }
}
.welcome-offer-registration-page .loginContainer .loginInner {
  max-width: 35%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(black, transparent);
  padding: 5%;
  border-radius: 10px;
}
@media screen and (max-width: 1350px) {
  .welcome-offer-registration-page .loginContainer .loginInner {
    max-width: 40%;
  }
}
@media screen and (max-width: 1200px) {
  .welcome-offer-registration-page .loginContainer .loginInner {
    max-width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .welcome-offer-registration-page .loginContainer .loginInner {
    max-width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .welcome-offer-registration-page .loginContainer .loginInner {
    max-width: 80%;
  }
}
@media screen and (max-width: 520px) {
  .welcome-offer-registration-page .loginContainer .loginInner {
    max-width: 95%;
  }
}
.welcome-offer-registration-page .loginContainer .loginInner img {
  width: 100%;
}
.welcome-offer-registration-page .loginContainer .loginInner .btn {
  border-radius: 0 !important;
  font-size: 0.8rem;
  padding: 0.3rem 2rem;
  min-width: 200px;
  margin: 50px 0;
}
.welcome-offer-registration-page .loginContainer .loginInner .haveAccount {
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
}
.welcome-offer-registration-page .loginContainer .loginInner .haveAccount a {
  color: #0A8541;
  text-decoration: none;
}
@media screen and (max-width: 450px) {
  .welcome-offer-registration-page .loginContainer .loginInner .haveAccount a {
    clear: both;
    display: block;
  }
}
.welcome-offer-registration-page .loginContainer .loginInner .haveAccount a:hover {
  color: #0A8541 !important;
  text-decoration: underline !important;
}

.survey section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  box-sizing: border-box;
  text-align: center;
}
.survey section h1 {
  font-family: "Cinzel";
  font-size: 4.5rem;
  font-weight: 545;
  line-height: 0.9em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: white;
  margin: 0;
  align-items: center;
}
.survey section p, .survey section div {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  color: white;
  margin: 0;
}
.survey section .brow {
  color: #FFF;
  text-align: center;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 125%; /* 27.5px */
  letter-spacing: 2.2px;
  text-transform: uppercase;
}
.survey section .icon-star {
  width: 24px;
  height: 23px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" fill="none"><path d="M12 .5l2.7 8.3h8.7l-7 5.1 2.7 8.3L12 17.1l-7 5.1 2.7-8.3-7-5.1h8.7L12 .5z" fill="%23fff"/></svg>');
  background-size: cover;
  display: inline-block;
}
.survey section .survey-disclaimer {
  max-width: 870px;
  font-size: 14px;
  font-weight: 400;
}
.survey section .survey-disclaimer-submitted {
  max-width: 870px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 1099px) {
  .survey section {
    row-gap: 1.25rem;
    margin: 0;
  }
  .survey section .brow {
    font-size: 14px;
  }
}
.survey section.heading {
  min-height: 300px;
  background-image: url(/assets/images/survey/d_Background.webp);
  background-size: cover;
  background-position: top center;
  padding: 40px;
}
.survey section.heading h1, .survey section.heading padding, .survey section.heading div {
  text-align: center;
}
.survey section.heading h1 p, .survey section.heading padding p, .survey section.heading div p {
  font-size: 22px;
}
.survey section.heading h1 {
  color: #DFC06F;
  font-family: "Cinzel";
}
.survey section.heading a {
  color: white;
  text-decoration-line: underline;
}
@media screen and (max-width: 1439px) {
  .survey section.heading h1 {
    font-size: 72px;
  }
}
@media screen and (max-width: 767px) {
  .survey section.heading {
    background-image: url(/assets/images/survey/m_background.webp);
  }
  .survey section.heading h1 {
    font-size: 42px;
  }
  .survey section.heading h1 p {
    font-size: 14px;
  }
}
.survey section.submitted-heading {
  min-height: 530px;
  background-image: url(/assets/images/survey/d_Background_AlreadyCompleted.webp);
  background-size: cover;
  background-position: top center;
  padding: 60px;
}
.survey section.submitted-heading hr {
  width: 127px;
  height: 2px;
}
.survey section.submitted-heading h1, .survey section.submitted-heading padding, .survey section.submitted-heading div {
  text-align: center;
}
.survey section.submitted-heading h1 {
  color: white;
  font-family: "Cinzel";
  font-size: 54px;
}
.survey section.submitted-heading h1 p {
  font-size: 16px;
}
.survey section.submitted-heading a {
  color: white;
  text-decoration-line: underline;
}
@media screen and (max-width: 767px) {
  .survey section.submitted-heading {
    background-image: url(/assets/images/survey/m_Background_AlreadyCompleted.png);
  }
  .survey section.submitted-heading h1 {
    font-size: 34px;
  }
}
.survey .survey-background {
  padding: 30px;
  margin: 2rem 1.5rem;
  background-repeat: repeat;
  background-size: 600px 600px;
  background-color: #1B1B1B;
}
.survey .survey-background:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 768) {
  .survey .survey-background {
    min-height: 70px;
    padding: 15px 20px;
  }
  .survey .survey-background:not(:last-child) {
    margin-bottom: 12px;
  }
}
.survey .survey-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
.survey .survey-content a {
  color: white;
  text-decoration-line: underline;
}
.survey .survey-content .error-box {
  text-align: center;
  padding: 15px;
  font-size: 20px;
  color: #C12033;
  font-family: Transducer;
  font-weight: 600;
}
.survey .survey-content .card-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 40px;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.survey .survey-content .card-btns .percentage-tag {
  color: FFF;
}
@media screen and (max-width: 500) {
  .survey .survey-content .card-btns {
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 30px;
    flex-direction: column;
  }
  .survey .survey-content .card-btns .percentage-tag {
    margin-top: 20px;
  }
}
.survey .survey-content .survey-section-header {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0.01em;
  text-align: center;
  max-width: 620px;
  margin: auto;
  padding-bottom: 40px;
}
.survey .survey-content .save-btn {
  border: 1px solid white;
  text-align: center;
  text-transform: none;
  width: 60%;
  max-width: 200px;
  border-radius: 100px;
  background-color: #02893E;
  padding: 12px;
  cursor: pointer;
  color: white;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
  margin-right: 20px;
}
.survey .survey-content .save-btn .cont {
  font-size: 22px;
  margin-left: 10px;
}
@media screen and (max-width: 768) {
  .survey .survey-content .save-btn {
    width: 65%;
    max-width: 65%;
  }
}
@media screen and (max-width: 500) {
  .survey .survey-content .save-btn {
    margin-right: 0;
    width: 70%;
    max-width: 70%;
  }
}
.survey .survey-content .save-btn.saved {
  color: #FFF;
  background-color: #487629;
  pointer-events: none;
}
.survey .survey-content .save-btn.saved span {
  margin-right: 8px;
}
.survey .survey-content .save-btn.saved span img {
  max-height: 15px;
  max-width: 15px;
  margin-top: -4px;
}
.survey .survey-content .cancel-btn {
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
  text-decoration-line: underline;
  cursor: pointer;
}
@media screen and (max-width: 500) {
  .survey .survey-content .cancel-btn {
    margin: 0 12px;
  }
}
.survey .survey-content .card-errors {
  text-align: center;
}
.survey .survey-content .card-errors .error_e {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: center;
}
.survey .survey-content .content-field {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-right: 40px;
}
.survey .survey-content .content-field:nth-child(2n) {
  margin-right: 0;
}
@media screen and (max-width: 768) {
  .survey .survey-content .content-field {
    margin-right: 0;
  }
}
.survey .survey-content .content-field.doubled {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.survey .survey-content .content-field.doubled div {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.survey .survey-content .content-field.doubled div:first-child {
  margin-right: 30px;
}
@media screen and (max-width: 950px) {
  .survey .survey-content .content-field.doubled div:first-child {
    margin-right: 12px;
  }
}
.survey .survey-content .content-field.full-row {
  width: 100%;
  margin-right: 0;
}
.survey .survey-content .content-field label {
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.16px;
  margin-bottom: 2px;
}
@media screen and (max-width: 1115px) {
  .survey .survey-content .content-field label {
    min-height: 50px;
  }
}
@media screen and (max-width: 768) {
  .survey .survey-content .content-field label {
    min-height: 25px;
  }
}
.survey .survey-content .content-field input {
  border: 1px solid #111;
  height: 50px;
  width: 100%;
  background: none;
  border-radius: 7px;
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
  padding: 4px 8px;
}
.survey .survey-content .content-field select {
  border: 1px solid #111;
  height: 50px;
  border-radius: 7px;
  max-width: 100%;
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
  padding: 8px;
  background-image: url(/Assets/icons/dropdownarrow.png);
  background-repeat: no-repeat;
  background-position: right 5px bottom 17px;
}
.survey .survey-content .survey-card {
  background: white;
  padding: 30px;
  border-radius: 14px;
  gap: 20px;
  max-width: 620px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);
}
.survey .survey-content .survey-card > label {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  align-self: stretch;
  color: black;
}
.survey .survey-content .survey-card > label .number-bullet {
  display: flex;
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50%;
  background: #02893E;
  color: #FFF;
  text-align: center;
  font-family: "Cinzel";
  font-size: 36px;
  font-style: normal;
  font-weight: 545;
  line-height: 100%;
  letter-spacing: 0.36px;
  flex: 1 0 0;
  margin-right: 15px;
}
@media screen and (max-width: 500) {
  .survey .survey-content .survey-card div {
    margin-bottom: 20px;
  }
}
.survey .survey-content .survey-card div label {
  color: #111;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.16px;
  margin-bottom: 2px;
}
@media screen and (max-width: 1115px) {
  .survey .survey-content .survey-card div label {
    min-height: 50px;
  }
}
@media screen and (max-width: 768) {
  .survey .survey-content .survey-card div label {
    min-height: 25px;
  }
}
.survey .survey-content .survey-card div select {
  border: 1px solid #111;
  height: 50px;
  border-radius: 7px;
  width: 100% !important;
  color: #111;
  background: #E5E6E5;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
  padding: 8px;
  background-image: url(/Assets/icons/dropdownarrow.png);
  background-repeat: no-repeat;
  background-position: right 8px bottom 17px;
  -webkit-appearance: none;
}
.survey .survey-content .survey-card-radio {
  background: white;
  color: black;
  padding: 30px;
  border-radius: 14px;
  gap: 20px;
  max-width: 620px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);
}
.survey .survey-content .survey-card-radio > label {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  align-self: stretch;
}
.survey .survey-content .survey-card-radio > label .number-bullet {
  display: flex;
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  padding-bottom: 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50%;
  background: #02893E;
  color: #FFF;
  text-align: center;
  font-family: "Cinzel";
  font-size: 36px;
  font-style: normal;
  font-weight: 545;
  line-height: 100%;
  letter-spacing: 0.36px;
  flex: 1 0 0;
  margin-right: 15px;
}
.survey .survey-content .survey-card-radio div {
  display: flex;
  background: #FFF;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 500) {
  .survey .survey-content .survey-card-radio div {
    margin-bottom: 20px;
  }
}
.survey .survey-content .survey-card-radio div label {
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.16px;
  margin-bottom: 2px;
}
@media screen and (max-width: 1115px) {
  .survey .survey-content .survey-card-radio div label {
    min-height: 50px;
  }
}
@media screen and (max-width: 768) {
  .survey .survey-content .survey-card-radio div label {
    min-height: 25px;
  }
}
.survey .survey-content .survey-card-radio div select {
  border: 1px solid #111;
  height: 50px;
  border-radius: 7px;
  width: 100% !important;
  color: #111;
  background: #E5E6E5;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
  padding: 8px;
  background-image: url(/Assets/icons/dropdownarrow.png);
  background-repeat: no-repeat;
  background-position: right 8px bottom 17px;
}
.survey .survey-content .survey-card-radio div input {
  width: 100%;
}
.survey .survey-content .survey-card-radio div .chosen-container-multi .chosen-choices {
  border: 1px solid #111;
  height: 50px;
  border-radius: 7px;
  width: 100% !important;
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.14px;
  padding: 8px;
  background-image: url(/Assets/icons/dropdownarrow.png);
  background-repeat: no-repeat;
  background-position: right 8px bottom 25px;
}
.survey .survey-content .survey-card-radio div .chosen-container-multi .chosen-choices li {
  line-height: 25px;
}
.survey .survey-content .survey-card-radio div .chosen-container-multi .chosen-choices li a {
  top: 6px;
}
.survey .survey-content .survey-card-radio div.radio label {
  width: 20%;
  text-align: center;
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
}
.survey .survey-content .survey-card-radio div.radio label input[type=radio] {
  display: flex;
  width: 18px;
  margin: 0 auto 10px;
  height: 20px;
}
.survey .survey-content .research {
  color: #FFFFFF;
  text-align: center;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: 0.14px;
}
.survey .survey-content .research a {
  color: #FFFFFF;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.14px;
  text-decoration-line: underline;
}
.survey .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 101;
}
.survey .modal-backdrop .modal-card {
  border-radius: 14px;
  background: #FFF;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  padding: 30px 30px 60px 30px;
  flex-direction: column;
  text-align: center;
  margin: 0 20px;
  max-width: 600px;
}
@media screen and (max-width: 1099px) {
  .survey .modal-backdrop .modal-card {
    text-align: left;
  }
}
.survey .modal-backdrop span {
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
}
.survey .modal-backdrop h1 {
  color: black;
  font-size: 54px;
  font-style: normal;
  font-weight: 545;
  line-height: 150%; /* 54px */
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
@media screen and (max-width: 1099px) {
  .survey .modal-backdrop h1 {
    font-size: 36px;
  }
}
.survey .modal-backdrop strong {
  color: black;
  font-family: "Gotham Book";
}
.survey .modal-backdrop p {
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.survey .modal-backdrop button {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 2px solid #B3B3B3;
  color: #B3B3B3;
  margin-inline-start: auto;
}

#survey-form .question-label-text {
  color: #111;
  font-family: "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.16px;
  margin-bottom: 2px;
}

#survey-form .chosen-choices {
  height: max-content;
}

#survey-form .search-choice {
  padding-left: 0.25rem;
  border-radius: 0.25rem;
  margin: 0px 0.5em 0.5em 0;
  font-size: 16px;
  font-weight: 600;
}
#survey-form .search-choice .search-choice-close {
  color: black !important;
  background-position: -42px -10px;
}

.offer-25 .content {
  margin-bottom: 80px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.offer-25 .content #svelteOffer25 {
  width: 100%;
}
.offer-25 section {
  width: 100%;
}
.offer-25 section:last-child {
  margin-bottom: 80px;
}