@keyframes icon-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes icon-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes icon-swing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes icon-flip{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}@keyframes icon-tada{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)}}.icon-bounce{animation:icon-bounce 1s ease}.icon-pulse{animation:icon-pulse 1s ease}.icon-rotate{animation:icon-rotate 1s ease}.icon-shake{animation:icon-shake .5s ease}.icon-swing{animation:icon-swing 1s ease}.icon-flip{animation:icon-flip 1s ease}.icon-tada{animation:icon-tada 1s ease}.icon-hover-bounce:hover{animation:icon-bounce .6s ease}.icon-hover-pulse:hover{animation:icon-pulse .6s ease}.icon-hover-rotate:hover{animation:icon-rotate .6s ease}.btn-lift{transition:transform .3s ease,box-shadow .3s ease}.btn-lift:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.btn-lift:active{transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.glow-on-hover{transition:box-shadow .3s ease}.glow-on-hover:hover{box-shadow:0 0 20px #17a2b866,0 0 40px #17a2b833}.expand-on-hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-on-hover:hover{transform:scale(1.05)}.underline-animate{position:relative;text-decoration:none}.underline-animate:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background:currentColor;transition:width .3s ease}.underline-animate:hover:after{width:100%}.badge-pulse{animation:badge-pulse-anim 2s ease infinite}@keyframes badge-pulse-anim{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.number-glow{text-shadow:0 0 10px rgba(23,162,184,.3),0 0 20px rgba(23,162,184,.2)}.card-depth{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card-depth:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d}.float{animation:float-anim 3s ease-in-out infinite}@keyframes float-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dot-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#17a2b8;animation:dot-pulse 2s ease infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 #17a2b8b3}50%{box-shadow:0 0 0 10px #17a2b800}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(23,162,184,.2);border-top-color:#17a2b8;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.checkmark{display:inline-block;transform:rotate(45deg);height:24px;width:12px;border-bottom:3px solid #17A2B8;border-right:3px solid #17A2B8;animation:checkmark-draw .4s ease}@keyframes checkmark-draw{0%{height:0;width:0}50%{height:24px;width:0}to{height:24px;width:12px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-shimmer:hover:before{left:100%}.border-draw{position:relative;border:2px solid transparent}.border-draw:before,.border-draw:after{content:"";position:absolute;background:#17a2b8;transition:all .3s ease}.border-draw:before{top:0;left:0;width:0;height:2px}.border-draw:after{bottom:0;right:0;width:0;height:2px}.border-draw:hover:before,.border-draw:hover:after{width:100%}@media (prefers-reduced-motion: reduce){.icon-bounce,.icon-pulse,.icon-rotate,.icon-shake,.icon-swing,.icon-flip,.icon-tada,.float,.badge-pulse,.dot-indicator,.loading-spinner,.skeleton{animation:none!important}.btn-lift:hover,.expand-on-hover:hover,.card-depth:hover{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/micro-interactions.css.map */