/*
===========================================================
-- DO NOT EDIT!!!----------------------------------------
-- THIS IS A GENERATED FILE. CHANGES WILL BE OVERWRITTEN --
===========================================================
*/
.marquee {
  display:block;
  position:relative;
  z-index:1;
  padding:22px 0 26px;
  overflow:hidden;
  background-color:var(--marquee-background-color, #000)
}
.marquee__content {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%
}
.marquee__content:hover>span,
.marquee__content:hover>a,
.marquee.animation-paused .marquee__content>span,
.marquee.animation-paused .marquee__content>a {
  animation-play-state:paused
}
.marquee__content>span,
.marquee__content>a {
  display:flex;
  align-items:center;
  transform:translateX(0%);
  animation:marquee var(--marquee-speed, 8s) linear infinite;
  animation-play-state:running;
  background-color:var(--marquee-background-color, #000);
  color:var(--marquee-text-color, #fff);
  text-transform:uppercase;
  white-space:nowrap;
  will-change:transform;
  font-size:2.4rem;
  line-height:3.2rem;
  font-weight:700
}
.marquee__content>span span,
.marquee__content>a span {
  display:flex
}
.marquee__content svg {
  display:block;
  width:32px;
  height:auto;
  margin:0 17px
}
.marquee__content svg path {
  fill:var(--marquee-text-color, #fff)
}
.marquee__movement {
  display:none;
  position:absolute;
  top:50%;
  inset-inline-start: 0;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  transform:translateY(-50%);
  border:2px solid #000;
  border-radius:50%;
  background-color:#fff
}
.marquee:focus .marquee__movement,
.marquee:focus-within .marquee__movement {
  display:flex
}
.marquee.animation-paused .marquee__movement .icon-play {
  display:block
}
.marquee.animation-paused .marquee__movement .icon-pause {
  display:none
}
.marquee__movement svg {
  display:block
}
.marquee__movement svg.icon-play {
  display:none
}
.marquee-squiggle {
  display:inline-block;
  position:relative
}
.marquee-squiggle__copy {
  position:relative;
  z-index:1
}
.marquee-squiggle__copy:hover+.marquee-squiggle__wrapper>span {
  animation-play-state:paused
}
.marquee-squiggle__wrapper {
  display:flex;
  position:absolute;
  bottom:-10px;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  overflow:hidden
}
@media screen and (min-width: 1025px) {
  .marquee-squiggle__wrapper {
    bottom:-18px
  }
}
.heading-2 .marquee-squiggle__wrapper,
.heading-lg-2 .marquee-squiggle__wrapper {
  bottom:-12px;
  width:100%
}
.marquee-squiggle__wrapper>span {
  display:block;
  transform:translateX(0);
  animation:marquee 1s linear infinite;
  animation-direction:reverse;
  white-space:nowrap;
  will-change:transform
}
.marquee-squiggle__wrapper svg {
  display:block;
  width:auto;
  height:3.2vw;
  margin-inline-start:-1.1333vw
}
@media screen and (min-width: 750px) {
  .marquee-squiggle__wrapper svg {
    height:1.6666vw;
    margin-inline-start:-0.5555vw
  }
}
@media screen and (min-width: 750px) {
  .heading-2 .marquee-squiggle__wrapper svg,
  .heading-lg-2 .marquee-squiggle__wrapper svg {
    height:1.5vw
  }
}
.heading-4 .marquee-squiggle__wrapper svg,
.heading-lg-4 .marquee-squiggle__wrapper svg {
  height:2vw;
  margin-inline-start:-1.85vw
}
@media screen and (min-width: 750px) {
  .heading-4 .marquee-squiggle__wrapper svg,
  .heading-lg-4 .marquee-squiggle__wrapper svg {
    height:1vw;
    margin-inline-start:-0.75vw
  }
}
.marquee-squiggle__wrapper.marquee-squiggle__wrapper--festive {
  z-index:-1
}
@media screen and (max-width: 550px) {
  .marquee-squiggle__wrapper.marquee-squiggle__wrapper--festive {
    bottom:-5px
  }
}
@keyframes marquee {
  0% {
    transform:translateX(-100%)
  }
  100% {
    transform:translateX(0)
  }
}


@keyframes marquee-rtl {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
/* RTL Support */
html[dir="rtl"] .marquee-squiggle__wrapper>span {
  animation: marquee-rtl 1s linear infinite;
}
.marquee-section--final {
  position:relative;
  z-index:1;
  margin:-80px 0 calc(68.2667vw - 160px);
  padding-top:80px;
  background-color:var(--marquee-wrapper-background-color, #dfc8e7)
}
@media screen and (min-width: 750px) {
  .marquee-section--final {
    margin:0 0 10vw;
    padding-top:0
  }
}