.announcement-bar{width:100%;padding:8px 0;font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.02em;position:relative;overflow:hidden}.announcement-bar--green{background-color:#11f83c;color:var(--color-navy)}.announcement-bar--navy{background-color:var(--color-navy);color:var(--color-white)}.announcement-bar a,.announcement-bar__link{color:inherit;text-decoration:underline;text-underline-offset:2px}.announcement-bar a:hover,.announcement-bar__link:hover{opacity:.8}.announcement-bar__text{margin:0;white-space:nowrap}.announcement-bar__viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}.announcement-bar__track{display:flex;width:max-content;will-change:transform}.announcement-bar.is-ready .announcement-bar__track{animation:announcement-marquee var(--marquee-duration, 30s) linear infinite}.announcement-bar__slide{flex:0 0 auto;display:flex;align-items:center;position:relative;padding:0 24px}.announcement-bar__slide:after{content:"\2022";position:absolute;inset-inline-end:0;top:50%;transform:translate(50%,-50%);opacity:.45;pointer-events:none}@keyframes announcement-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-bar:hover .announcement-bar__track,.announcement-bar:focus-within .announcement-bar__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.announcement-bar.is-ready .announcement-bar__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-announcement-bar.css.map */