/* colors */
/* screen width breaks */
/* remove these once all instances are replaced */
.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.arrow-right-long {
  content: url("/icons/icon-arrow-right-long.svg");
  width: 30px;
  height: auto;
}
.icon.close-black {
  content: url("/icons/close-black.svg");
  width: 30px;
  height: auto;
}
.icon.to-right {
  content: url("/icons/down-caret-black.svg");
  transform: rotate(-90deg);
  width: 0.75rem;
  height: 0.75rem;
}
.icon.to-left {
  content: url("/icons/down-caret-black.svg");
  transform: rotate(90deg);
  width: 0.75rem;
  height: 0.75rem;
}

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;
}

/* colors */
/* screen width breaks */
/* remove these once all instances are replaced */
h1, h2, h3, h4, h5, h6, .eyebrow {
  color: black;
  margin: 0;
}

h1 {
  font-family: recent-grotesk;
  font-size: 7.5rem;
  letter-spacing: 0.01em;
  line-height: 0.9em;
  font-weight: 300;
  text-transform: uppercase;
}

h2 {
  font-family: recent-grotesk;
  font-size: 5.25rem;
  letter-spacing: 0.01em;
  line-height: 0.9em;
  font-weight: 300;
  text-transform: uppercase;
}

h3 {
  font-family: recent-grotesk;
  font-size: 3.75rem;
  letter-spacing: 0.01em;
  line-height: 0.9em;
  font-weight: 400;
}

h4 {
  font-family: recent-grotesk;
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 0.9em;
  font-weight: 400;
  text-transform: uppercase;
}

h5 {
  font-family: recent-grotesk;
  font-size: 1.5rem;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  font-weight: 900;
}

h6 {
  font-family: aktiv-grotesk;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.5em;
  font-weight: 800;
}

.eyebrow {
  font-family: recent-grotesk;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  line-height: 1.5em;
  font-weight: 900;
  text-transform: uppercase;
}

@media screen and (max-width: 1099px) {
  h1 {
    font-size: 5.25rem;
  }
  h2 {
    font-size: 3.75rem;
  }
  h3 {
    font-size: 3rem;
  }
  h4 {
    font-size: 2.25rem;
    line-height: 1em;
  }
  h5 {
    font-size: 1.125rem;
    line-height: 1.5em;
  }
  h6 {
    font-size: 1rem;
  }
  .eyebrow {
    font-size: 0.75rem;
  }
}
p {
  font-family: aktiv-grotesk;
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 1.5em;
  font-weight: 500;
  margin: 0;
}
p.text-small {
  font-size: 0.875rem;
}

.caption,
p.caption {
  font-family: aktiv-grotesk;
  font-size: 0.75rem;
  line-height: 1.5em;
  font-weight: 500;
}

.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;
}

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

a,
button.anchor {
  text-decoration: underline;
}

button.anchor {
  font-family: inherit;
  font-size: inherit;
  display: inline;
  background: none;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 1099px) {
  .mobile-full-width {
    width: 100%;
  }
}

*[disabled],
*[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
}

@media screen and (max-width: 1099px) {
  .desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 1100px) {
  .mobile-only {
    display: none !important;
  }
}

/* colors */
/* screen width breaks */
/* remove these once all instances are replaced */
button.default:not(.anchor),
a.button,
.faux-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.714em;
  color: black;
  background-color: transparent;
  border: solid 1px black;
  border-radius: 100px;
  padding: 0rem 1.5625rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out, outline 1ms, outline-offset 1ms;
  font-family: aktiv-grotesk;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1em;
  text-transform: uppercase;
  text-decoration: none;
  height: 50px;
  min-width: 150px;
  box-sizing: border-box;
}
button.default:not(.anchor)[disabled], button.default:not(.anchor)[disabled=disabled],
a.button[disabled],
a.button[disabled=disabled],
.faux-button[disabled],
.faux-button[disabled=disabled] {
  cursor: not-allowed !important;
  opacity: 40%;
}
button.default:not(.anchor):focus-visible,
a.button:focus-visible,
.faux-button:focus-visible {
  outline: 3px solid black;
  outline-offset: -3px;
}
button.default:not(.anchor).no-transform:hover:not([disabled=disabled], [disabled]),
a.button.no-transform:hover:not([disabled=disabled], [disabled]),
.faux-button.no-transform:hover:not([disabled=disabled], [disabled]) {
  transform: none;
}
button.default:not(.anchor).no-border,
a.button.no-border,
.faux-button.no-border {
  border-color: transparent;
}
button.default:not(.anchor):hover:not([disabled=disabled], [disabled], :has(.underlined)),
a.button:hover:not([disabled=disabled], [disabled], :has(.underlined)),
.faux-button:hover:not([disabled=disabled], [disabled], :has(.underlined)) {
  background-color: black;
  color: white;
}
button.default:not(.anchor):hover:not([disabled=disabled], [disabled], :has(.underlined)).no-border,
a.button:hover:not([disabled=disabled], [disabled], :has(.underlined)).no-border,
.faux-button:hover:not([disabled=disabled], [disabled], :has(.underlined)).no-border {
  border-color: black;
}
button.default:not(.anchor):active:not([disabled], [disabled=disabled]),
a.button:active:not([disabled], [disabled=disabled]),
.faux-button:active:not([disabled], [disabled=disabled]) {
  color: #7f7f7f !important;
}
button.default:not(.anchor).full-width,
a.button.full-width,
.faux-button.full-width {
  width: 100%;
}
button.default:not(.anchor):has(.underlined),
a.button:has(.underlined),
.faux-button:has(.underlined) {
  border-style: none;
  padding: 0 0.625rem;
  border-radius: 5px;
  height: 30px;
  min-width: unset;
  transition: none;
}
button.default:not(.anchor):has(.underlined):active:not([disabled], [disabled=disabled]),
a.button:has(.underlined):active:not([disabled], [disabled=disabled]),
.faux-button:has(.underlined):active:not([disabled], [disabled=disabled]) {
  color: #E62715 !important;
  border-color: #E62715;
}
button.default:not(.anchor):has(.underlined):active:not([disabled], [disabled=disabled]) .underlined,
a.button:has(.underlined):active:not([disabled], [disabled=disabled]) .underlined,
.faux-button:has(.underlined):active:not([disabled], [disabled=disabled]) .underlined {
  border-bottom-color: #E62715 !important;
}
button.default:not(.anchor):has(.underlined) .underlined,
a.button:has(.underlined) .underlined,
.faux-button:has(.underlined) .underlined {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border-top: 1px solid transparent;
  border-bottom: 1px solid black;
}
button.default:not(.anchor).white-on-transparent,
a.button.white-on-transparent,
.faux-button.white-on-transparent {
  --color-btn-bg-hover: #000000;
  --color-btn-before: #333333;
  color: white;
  border-color: white;
  position: relative;
  overflow: hidden;
}
button.default:not(.anchor).white-on-transparent::after, button.default:not(.anchor).white-on-transparent::before,
a.button.white-on-transparent::after,
a.button.white-on-transparent::before,
.faux-button.white-on-transparent::after,
.faux-button.white-on-transparent::before {
  content: "";
  z-index: -1;
  transition: transform 0.3s cubic-bezier(0.75, 0, 0.125, 1);
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  transform: translate(-100%);
  font-size: 0;
  box-sizing: border-box;
}
button.default:not(.anchor).white-on-transparent::before,
a.button.white-on-transparent::before,
.faux-button.white-on-transparent::before {
  background-color: var(--color-btn-before);
}
button.default:not(.anchor).white-on-transparent:hover::before, button.default:not(.anchor).white-on-transparent:hover::after,
a.button.white-on-transparent:hover::before,
a.button.white-on-transparent:hover::after,
.faux-button.white-on-transparent:hover::before,
.faux-button.white-on-transparent:hover::after {
  transform: translate(0);
}
button.default:not(.anchor).white-on-transparent::after,
a.button.white-on-transparent::after,
.faux-button.white-on-transparent::after {
  background-color: var(--color-btn-bg-hover);
  transition-delay: 0.175s;
}
button.default:not(.anchor).white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined)),
a.button.white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined)),
.faux-button.white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined)) {
  background-color: transparent;
}
button.default:not(.anchor).white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined)).no-border,
a.button.white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined)).no-border,
.faux-button.white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined)).no-border {
  border-color: white;
}
button.default:not(.anchor).white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined))::before,
a.button.white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined))::before,
.faux-button.white-on-transparent:hover:not([disabled=disabled], [disabled], :has(.underlined))::before {
  transform: translate(0);
}
button.default:not(.anchor).white-on-transparent:focus-visible,
a.button.white-on-transparent:focus-visible,
.faux-button.white-on-transparent:focus-visible {
  outline-color: white;
}
button.default:not(.anchor).white-on-transparent:has(.underlined) .underlined,
a.button.white-on-transparent:has(.underlined) .underlined,
.faux-button.white-on-transparent:has(.underlined) .underlined {
  border-bottom-color: white;
}
button.default:not(.anchor).white-on-transparent.tinted,
a.button.white-on-transparent.tinted,
.faux-button.white-on-transparent.tinted {
  background-color: rgba(0, 0, 0, 0.5);
}
button.default:not(.anchor).white-on-red,
a.button.white-on-red,
.faux-button.white-on-red {
  color: white;
  border-color: white;
  background-color: #E62715;
}
button.default:not(.anchor).white-on-red.no-border,
a.button.white-on-red.no-border,
.faux-button.white-on-red.no-border {
  border-color: #E62715;
}
button.default:not(.anchor).white-on-green,
a.button.white-on-green,
.faux-button.white-on-green {
  color: white;
  border-color: white;
  background-color: #3D9851;
}
button.default:not(.anchor).white-on-green.no-border,
a.button.white-on-green.no-border,
.faux-button.white-on-green.no-border {
  border-color: #3D9851;
}
button.default:not(.anchor).squarish,
a.button.squarish,
.faux-button.squarish {
  border-radius: 5px;
  font-family: recent-grotesk;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.25em;
  text-transform: uppercase;
}
button.default:not(.anchor).squarish.no-border,
a.button.squarish.no-border,
.faux-button.squarish.no-border {
  border-color: transparent;
}

/* colors */
/* screen width breaks */
/* remove these once all instances are replaced */
input,
select,
.svelte-multiselect {
  margin: 0;
  border: solid 1px black;
  border-radius: 5px;
  font-family: aktiv-grotesk;
  font-size: 1rem;
  font-weight: 500;
  padding: 10px 0.75rem 10px 15px;
  box-sizing: border-box;
  height: 50px;
  background: white;
  color: black;
}
input:focus-visible,
select:focus-visible,
.svelte-multiselect:focus-visible {
  outline: solid 1px #E62715;
}
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.75rem - 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;
}

.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;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
  margin-bottom: 20px;
}
fieldset label:has(+ input),
fieldset label:has(+ select),
fieldset label:has(+ div) {
  font-family: aktiv-grotesk;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.5em;
  color: white;
  display: block;
  margin-bottom: 0.625em;
}
fieldset input,
fieldset select {
  width: 100%;
}
fieldset:has(.validation-msg) {
  margin-bottom: 0;
}

/* colors */
/* screen width breaks */
/* remove these once all instances are replaced */
body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  margin: 0;
  background-repeat: repeat;
}

.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,
.indented-container-including-mobile {
  margin-left: 20px;
  margin-right: 20px;
}

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

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

#headerAppTarget {
  margin-block-end: 4.8rem;
  background: rgba(5, 0, 0, 0.7);
  backdrop-filter: blur(5px);
  position: relative;
  z-index: 10;
}
@media (width >= 1100px) {
  #headerAppTarget {
    margin-block-end: 5rem;
    position: sticky;
    top: 0;
  }
}
#headerAppTarget dialog {
  transition: opacity 0.5s ease-in, transform 0.5s ease-in, display 0.5s ease-in;
}
@starting-style {
  #headerAppTarget dialog {
    opacity: 0;
    transform: translateY(-100%);
    transition-behavior: allow-discrete;
  }
}
#headerAppTarget dialog[hidden] {
  opacity: 0;
  transform: translateY(-100%);
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}

footer {
  background-color: #E62715;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.25rem 3.625rem 3.125rem 3.625rem;
  font-family: aktiv-grotesk;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5em;
  color: white;
}
footer .links {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: center;
  row-gap: 10px;
  column-gap: 20px;
  width: 40%;
}
footer .links > * {
  width: 206px;
}
footer .center-branding {
  width: 172px;
}
footer .legal-section {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 15px;
  width: 40%;
}
footer .legal-section > * {
  text-align: right;
  max-width: 316px;
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer a,
footer button.anchor {
  color: white;
  text-decoration: underline;
}
footer a:hover,
footer button.anchor:hover {
  text-decoration: underline;
}
footer button.anchor.optanon-toggle-display {
  text-decoration: none;
}
footer .links a,
footer .links button.anchor:not(.optanon-toggle-display) {
  display: block;
  width: max-content;
  text-decoration: none;
}
footer .links a::after,
footer .links button.anchor:not(.optanon-toggle-display)::after {
  content: "";
  display: block;
  height: 1px;
  width: 0;
  background: #fff;
  transition: 0.25s width ease-in-out;
}
footer .links a:hover::after,
footer .links button.anchor:not(.optanon-toggle-display):hover::after {
  width: 100%;
}
@media screen and (max-width: 1099px) {
  footer {
    padding: 30px 30px 50px 30px;
    flex-flow: column;
    align-items: center;
    justify-content: start;
    row-gap: 40px;
  }
  footer > * {
    width: 350px !important;
  }
  footer .center-branding {
    border-bottom: 1px solid white;
  }
  footer .center-branding img {
    display: none;
  }
  footer .links {
    column-gap: 0;
    row-gap: 15px;
  }
  footer .links > * {
    width: 50%;
  }
  footer .legal-section {
    align-items: flex-start;
    justify-content: flex-start;
  }
  footer .legal-section > * {
    text-align: left;
  }
}

.error-box {
  background-color: red;
  color: white;
  font-family: aktiv-grotesk;
  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: 80%;
  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 article * {
  font-size: 16px;
  color: #231f20;
  line-height: 1.3;
  font-family: Helvetica, sans-serif !important;
}
@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;
}
.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 h2 {
  font-size: 16px;
  color: #231f20;
  font-weight: bold;
  font-family: Helvetica, sans-serif !important;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .overlay-warn .window h2 {
    font-size: 12px;
  }
}
.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-family: gotham-bold;
  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;
}

@media screen and (min-width: 1100px) {
  html {
    scroll-padding-top: 220px;
  }
}

.login .hero {
  background-size: cover;
  background-position: center;
  display: flex;
  flex-flow: row wrap;
  aspect-ratio: 1400/713;
  margin-bottom: 80px;
  padding: 3.75rem;
  border-radius: 5px;
}
.login .hero > * {
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 1439px) {
  .login .hero {
    padding: 3.75rem 2.25rem;
  }
}
@media screen and (max-width: 1099px) {
  .login .hero {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    background-image: none;
    row-gap: 8px;
  }
  .login .hero > * {
    width: 100%;
  }
  .login .hero > *:first-child {
    order: 5;
  }
  .login .hero > *:first-child > *:first-child {
    display: none;
  }
}
.login .copy-content {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 30px;
}
.login .copy-content h3 {
  width: 250px;
  color: white;
}
.login .copy-content p {
  color: white;
  text-transform: uppercase;
}
@media screen and (max-width: 1099px) {
  .login .copy-content p {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .login .copy-content {
    padding-top: 0;
  }
}
.login .login-form-container {
  padding-left: 70px;
}
.login .login-form-container #loginFormSvelteTarget {
  height: 100%;
}
@media screen and (max-width: 1439px) {
  .login .login-form-container {
    padding-left: 0;
  }
}

.register-page .hero {
  padding: 0.75rem;
  margin-bottom: 60px;
  border-radius: 5px;
}
.register-page img {
  max-width: 100%;
}
@media screen and (max-width: 1099px) {
  .register-page .hero {
    padding: 15px;
    margin-bottom: 45px;
    background: none;
  }
}

.home-page .sweeps-hero:has(.sweeps-lockout-message) {
  display: none;
}
.home-page .sweeps-hero + .hero {
  display: none;
}
.home-page .sweeps-hero:has(.sweeps-lockout-message) + .hero {
  display: grid;
}
.home-page main {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: stretch;
  margin: 2rem 0 3.75rem 0;
}
@media screen and (max-width: 1099px) {
  .home-page main {
    margin: 0rem 0 3.75rem 0;
  }
}
.home-page section {
  border-radius: 5px;
  overflow: hidden;
}
.home-page .hero {
  display: grid;
  aspect-ratio: 1400/550;
}
.home-page .hero > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.home-page .hero video {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.home-page .hero .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.home-page .hero .nola-content {
  gap: 1rem;
  padding-block: 1.88rem 2.88rem;
}
.home-page .hero .nola-bg {
  width: 100%;
}
.home-page .hero .nola-presented-by {
  width: 154px;
  margin-block-end: 5px;
}
.home-page .hero .nola-10k {
  width: 443px;
  max-width: 100%;
  margin-block-end: 20px;
}
.home-page .hero .nola-title {
  font-family: "recent-grotesk";
  color: #000;
  text-align: center;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.24px;
  width: 30ch;
  margin-inline: auto;
}
@media screen and (max-width: 1099px) {
  .home-page .hero {
    /*aspect-ratio: 360 / 450;*/
    aspect-ratio: 360/508;
  }
  .home-page .hero .nola-10k {
    width: 348px;
    margin-block-end: 0;
  }
  .home-page .hero .nola-title {
    font-size: 1.4375em;
    line-height: 1.2;
    letter-spacing: 0.01438rem;
    width: 15ch;
  }
}
.home-page .merch {
  background-color: #E62715;
  padding: 60px 0px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  column-gap: 25px;
  row-gap: 40px;
}
.home-page .merch [data-svelte-app-container] {
  width: 100%;
}
.home-page .merch .merch-card {
  width: 285px;
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: center;
  gap: 20px;
}
.home-page .merch .merch-card .img-container {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
.home-page .merch .merch-card img {
  height: 356px;
  width: auto;
}
.home-page .merch .merch-card a.button {
  width: calc(100% - 40px);
}
@media screen and (max-width: 1099px) {
  .home-page .merch {
    padding: 60px 0 40px 0;
  }
}

.profile-page .hero {
  padding: 50px;
  margin-bottom: 60px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: start;
  background-position: top left;
  /*background-size: cover;*/
  min-height: 500px;
}
.profile-page .title-pane h1 {
  color: white;
}
.profile-page .content-pane {
  width: 810px;
  box-sizing: border-box;
}
.profile-page img {
  max-width: 100%;
}
@media screen and (max-width: 1439px) {
  .profile-page .title-pane h1 {
    font-size: 96px;
  }
  .profile-page .content-pane {
    width: 660px;
  }
}
@media screen and (max-width: 1099px) {
  .profile-page .hero {
    padding: 70px 15px 60px 15px;
    margin-bottom: 0;
    flex-flow: column;
    align-items: center;
    background: none;
    justify-content: flex-start;
    min-height: 425px;
  }
  .profile-page .title-pane h1 {
    font-size: 76px;
    margin: 0 0 40px 0;
  }
  .profile-page .content-pane {
    width: 100%;
  }
}

/* colors */
/* screen width breaks */
/* remove these once all instances are replaced */
.products-landing .product-categories {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}
.products-landing .product-categories .Classics {
  order: 1;
}
.products-landing .product-categories .Craft {
  order: 2;
}
.products-landing .product-categories .RareandLimitedEdition {
  order: 3;
}
.products-landing .product-categories .CityPackExclusives {
  order: 4;
}
.products-landing .product-categories .SmallBatch {
  order: 5;
}
.products-landing .product-categories .Selects {
  order: 6;
}
.products-landing .product-categories .TrueWraps {
  order: 7;
}
.products-landing .product-categories .Collectors {
  order: 8;
}
.products-landing .product-categories .CaliforniaRange {
  order: 9;
}
.products-landing section {
  border-radius: 5px;
  padding: 25px 0 45px 0;
  width: 100%;
  box-sizing: border-box;
}
.products-landing section.hero {
  height: 400px;
  background-size: cover;
  background-position: bottom center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  padding: 40px;
}
.products-landing section.hero .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-right: calc(10.7% - 40px);
}
.products-landing section.hero .content img {
  width: 360px;
}
.products-landing section.hero .content p {
  width: 540px;
  margin: 0;
}
.products-landing section.hero .content p,
.products-landing section.hero .content h6,
.products-landing section.hero .content h3 {
  color: white;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .products-landing section.hero .content {
    padding-right: calc(6% - 40px);
  }
  .products-landing section.hero .content p {
    width: 500px;
  }
}
@media screen and (max-width: 1099px) {
  .products-landing section.hero {
    height: unset;
    aspect-ratio: 360/450;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 20px;
  }
  .products-landing section.hero .content img {
    width: 300px;
  }
}
@media screen and (max-width: 600px) {
  .products-landing section.hero .content p {
    display: none;
  }
}
.products-landing section.products {
  height: 478px;
  padding: 25px 0px 45px 0px;
  background-color: #EBEAEB;
}
@media screen and (min-width: 1100px) {
  .products-landing section.products.SmallBatch, .products-landing section.products.TrueWraps {
    width: calc(25% - 6.67px);
  }
  .products-landing section.products.Selects {
    width: calc(50% - 6.67px);
  }
}
@media screen and (max-width: 1099px) {
  .products-landing section.products {
    padding-bottom: 0;
    height: 335px;
  }
}
.products-landing section {
  /* &.merch {
       height: 210px;
       padding: 100px 20px 60px 20px;

       display: flex;
       flex-flow: row nowrap;
       justify-content: center;
       align-items: stretch;

       column-gap: 45px;
       row-gap: 20px;

       h5 {
           color: white;

           display: flex;
           align-items: center;
       }

       ul {
           flex-grow: 2;

           list-style: none;
           margin: 0;
           padding: 0;

           display: flex;
           flex-flow: row wrap;
           justify-content: center;
           align-items: stretch;
           gap: 30px;

           li {
               flex-grow: 2;
               height: 100%;

               a {
                   width: 100%;
                   height: 100%;
               }
           }
       }

       @media screen and (max-width: $width-mobile-cutoff) {
           flex-flow: column;
           align-items: center;

           padding: 60px 20px 40px 20px;

           height: 267px;

           ul {
               gap: 20px;

               li {
                   height: unset;

                   width: calc( 50% - 10px );
               }
           }
       }
   }*/
}
.products-landing section.title {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 158px;
}
.products-landing section.title > * {
  color: white;
}
@media screen and (max-width: 1099px) {
  .products-landing section.title {
    height: 160px;
    padding: 4rem 0 2rem 0;
  }
}
@media screen and (max-width: 1099px) {
  .products-landing section {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.products-landing main {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}

.otnotice {
  margin-bottom: 4rem;
  margin-top: 3rem;
  background-color: white;
}
.otnotice td {
  background-color: white;
}
.otnotice .otnotice-sections {
  padding-bottom: 2rem;
}
@media screen and (min-width: 1100px) {
  .otnotice .otnotice-menu {
    position: absolute !important;
  }
}
@media screen and (max-width: 1099px) {
  .otnotice .otnotice-menu {
    display: none !important;
  }
  .otnotice .otnotice-menu-mobile {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background: #f8f8f8;
    border: 1px solid #eee;
    position: relative;
    margin-bottom: 1rem;
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-selected-container {
    margin: 0 1rem;
    display: flex;
    align-items: center;
    text-align: center;
    color: #696969;
    font-weight: 700;
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-display {
    pointer-events: none;
    text-align: center;
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-display__expand::after,
  .otnotice .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-display__collapse::after {
    pointer-events: all;
    font-weight: bolder;
    font-size: x-large;
    float: right;
    margin-left: 1rem;
    cursor: pointer;
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-display__expand::after {
    content: "+";
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-display__collapse::after {
    content: "-";
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-selected {
    padding: 1rem;
    width: 100%;
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-mobile-container {
    background: #f8f8f8;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
  }
  .otnotice .otnotice-menu-mobile .otnotice-menu-mobile-container a {
    display: block;
    padding: 0.5rem;
    text-decoration: none;
    text-align: center;
    color: #696969;
  }
  .otnotice .otnotice-sections {
    margin-left: 0.25rem !important;
  }
  .otnotice .otnotice-sections .otnotice-section .otnotice-section-content {
    margin: 0;
  }
}

/* colors */
/* screen width breaks */
/* remove these once all instances are replaced */
.maintenance-page {
  background: #221f20;
  position: relative;
}
.maintenance-page .maintenance-warning {
  display: flex;
  justify-content: right;
}
.maintenance-page .maintenance-warning img {
  width: 100%;
}
@media (width >= 1099px) {
  .maintenance-page .maintenance-warning img {
    width: 380px;
  }
}
.maintenance-page .maintenance-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 84px;
  flex: 1;
}
.maintenance-page .maintenance-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  color: #fff;
  padding-inline: 30px;
  padding-block: 30px;
}
.maintenance-page .maintenance-text * {
  color: inherit;
}
.maintenance-page .maintenance-text h1 {
  text-align: center;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  max-width: 10ch;
  line-height: 1;
}
@media (width >= 1099px) {
  .maintenance-page .maintenance-text h1 {
    font-size: 200px;
  }
}
@media (width >= 1440px) {
  .maintenance-page .maintenance-text h1 {
    max-width: unset;
  }
}
.maintenance-page .maintenance-text p {
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.56px;
  max-width: 30ch;
}
@media (width >= 1099px) {
  .maintenance-page .maintenance-text p {
    font-size: 28px;
    max-width: unset;
  }
}
.maintenance-page .indented-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.maintenance-page .indented-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--woods-red, #eb3625);
  display: block;
  height: 84px;
}

.password-reset .hero {
  padding: 0.75rem;
  margin-bottom: 60px;
  border-radius: 5px;
}
.password-reset img {
  max-width: 100%;
}
@media screen and (max-width: 1099px) {
  .password-reset .hero {
    padding: 15px;
    margin-bottom: 0;
    background: none;
  }
}

.nola-sweeps-lander #sweepsHeroTarget:has(.sweeps-lockout-message) ~ section {
  display: none;
}
.nola-sweeps-lander main {
  margin: 2rem 0 3.75rem 0;
}
@media screen and (max-width: 1099px) {
  .nola-sweeps-lander main {
    margin: 3.75rem 0 3.75rem 0;
  }
}
.nola-sweeps-lander .hero {
  display: grid;
  aspect-ratio: 1400/550;
}
.nola-sweeps-lander .hero > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.nola-sweeps-lander .hero video {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.nola-sweeps-lander .hero .content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.nola-sweeps-lander .hero .nola-content {
  gap: 1rem;
  padding-block: 1.88rem 2.88rem;
}
.nola-sweeps-lander .hero .nola-bg {
  width: 100%;
}
.nola-sweeps-lander .hero .nola-presented-by {
  width: 154px;
  margin-block-end: 5px;
}
.nola-sweeps-lander .hero .nola-10k {
  width: 443px;
  max-width: 100%;
  margin-block-end: 20px;
}
.nola-sweeps-lander .hero .nola-title {
  font-family: "recent-grotesk";
  color: #000;
  text-align: center;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.24px;
  width: 30ch;
  margin-inline: auto;
}
@media screen and (max-width: 1099px) {
  .nola-sweeps-lander .hero {
    /*aspect-ratio: 360 / 450;*/
    aspect-ratio: 360/508;
  }
  .nola-sweeps-lander .hero .nola-10k {
    width: 348px;
    margin-block-end: 0;
  }
  .nola-sweeps-lander .hero .nola-title {
    font-size: 1.4375em;
    line-height: 1.2;
    letter-spacing: 0.01438rem;
    width: 15ch;
  }
}
.nola-sweeps-lander .nola-goodtimes {
  background-image: var(--desktopBg);
  background-repeat: repeat-x;
  background-size: contain;
  color: #fff;
  padding-block: 60px 100px;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes {
    background-image: var(--mobileBg);
  }
}
.nola-sweeps-lander .nola-goodtimes * {
  color: inherit;
}
.nola-sweeps-lander .nola-goodtimes .nola-goodtimes-logo {
  margin-inline: auto;
  margin-block: 0px 30px;
  display: block;
  width: 308px;
  max-width: 100%;
}
.nola-sweeps-lander .nola-goodtimes .nola-goodtimes-title {
  text-align: center;
  /* d.H1 */
  font-family: "recent-grotesk";
  font-size: 120px;
  font-style: normal;
  font-weight: 300;
  line-height: 90%; /* 108px */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-block-end: 20px;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes .nola-goodtimes-title {
    font-size: 84px;
    letter-spacing: 0.84px;
    max-width: 320px;
    margin-inline: auto;
  }
}
.nola-sweeps-lander .nola-goodtimes .nola-fleurdelis {
  margin-inline: auto;
  margin-block: 30px 20px;
  display: block;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes .nola-fleurdelis {
    margin-block: 20px;
  }
}
.nola-sweeps-lander .nola-goodtimes .nola-goodtimes-subtext {
  text-align: center;
  /* p.Normal */
  font-family: "aktiv-grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes .nola-goodtimes-subtext {
    max-width: 320px;
    margin-inline: auto;
  }
}
.nola-sweeps-lander .nola-goodtimes .inset-wrapper {
  width: 890px;
  margin-inline: auto;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes .inset-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding-inline: 10px;
  }
}
.nola-sweeps-lander .nola-goodtimes .inset-item img {
  width: 315px;
  max-width: 100%;
  display: block;
  border-radius: 5px;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes .inset-item img {
    width: 360px;
  }
}
.nola-sweeps-lander .nola-goodtimes .inset-item h3 {
  /* d.H5 */
  font-family: "recent-grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 125%; /* 30px */
  letter-spacing: 0.24px;
  margin-block-end: 20px;
}
.nola-sweeps-lander .nola-goodtimes .inset-item p {
  /* p.Normal */
  font-family: "aktiv-grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.16px;
}
.nola-sweeps-lander .nola-goodtimes .inset-item {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  justify-items: center;
  gap: 80px;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes .inset-item {
    margin-inline: auto;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .nola-sweeps-lander .nola-goodtimes .inset-item .inset-text {
    padding-inline: 20px;
    box-sizing: border-box;
    max-width: 360px;
  }
}
.nola-sweeps-lander .nola-goodtimes .inset-item:nth-child(2) {
  grid-template-columns: 2fr 1fr;
}
.nola-sweeps-lander .nola-goodtimes .inset-item:nth-child(2) img {
  order: 2;
}
.nola-sweeps-lander .nola-goodtimes .inset-item:nth-child(2) .inset-text {
  order: 1;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-goodtimes .inset-item:nth-child(2) {
    margin-block-start: 60px;
    grid-template-columns: 1fr;
  }
  .nola-sweeps-lander .nola-goodtimes .inset-item:nth-child(2) img {
    order: 1;
  }
  .nola-sweeps-lander .nola-goodtimes .inset-item:nth-child(2) .inset-text {
    order: 2;
  }
}
.nola-sweeps-lander .nola-bananas {
  background-image: var(--desktopBg);
  background-size: cover;
  background-position: center right;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-bananas {
    background-image: var(--mobileBg);
    background-position: bottom center;
  }
}
.nola-sweeps-lander .nola-bananas .wrapper {
  width: 590px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 40px;
}
@media (width > 1440px) {
  .nola-sweeps-lander .nola-bananas .wrapper {
    margin-inline-start: 110px;
  }
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-bananas .wrapper {
    width: unset;
    padding-block-start: 30px;
    padding-inline: 20px;
    padding-block-end: 85%;
  }
}
.nola-sweeps-lander .nola-bananas .nola-bananas-logo {
  width: 400px;
  max-width: 100%;
  display: block;
  margin-inline: auto;
  margin-block: 20px;
}
.nola-sweeps-lander .nola-bananas h2 {
  text-align: center;
  font-family: "recent-grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 125%; /* 30px */
  letter-spacing: 0.24px;
}
.nola-sweeps-lander .nola-bananas p {
  text-align: center;
  font-family: "aktiv-grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-bananas p {
    max-width: 350px;
    margin-inline: auto;
  }
}
.nola-sweeps-lander .nola-lucky {
  background: #E62715;
  background-image: var(--desktopBg);
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  color: #fff;
  padding-inline: 50px 0;
  padding-block: 40px;
  display: flex;
  align-items: center;
  margin-block-start: 40px;
}
.nola-sweeps-lander .nola-lucky .nola-lucky-mobile-image {
  max-width: 100%;
  min-width: 100%;
  display: block;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-lucky {
    background-image: none;
    padding-block: 40px 0;
    padding-inline: 0;
  }
  .nola-sweeps-lander .nola-lucky .wrapper-text {
    padding: 30px;
  }
}
@media (width > 1440px) {
  .nola-sweeps-lander .nola-lucky {
    padding-inline: 100px;
  }
}
.nola-sweeps-lander .nola-lucky * {
  color: inherit;
}
.nola-sweeps-lander .nola-lucky h3 {
  font-family: "recent-grotesk";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%; /* 54px */
  letter-spacing: 0.6px;
  margin-block-end: 30px;
}
.nola-sweeps-lander .nola-lucky p {
  font-family: "aktiv-grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  margin-block-end: 30px;
}
.nola-sweeps-lander .nola-lucky p.disclaimer {
  margin-block-end: 0px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.12px;
}
.nola-sweeps-lander .nola-lucky p.disclaimer strong {
  text-transform: uppercase;
}
.nola-sweeps-lander .nola-lucky .wrapper {
  flex: 0 0 400px;
}
@media (max-width: 1099px) {
  .nola-sweeps-lander .nola-lucky .wrapper {
    flex: 0 0 100%;
  }
}
.nola-sweeps-lander {
  /* .merch {
       padding: 100px 20px 60px 20px;
       display: flex;
       flex-flow: row nowrap;
       justify-content: center;
       align-items: center;
       column-gap: 45px;
       row-gap: 20px;

       h5 {
           color: white;
           display: flex;
           align-items: center;
       }

       ul {
           flex-grow: 2;
           list-style: none;
           margin: 0;
           padding: 0;
           display: flex;
           flex-flow: row wrap;
           justify-content: center;
           align-items: stretch;
           gap: 30px;

           li {
               flex-grow: 2;
               height: 100%;

               a {
                   width: 100%;
                   height: 100%;
                   padding-block: 9px;
               }
           }
       }

       @media screen and (max-width: $width-mobile-cutoff) {
           flex-flow: column;
           align-items: center;
           padding: 60px 20px 40px 20px;
           height: 267px;

           ul {
               gap: 20px;

               li {
                   height: unset;
                   width: calc( 50% - 10px );
               }
           }
       }
   }*/
}

.rl-sweeps-hero .hero {
  display: grid;
  aspect-ratio: 1400/550;
}
.rl-sweeps-hero .hero > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.rl-sweeps-hero .hero video {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.rl-sweeps-hero .hero .content {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
.rl-sweeps-hero .hero .nola-content {
  gap: 1rem;
  padding: 30px 0;
}
.rl-sweeps-hero .hero .nola-bg {
  width: 100%;
}
.rl-sweeps-hero .hero .nola-presented-by {
  width: 263px !important;
  margin-block-end: 5px;
}
.rl-sweeps-hero .hero .entry-button-wrapper {
  align-content: flex-end;
  margin-top: auto;
}
.rl-sweeps-hero .hero .entry-button-wrapper.on-the-move button {
  font-size: 14px !important;
}
.rl-sweeps-hero .hero .nola-10k {
  display: none;
}
.rl-sweeps-hero .hero .nola-title {
  display: none;
}
@media screen and (max-width: 1099px) {
  .rl-sweeps-hero .hero {
    /*aspect-ratio: 360 / 450;*/
    aspect-ratio: 360/508;
    margin-top: 60px;
  }
  .rl-sweeps-hero .hero .mobile-only {
    height: 550px !important;
  }
  .rl-sweeps-hero .hero .nola-presented-by {
    width: 230px !important;
  }
}
.rl-sweeps-hero .disclaimer-section p p {
  color: #FCFCFC;
  text-align: center;
  font-family: "aktiv-grotesk";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 16.5px */
}

.sweeps-lucky {
  display: flex;
  max-width: 1400px;
  height: 450px;
  padding: 40px 60px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.sweeps-lucky .wrapper {
  display: flex;
  width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.sweeps-lucky .wrapper .wrapper-text {
  display: flex;
  padding-bottom: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}
.sweeps-lucky .wrapper .wrapper-text h3 {
  align-self: stretch;
  color: #000;
  font-family: "recent-grotesk";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%; /* 54px */
  letter-spacing: 0.6px;
}
@media (max-width: 1099px) {
  .sweeps-lucky {
    background-image: none !important;
    padding-block: 40px 0;
    padding-inline: 0;
    height: 100%;
    padding: 0;
  }
  .sweeps-lucky .wrapper {
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
  }
  .sweeps-lucky .wrapper .wrapper-text {
    padding: 30px;
    gap: 20px;
  }
  .sweeps-lucky .mobile-only {
    display: flex;
    width: 100%;
  }
}

.zig-zag {
  display: flex;
  max-width: 1400px;
  margin: auto;
  flex-direction: column;
  align-items: center;
  padding: 80px 0;
}
.zig-zag .inset-item {
  display: flex;
  width: 900px;
  justify-content: space-between;
  align-items: flex-end;
}
.zig-zag .inset-item img {
  display: flex;
  max-width: 432px;
  border-radius: 5px;
}
.zig-zag .inset-item .inset-text {
  display: flex;
  padding: 0px 60px;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  text-align: center;
}
.zig-zag .inset-item .inset-text h3 {
  color: #fff;
  font-family: "recent-grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 125%; /* 30px */
  letter-spacing: 0.24px;
  margin-block-end: 20px;
}
.zig-zag .inset-item:not(:first-child) {
  margin-top: -60px;
}
.zig-zag .inset-item:nth-child(2) img {
  order: 2;
}
.zig-zag .inset-item:nth-child(2) .inset-text {
  order: 1;
}
@media (max-width: 1099px) {
  .zig-zag {
    gap: 60px;
  }
  .zig-zag .inset-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 30px;
    max-width: 432px;
    margin: 0 auto;
    width: 100%;
  }
  .zig-zag .inset-item img {
    margin: 0 auto;
    width: calc(100vw - 40px);
  }
  .zig-zag .inset-item .inset-text {
    display: flex;
    padding: 0px 20px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
  }
  .zig-zag .inset-item .inset-text h3 {
    text-align: center;
  }
  .zig-zag .inset-item:not(:first-child) {
    margin-top: 0px;
  }
  .zig-zag .inset-item:nth-child(2) img {
    order: 1;
  }
  .zig-zag .inset-item:nth-child(2) .inset-text {
    order: 2;
  }
}

.lucky-lucky {
  display: flex;
  max-width: 1400px;
  height: 450px;
  padding: 0px 40px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  background-image: var(--desktopBg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lucky-lucky .wrapper {
  display: flex;
  padding: 40px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  flex: 1 0 0;
  align-self: stretch;
  margin-right: 50%;
}
.lucky-lucky .wrapper-text {
  display: flex;
  padding-left: 110px;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  align-self: stretch;
}
.lucky-lucky p {
  color: #000;
  text-align: center;
  font-family: "aktiv-grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
@media (max-width: 1099px) {
  .lucky-lucky {
    padding-inline: 0;
    height: 100%;
    background-image: var(--mobileBg);
    background-position: center;
  }
  .lucky-lucky .wrapper {
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    margin: 0 0 280px;
    padding: 0;
  }
  .lucky-lucky .wrapper .wrapper-text {
    padding: 30px;
    gap: 20px;
  }
  .lucky-lucky .wrapper .wrapper-text img {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
  }
  .lucky-lucky .wrapper .wrapper-text p {
    color: #FFF;
    font-size: 16px;
  }
}

.merch {
  padding: 100px 20px 60px 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  column-gap: 45px;
  row-gap: 20px;
}
.merch h5 {
  color: white;
  display: flex;
  align-items: center;
}
.merch ul {
  flex-grow: 2;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
}
.merch ul li {
  flex-grow: 2;
  height: 100%;
}
.merch ul li a {
  width: 100%;
  height: 100%;
  padding-block: 9px;
}
@media screen and (max-width: 1099px) {
  .merch {
    flex-flow: column;
    align-items: center;
    padding: 60px 20px 40px 20px;
  }
  .merch ul {
    gap: 20px;
  }
  .merch ul li {
    height: unset;
    width: calc(50% - 10px);
  }
}