#animated-product-image-box { position: absolute; z-index: 99999; width: 60px; } @keyframes flyingProductRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes loaderAmin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #animated-product-image-box img { animation: flyingProductRotate 1s infinite; } /*Cart Trigger*/ @keyframes cartTriggerAnim { 0% { transform: rotate(0deg) translateY(0px); } 50% { transform: rotate(-45deg) translateY(50px) } 100% { transform: rotate(45deg) translateY(-10px) } } .new-product-item-added { animation: cartTriggerAnim 0.6s infinite; animation-delay: 0.5s; } .focawo-floating-cart { ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: $acl-primary-color; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: $acl-primary-color; } } #focawo-cart-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.20); z-index: 9999; height: 100%; &:before { content: ""; display: block; width: 50px; height: 50px; animation: loaderAmin 0.6s infinite; position: absolute; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; border-radius: 50%; border: 10px solid; border-top-color: #ff402f; border-bottom-color: #8b61ff; border-left-color: #44803b; border-right-color: #feff39; } }