.iconic-rotating-bar .marquee{position:relative;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--gap);flex-direction:row-reverse}.iconic-rotating-bar .marquee-content{flex-shrink:0;display:flex;justify-content:space-around;gap:var(--gap);min-width:100%;line-height:1;transition:-webkit-transform .7s cubic-bezier(.5,.5,0,1);transition:transform .7s cubic-bezier(.5,.5,0,1)}.iconic-rotating-bar .direction-left .marquee-content,.iconic-rotating-bar .marquee.scroll-down .marquee-content{animation:scrollLeft 20s linear infinite}.iconic-rotating-bar .direction-right .marquee-content,.iconic-rotating-bar .marquee.scroll-top .marquee-content{animation:scrollRight 20s linear infinite}@keyframes scrollLeft{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(calc(-100% - var(--gap)));transform:translate(calc(-100% - var(--gap)))}}@keyframes scrollRight{0%{-webkit-transform:translateX(calc(-100% - var(--gap)));transform:translate(calc(-100% - var(--gap)))}to{-webkit-transform:translateX(0);transform:translate(0)}}.iconic-rotating-bar .marquee:hover .marquee-content{animation-play-state:paused}.iconic-rotating-bar .iconic-rotating-item-text{white-space:nowrap}.rotating-bar-vertical{position:fixed;writing-mode:vertical-lr;width:auto!important;margin-left:0;top:0;bottom:0;z-index:10}.rotating-bar-vertical.rotatebar-side-left{left:0}.rotating-bar-vertical.rotatebar-side-right{right:0}.iconic-rotating-bar .rotating-bar-vertical .direction-left .marquee-content,.iconic-rotating-bar .rotating-bar-vertical .marquee.scroll-down .marquee-content{animation:marqueeTop 8s linear infinite;transition:-webkit-transform .7s cubic-bezier(.5,.5,0,1);transition:transform .7s cubic-bezier(.5,.5,0,1)}.iconic-rotating-bar .rotating-bar-vertical .direction-right .marquee-content,.iconic-rotating-bar .rotating-bar-vertical .marquee.scroll-top .marquee-content{animation:marqueeBottom 8s linear infinite;transition:-webkit-transform .7s cubic-bezier(.5,.5,0,1);transition:transform .7s cubic-bezier(.5,.5,0,1)}.iconic-rotating-bar .rotating-bar-vertical .iconic-rotating-item-icon{transform:rotate(90deg)}@keyframes marqueeTop{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes marqueeBottom{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/iconic-rotating-bar.css.map */