.announcement-bar{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:500;z-index:50;line-height:1.5}.announcement-track{display:flex;will-change:transform}.announcement-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:0 1.25rem;white-space:normal;color:inherit}.announcement-link{text-decoration:none;color:inherit;width:100%;display:block;transition:opacity .2s}.announcement-link:hover{opacity:.8}[data-direction=horizontal] .announcement-track{flex-direction:row}[data-direction=vertical] .announcement-track{flex-direction:column}[data-animation-type=slide] .announcement-track{width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}[data-animation-type=slide][data-direction=horizontal] .announcement-item{width:100%}[data-animation-type=slide][data-direction=vertical] .announcement-item{height:100%;width:100%}[data-animation-type=marquee] .announcement-track{width:fit-content}.marquee-set{display:flex;flex-shrink:0;justify-content:space-around}[data-direction=horizontal] .marquee-set{flex-direction:row;padding-right:0}[data-direction=horizontal] .announcement-item{white-space:nowrap;padding:0 25px}[data-direction=vertical] .marquee-set{flex-direction:column;height:auto}[data-direction=vertical] .announcement-item{padding:4px 0;width:100%}.animate-marquee-horizontal{animation:marquee-horizontal linear infinite}.animate-marquee-vertical{animation:marquee-vertical linear infinite}.announcement-bar:hover .animate-scroll{animation-play-state:paused}@keyframes marquee-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/announcement-bar.css.map */