/* 
  {
    "name": "component-iconic-rotatingbar.css",
    "author": "Arham Web Works"
    "description": "Copying in any form is strictly prohibited. Any instance of copying will be subject to legal action and accountability under the law."
  }
*/

.iconic-rotating-image-css .iconic-section .iconic-rotate-bar,.iconic-rotating-product-css .iconic-section .iconic-rotate-bar{flex:0 0 230px;max-width:230px}.iconic-rotating-image-css .iconic-section .iconic-grid-content,.iconic-rotating-product-css .iconic-section .iconic-grid-content{padding:10px;border-radius:5px;box-shadow:rgba(0,0,0,.04) 7.86305px 16.7738px 16.3023px,rgba(0,0,0,.03) 5.44683px 11.6194px 10.3517px,rgba(0,0,0,.027) 3.55328px 7.57997px 6.22623px,rgba(0,0,0,.024) 2.12738px 4.5382px 3.55513px,rgba(0,0,0,.02) 1.11412px 2.37669px 1.96768px,rgba(0,0,0,.016) .458487px .978061px 1.09315px,rgba(0,0,0,.008) .105452px .224954px .560836px}.iconic-rotating-image-css .iconic-section .iconic-img-size svg,.iconic-rotating-product-css .iconic-section .iconic-img-size svg{background:#f4f4f4}.iconic-rotating-image-css .iconic-section .iconic-rotating-icon-image,.iconic-rotating-product-css .iconic-section .iconic-rotating-icon-image{aspect-ratio:1/1;object-fit:cover}.iconic-rotating-bar.iconic-rotating-image-css .iconic-section .iconic-rotating-item-text,.iconic-rotating-bar.iconic-rotating-product-css .iconic-section .iconic-rotating-item-text{white-space:inherit;line-height:1.2;border-bottom:1px solid transparent}.iconic-rotating-image-css .iconic-section .marquee-content li:hover .iconic-rotating-item-text,.iconic-rotating-product-css .iconic-section .marquee-content li:hover .iconic-rotating-item-text{border-bottom:1px solid}.iconic-rotating-bar .iconic-section .marquee{user-select:none;gap:var(--gap)}.iconic-rotating-bar .iconic-section .marquee-content{gap:var(--gap);min-width:100%;line-height:1;transition:transform .7s cubic-bezier(.5, .5, 0, 1)}.iconic-rotating-bar .iconic-section .direction-left .marquee-content,.iconic-rotating-bar .iconic-section .marquee.scroll-down .marquee-content{animation:20s linear infinite scrollLeft}.iconic-rotating-bar .iconic-section .direction-right .marquee-content,.iconic-rotating-bar .iconic-section .marquee.scroll-top .marquee-content{animation:20s linear infinite scrollRight}.iconic-rotating-bar .iconic-section .marquee:hover .marquee-content{animation-play-state:paused}.iconic-rotating-bar .iconic-section .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:8s linear infinite marqueeTop;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:8s linear infinite marqueeBottom;transition:transform .7s cubic-bezier(.5, .5, 0, 1)}.iconic-rotating-bar .rotating-bar-vertical .iconic-rotating-item-icon{transform:rotate(90deg)}@media (min-width:1024px){.iconic-rotating-image-css .iconic-section .iconic-rotate-bar{flex:0 0 280px;max-width:280px}.iconic-rotating-image-css .iconic-section .marquee-content:first-child .iconic-rotate-bar:nth-child(2n),.iconic-rotating-image-css .iconic-section .marquee-content:last-child .iconic-rotate-bar:nth-child(odd){padding-top:150px}.iconic-rotating-image-css .iconic-section .marquee-content{padding-bottom:100px}}.iconic-rotating-product-css .iconic-section .iconic-rotate-bar{flex:0 0 280px;max-width:280px}.iconic-product-rotating-bar .wave-rotate-bar:first-child .iconic-rotate-bar:nth-child(2n),.iconic-product-rotating-bar .wave-rotate-bar:last-child .iconic-rotate-bar:nth-child(odd){align-self:flex-start}.iconic-product-rotating-bar .wave-rotate-bar:first-child .iconic-rotate-bar:nth-child(odd),.iconic-product-rotating-bar .wave-rotate-bar:last-child .iconic-rotate-bar:nth-child(2n){align-self:flex-end}.iconic-product-rotating-bar .wave-rotate-bar{height:450px}@keyframes marqueeTop{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes scrollLeft{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100% - var(--gap)));transform:translateX(calc(-100% - var(--gap)))}}@keyframes scrollRight{from{-webkit-transform:translateX(calc(-100% - var(--gap)));transform:translateX(calc(-100% - var(--gap)))}to{-webkit-transform:translateX(0);transform:translateX(0)}}