.utility-bar{position:relative}.announcement-bar.announcement-bar--marquee{display:flex!important;align-items:center;padding:.7rem 0!important}.announcement-bar.announcement-bar--marquee .announcement-bar__block{display:flex;align-items:center;animation-name:marquee-announcement;animation-play-state:running;animation-timing-function:linear;animation-duration:var(--speed);animation-iteration-count:infinite}.announcement-bar.announcement-bar--marquee .announcement-bar__block .announcement-bar__block-inner{display:flex;justify-content:flex-start;align-items:center}.announcement-bar.announcement-bar--marquee .announcement-bar__block .announcement-bar__message{display:inline-block;margin-right:45px;white-space:nowrap;@include t-media-query($s-small-down){margin-right: 30px;}}.announcement-bar.announcement-bar--marquee:hover .announcement-bar__block{animation-play-state:paused}// add checkbox to have the ability toggle animation // scrolling via keyboard .announcement-bar__toggle-wrapper{position:absolute;right:20px;top:0;bottom:0;margin:auto;width:30px;height:30px;z-index:1;border:2px solid $s-color--rosewood;pointer-events:none;background-color:#fff;opacity:0;&:has(input.focus-visible){opacity:1;pointer-events:all;label{outline:2px solid;outline-offset:2px}}label{width:100%;height:100%;cursor:pointer;display:flex;svg{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:80%;height:80%;pointer-events:none;opacity:0}.icon-marquee-pause{opacity:1}}&:has(input:checked){opacity:1;pointer-events:all;.icon-marquee-play{opacity:1}.icon-marquee-pause{opacity:0}}input{width:1px;height:1px}}.announcement-bar__toggle-wrapper:has(input:checked)~.utility-bar__grid .announcement-bar__block{animation-play-state:paused}@keyframes marquee-announcement{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.announcement-bar.announcement-bar--marquee .announcement-bar__block{animation-play-state:paused!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/anno.css.map */