.loader-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:transparent;z-index:9999;opacity:50%;pointer-events:none}.loader{width:100px;position:relative}.loader img{position:absolute;top:0;left:0;width:100%;height:auto;display:block}.loader .shadow-image{clip-path:inset(0 100% 0 0);object-fit:cover;margin-top:0;transition:clip-path .5s ease-out,transform .3s ease-out;left:-3%}@keyframes bounceEffect{0%,20%,50%,80%,to{transform:scale(1)}40%{transform:scale(1.1)}60%{transform:scale(1.05)}}.loader .shadow-image.loaded,.loader .shadow-image.finish-bounce{animation:bounceEffect 1s ease}@keyframes finishZoomIn{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.loader .shadow-image.finish-zoom-in{animation:finishZoomIn .6s ease}@keyframes finishZoomOut{0%{transform:scale(1)}50%{transform:scale(.7)}to{transform:scale(1)}}.loader .shadow-image.finish-zoom-out{animation:finishZoomOut .6s ease}@keyframes finishFlip{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}.loader .shadow-image.finish-flip{animation:finishFlip .8s ease}@keyframes finishFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.loader .shadow-image.finish-flash{animation:finishFlash .8s ease}@keyframes finishTada{0%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.loader .shadow-image.finish-tada{animation:finishTada 1s ease}@keyframes loaderPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}.loader .shadow-image.anim-pulse{clip-path:none;animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader .shadow-image.anim-spin{clip-path:none;animation:loaderSpin 2s linear infinite}@keyframes loaderBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loader .shadow-image.anim-bounce{clip-path:none;animation:loaderBounce 1s ease-in-out infinite}@keyframes loaderFade{0%,to{opacity:1}50%{opacity:.2}}.loader .shadow-image.anim-fade-in-out{clip-path:none;animation:loaderFade 2s ease-in-out infinite}@keyframes loaderGlow{0%,to{filter:drop-shadow(0 0 2px rgba(255,255,255,.4))}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.9))}}.loader .shadow-image.anim-glow{clip-path:none;animation:loaderGlow 2s ease-in-out infinite}@keyframes loaderShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.loader .shadow-image.anim-shake{clip-path:none;animation:loaderShake .8s ease-in-out infinite}.loader .shadow-image.anim-none{clip-path:none;animation:none}
/*# sourceMappingURL=/cdn/shop/t/148/assets/ani.css.map */