.custom-announcement-bar__outer-wrapper{padding:0 16px;position:relative;background-color:var(--bg-color)}.custom-announcement-bar__wrapper{--gap: var(--gap-mobile);max-width:100vw;overflow:hidden}@media screen and (min-width: 769px){.custom-announcement-bar__wrapper{--gap: var(--gap-desktop)}}.custom-announcement-bar__inner-wrapper{display:flex;gap:var(--gap);padding-block:6px;width:max-content;flex-wrap:nowrap;animation:scroll var(--animation-duration, 20s) var(--animation-direction, forwards) linear infinite}.custom-announcement-bar__inner-wrapper:hover{animation-play-state:paused}.custom-announcement-bar__inner-wrapper[data-direction=left]{--animation-direction: forwards}.custom-announcement-bar__inner-wrapper[data-direction=right]{--animation-direction: reverse}.custom-announcement-bar__wrapper .custom-announcement-bar__item{color:var(--text-color);filter:contrast(2);text-wrap:nowrap;text-transform:var(--text-case, none);margin:0!important;-webkit-user-select:none;user-select:none}@keyframes scroll{to{transform:translate(calc(-50% - calc(var(--gap) / 2)))}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-announcement-bar.css.map */
