.announcement-bar--ticker{display:block;width:100%;grid-area:announcements;overflow:hidden}announcement-ticker{display:block;position:relative;width:100%;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground));--announcement-ticker-height: 3.4rem;--announcement-ticker-fade: 8rem;min-height:var(--announcement-ticker-height)}announcement-ticker:before,announcement-ticker:after{content:"";position:absolute;top:0;bottom:0;width:var(--announcement-ticker-fade);z-index:1;pointer-events:none}announcement-ticker:before{left:0;background:linear-gradient(to right,rgb(var(--color-background)),rgba(var(--color-background),0))}announcement-ticker:after{right:0;background:linear-gradient(to left,rgb(var(--color-background)),rgba(var(--color-background),0))}.announcement-ticker__marquee{display:flex;width:max-content;animation:announcement-ticker-marquee var(--announcement-ticker-duration, 30s) linear infinite;will-change:transform}.announcement-ticker__marquee:hover{animation-play-state:paused}.announcement-ticker__strip{display:flex;align-items:center;flex-shrink:0;gap:3.2rem;min-height:var(--announcement-ticker-height);padding:.75rem 1.2rem;box-sizing:border-box}.announcement-ticker__item.announcement-bar__message{display:inline-flex;align-items:center;flex-shrink:0;text-align:left;white-space:nowrap;min-height:0;padding:0}.announcement-ticker__link{color:inherit;text-decoration:none}.announcement-ticker__link:hover{opacity:.75}.announcement-ticker__separator{display:inline-block;flex-shrink:0;width:.4rem;height:.4rem;border-radius:50%;background:rgb(var(--color-foreground));opacity:.5}@keyframes announcement-ticker-marquee{0%{transform:translate(0)}to{transform:translate(var(--announcement-ticker-shift, -50%))}}@media screen and (max-width:749px){announcement-ticker{--announcement-ticker-fade: 4rem}.announcement-ticker__strip{gap:2.4rem;padding:.75rem 1.6rem}}@media(prefers-reduced-motion:reduce){.announcement-ticker__marquee{animation:none;flex-wrap:wrap;width:100%;justify-content:center}.announcement-ticker__strip:last-child{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-announcement-ticker.css.map */
