.announcement-bar-section{position:relative;z-index:4}.announcement-bar{--ab-bg: #000000;--ab-text: #ffffff;--ab-divider: #ffffff;--ab-speed: 30s;--ab-gap: 70px;--ab-padding-y: 6px;--ab-font-size: 14px;--ab-divider-opacity: .38;display:block;width:100%;height:auto;overflow:hidden;background-color:var(--ab-bg);color:var(--ab-text);flex-wrap:nowrap;justify-content:unset;align-content:unset;grid-area:unset}.announcement-bar__viewport{width:100%;overflow:hidden}.announcement-bar__track{display:flex;align-items:center;width:max-content;max-width:none;margin:0;padding:var(--ab-padding-y) 0;gap:var(--ab-gap);will-change:transform}.announcement-bar--marquee .announcement-bar__track{animation:announcement-bar-marquee var(--ab-speed) linear infinite}.announcement-bar--marquee:hover .announcement-bar__track,.announcement-bar--marquee:focus-within .announcement-bar__track{animation-play-state:paused}.announcement-bar:not(.announcement-bar--marquee) .announcement-bar__viewport{display:flex;justify-content:center}.announcement-bar:not(.announcement-bar--marquee) .announcement-bar__track{flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;padding-left:1.6rem;padding-right:1.6rem}.announcement-bar__item{display:flex;align-items:center;flex:0 0 auto;gap:var(--ab-gap)}.announcement-bar__text{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--ab-font-size);line-height:20px;letter-spacing:0;color:var(--ab-text);white-space:nowrap;margin:0}.announcement-bar__text--link{text-decoration:none;color:inherit}.announcement-bar__text--link:hover{text-decoration:underline;text-underline-offset:.2em}.announcement-bar__divider{display:block;width:1px;height:16px;flex:0 0 auto;background-color:var(--ab-divider);opacity:var(--ab-divider-opacity)}@keyframes announcement-bar-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - var(--ab-gap) / 2),0,0)}}@media(prefers-reduced-motion:reduce){.announcement-bar--marquee .announcement-bar__track{animation:none;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;padding-left:1.6rem;padding-right:1.6rem}.announcement-bar--marquee .announcement-bar__item--clone{display:none}}@media screen and (max-width:749px){.announcement-bar{--ab-gap: 40px;--ab-font-size: 12px}.announcement-bar__text{line-height:16px}.announcement-bar__divider{height:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-announcement.css.map */