.announcement-marquee{--marquee-bg: #1a1a1a;--marquee-fg: #ffffff;--marquee-speed: 35s;--marquee-gap: 60px;background:var(--marquee-bg);color:var(--marquee-fg);overflow:hidden;position:relative;z-index:5}.announcement-marquee__viewport{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0) 3%,rgb(0 0 0) 97%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0) 3%,rgb(0 0 0) 97%,transparent 100%)}.announcement-marquee__track{display:flex;align-items:center;gap:var(--marquee-gap);width:max-content;padding:.9rem 0;will-change:transform;animation:announcement-marquee-scroll var(--marquee-speed) linear infinite}@keyframes announcement-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.announcement-marquee--right .announcement-marquee__track{animation-name:announcement-marquee-scroll-reverse}@keyframes announcement-marquee-scroll-reverse{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.announcement-marquee--pausable:hover .announcement-marquee__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.announcement-marquee__track{animation:none}.announcement-marquee__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}}.announcement-marquee__item{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;color:var(--marquee-fg);font-size:1.3rem;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;text-decoration:none;transition:opacity .2s ease}.announcement-marquee__item--link:hover,.announcement-marquee__item--link:focus-visible{opacity:.75;text-decoration:none;color:var(--marquee-fg)}.announcement-marquee__emoji{display:inline-flex;font-size:1.4rem;line-height:1}.announcement-marquee__text{display:inline-block}@media screen and (max-width:749px){.announcement-marquee__item{font-size:1.2rem}.announcement-marquee__track{padding:.7rem 0}.announcement-marquee__viewport{-webkit-mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0) 6%,rgb(0 0 0) 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0) 6%,rgb(0 0 0) 94%,transparent 100%)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-announcement-marquee.css.map */