.announcement-bar{background:var(--bar-bg, #f4a71d);color:var(--bar-text, #3b2600);font-size:var(--bar-text-size, 13px);padding:var(--bar-padding, 10px) 0;position:relative;overflow:hidden;width:100%}.announcement-bar--sticky{position:sticky;top:0;z-index:40}.announcement-bar__viewport{overflow:hidden;width:100%;padding-right:36px;box-sizing:border-box}.announcement-bar__track{display:flex;align-items:center;gap:var(--bar-gap, 48px);width:max-content}.announcement-bar[data-marquee=true] .announcement-bar__track{animation:announcement-bar-scroll-left var(--bar-speed, 18s) linear infinite}.announcement-bar[data-marquee=true][data-direction=right] .announcement-bar__track{animation-name:announcement-bar-scroll-right}.announcement-bar:not([data-marquee=true]) .announcement-bar__viewport{padding-right:0}.announcement-bar:not([data-marquee=true]) .announcement-bar__track{flex-wrap:wrap;justify-content:center;width:100%;animation:none}.announcement-bar__item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none}.announcement-bar__item a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}.announcement-bar__item a:hover{border-bottom-color:currentColor}.announcement-bar__icon{line-height:1}.announcement-bar__sep{opacity:.6}.announcement-bar__close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:transparent;border:none;color:inherit;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;opacity:.7}.announcement-bar__close:hover{opacity:1}@keyframes announcement-bar-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes announcement-bar-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.announcement-bar[data-marquee=true] .announcement-bar__track{animation:none}}@media(max-width:749px){.announcement-bar{font-size:calc(var(--bar-text-size, 13px) - 1px)}.announcement-bar__track{gap:calc(var(--bar-gap, 48px) / 1.5)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-announcement-bar-marquee.css.map */