.marquee-announcement{position:relative;width:100%;overflow:hidden;background:rgb(var(--color-background))}.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee-scroll var(--marquee-speed, 20s) linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.marquee-content-wrapper{display:flex;align-items:center;flex-shrink:0;padding-right:0}.marquee-item{white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;font-size:var(--text-size, 1rem);line-height:1.3;letter-spacing:.02em;color:rgb(var(--color-foreground))}.marquee-link{display:inline-flex;align-items:center;gap:0;color:inherit;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.marquee-link:hover{opacity:.8}.marquee-link:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.marquee-link svg{width:1em;height:1em;flex-shrink:0;transition:transform .2s ease;margin-left:.35em}.marquee-link:hover svg{transform:translate(2px)}.marquee-separator{flex-shrink:0;opacity:.6;font-size:var(--text-size, 1rem);-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center}.marquee-announcement:hover .marquee-track{animation-play-state:paused}.marquee-announcement:before,.marquee-announcement:after{content:"";position:absolute;top:0;bottom:0;width:50px;z-index:2;pointer-events:none}.marquee-announcement:before{left:0;background:linear-gradient(to right,rgb(var(--color-background)),transparent)}.marquee-announcement:after{right:0;background:linear-gradient(to left,rgb(var(--color-background)),transparent)}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none}.marquee-content-wrapper:not(:first-child){display:none}}@media screen and (max-width:749px){.marquee-item{font-size:var(--text-size-mobile, .875rem)}.marquee-announcement:before,.marquee-announcement:after{width:20px}}@media screen and (min-width:750px){.marquee-announcement{min-height:44px}}@media print{.marquee-track{animation:none}.marquee-content-wrapper:not(:first-child){display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/marquee-announcement.css.map */