.announcement-bar{position:relative;overflow:hidden;padding-block:var(--announcement-bar-padding-block-start) var(--announcement-bar-padding-block-end);padding-inline:var(--announcement-bar-padding-inline-start) var(--announcement-bar-padding-inline-end);background-color:var(--announcement-bar-background);color:var(--announcement-bar-text);font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--label-size);text-transform:var(--announcement-bar-text-transform);letter-spacing:var(--announcement-bar-letter-spacing)}@media screen and (min-width:750px){.announcement-bar{padding-block:var(--announcement-bar-padding-block-start-desktop) var(--announcement-bar-padding-block-end-desktop);padding-inline:var(--announcement-bar-padding-inline-start-desktop) var(--announcement-bar-padding-inline-end-desktop)}}.announcement-bar a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:2px}.announcement-bar a:hover{opacity:.85}.announcement-bar__highlight{color:var(--announcement-bar-highlight)}.announcement-bar__item{display:inline-flex;align-items:center;gap:.4em;padding-inline:var(--announcement-bar-item-spacing)}.announcement-bar__marquee .announcement-bar__item{white-space:nowrap}.announcement-bar--separated .announcement-bar__item+.announcement-bar__item:before{content:"|";margin-inline-end:var(--announcement-bar-item-spacing);opacity:.4}@media screen and (max-width:749px){.announcement-bar--separated .announcement-bar__static .announcement-bar__item+.announcement-bar__item:before{content:none}}.announcement-bar__static{display:flex;min-width:0;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.announcement-bar__marquee{display:flex;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.announcement-bar__track{display:flex;flex-shrink:0;align-items:center;white-space:nowrap;animation:announcement-bar-scroll var(--announcement-bar-scroll-duration) linear infinite}.announcement-bar--pause-on-hover:hover .announcement-bar__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.announcement-bar__track{animation:none}}@keyframes announcement-bar-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (min-width:750px){.announcement-bar--hide-desktop{display:none}}@media screen and (max-width:749px){.announcement-bar--hide-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-announcement-bar.css.map */