.section-announcement-bar{position:fixed;top:0;left:0;right:0;z-index:101;display:flex;justify-content:center;align-items:center;gap:var(--space-5);padding-block:var(--space-2);padding-inline:var(--page-padding-inline);min-height:40px;text-align:center;background:var(--announcement-bg, var(--orange-500));color:var(--announcement-text, var(--white));overflow:hidden;transition:transform var(--motion-duration-md) var(--motion-ease-out)}.section-announcement-bar[data-hidden]{transform:translateY(-100%)}.section-announcement-bar[data-style=dark]{--announcement-bg: var(--gray-950);--announcement-text: var(--white)}.section-announcement-bar[data-style=orange]{--announcement-bg: var(--orange-500);--announcement-text: var(--white)}.section-announcement-bar[data-style=b2b]{--announcement-bg: var(--blue-400);--announcement-text: var(--white)}.announcement-bar__item{margin:0;font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-leading);white-space:nowrap}.announcement-bar__item a{color:inherit;text-decoration:none}.announcement-bar__separator{font-family:var(--font-ui);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-leading);opacity:.6}.section-announcement-bar>.announcement-bar__item:not(:first-child),.section-announcement-bar>.announcement-bar__separator{display:none}@media(min-width:750px){.section-announcement-bar>.announcement-bar__separator{display:inline}.section-announcement-bar>.announcement-bar__item:not(:first-child){display:inline}}.announcement-bar__marquee{display:flex;width:100%;overflow:hidden}.announcement-bar__track{display:flex;align-items:center;gap:var(--space-5);flex-shrink:0;padding-inline-end:var(--space-5);animation:marquee 30s linear infinite}.announcement-bar__marquee:hover .announcement-bar__track{animation-play-state:paused}.announcement-bar__marquee:focus-within .announcement-bar__track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.announcement-bar__track{animation:none}}.announcement-bar__marquee .announcement-bar__item,.announcement-bar__marquee .announcement-bar__separator{display:inline}
/*# sourceMappingURL=/cdn/shop/t/213/assets/section-announcement-bar.css.map */