section.announcement-bar-section{overflow:hidden;z-index:98;position:relative;min-height:40px}section.announcement-bar-section:not(:has(.swiper-slide,.marquee-slide)){visibility:none!important}section.announcement-bar-section:hover .announcement-bar .animation-container{animation-play-state:paused}section.announcement-bar-section .announcement-bar.marquee,section.announcement-bar-section .announcement-bar.marquee .marquee-slide,section.announcement-bar-section .announcement-bar.swiper,section.announcement-bar-section .announcement-bar.swiper .swiper-slide{min-height:40px}section.announcement-bar-section .announcement-bar{overflow:visible;min-height:40px;background-color:var(--primary-color);color:#fff}section.announcement-bar-section .announcement-bar .swiper-slide,section.announcement-bar-section .announcement-bar .marquee-slide{transition:.15s ease-in-out .1s;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;color:inherit;font-size:16px;text-align:center;padding:0}section.announcement-bar-section .announcement-bar.marquee{flex:1;width:100%;overflow:hidden;isolation:isolate;position:relative;display:flex;align-items:center;justify-content:flex-start;flex-flow:row nowrap;gap:40px}section.announcement-bar-section .announcement-bar.marquee:hover .animation-container{animation-play-state:paused}section.announcement-bar-section .announcement-bar.marquee .animation-container{z-index:1;display:flex;align-items:center;justify-content:flex-start;flex-flow:row nowrap;gap:40px;animation-play-state:running;animation:infiniteScroll 10s linear infinite;animation-duration:var(--animation-speed)}section.announcement-bar-section .announcement-bar.marquee .animation-container .marquee-slide{flex:1;min-width:150px;min-width:var(--slides-per-view);white-space:nowrap}@media only screen and (max-width: 991.98px){section.announcement-bar-section .announcement-bar.marquee .animation-container .marquee-slide{min-width:100vw}}section.announcement-bar-section .announcement-bar.marquee .animation-container .marquee-slide>a{color:inherit;white-space:nowrap}@keyframes infiniteScroll{0%{translate:0% 0%}to{translate:calc(-100% - 40px) 0%}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/section-cn-accouncementbar.css.map */