.marquee-banner{color:rgb(var(--color-foreground));width:100vw;height:100%;display:flex;justify-content:center;flex-wrap:wrap;align-content:center;grid-area:announcements;overflow:hidden;position:relative;box-sizing:border-box}.marquee-banner__container{width:100vw;position:relative;box-sizing:border-box}.marquee-banner__content{display:flex;white-space:nowrap;animation:marquee-scroll var(--marquee-duration, 30s) linear infinite;will-change:transform;width:max-content;min-width:100vw}.marquee-banner__item{display:inline-flex;align-items:center;padding:0 2rem;flex-shrink:0;white-space:nowrap}.marquee-banner__text{text-align:center;margin:0;display:flex;align-items:center;white-space:nowrap}.marquee-banner__link{display:flex;text-decoration:none;height:100%;justify-content:center;align-items:center;color:inherit}.marquee-banner__link:hover{text-decoration:underline}.marquee-banner__link .icon-arrow{display:inline-block;pointer-events:none;margin-left:.8rem;vertical-align:middle;margin-bottom:.2rem}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width: 749px){.marquee-banner__item{padding:0 1rem}.marquee-banner__text{font-size:calc(var(--font-heading-scale) * 1.3rem)}}@media screen and (min-width: 750px) and (max-width: 989px){.marquee-banner__text{font-size:calc(var(--font-heading-scale) * 1.4rem)}}@media screen and (min-width: 990px){.marquee-banner__item{padding:0 2rem}.marquee-banner__text{font-size:calc(var(--font-heading-scale) * 1.6rem)}}.marquee-banner:hover .marquee-banner__content{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.marquee-banner__content{animation:none}.marquee-banner__content{transform:translate(0)}}.marquee-banner-section .utility-bar{height:100%;overflow:hidden;position:relative}.marquee-banner-section .utility-bar--bottom-border{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}@media screen and (min-width: 990px){.marquee-banner-section .utility-bar--bottom-border-social-only{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}}.marquee-banner-section .utility-bar{padding-top:var(--marquee-padding-top, 1.5rem);padding-bottom:var(--marquee-padding-bottom, 1.5rem)}.marquee-banner-section{overflow:hidden;width:100%}@media screen and (max-width: 749px){.marquee-banner,.marquee-banner__container{width:100vw;margin-left:calc(-50vw + 50%)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-marquee-banner.css.map */