:root{--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-easing: cubic-bezier(.4, 0, .2, 1);--animation-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn var(--animation-duration-normal) var(--animation-easing)}.fade-out{animation:fadeOut var(--animation-duration-normal) var(--animation-easing)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-left{animation:slideInLeft var(--animation-duration-normal) var(--animation-easing)}.slide-in-right{animation:slideInRight var(--animation-duration-normal) var(--animation-easing)}.slide-in-up{animation:slideInUp var(--animation-duration-normal) var(--animation-easing)}.slide-in-down{animation:slideInDown var(--animation-duration-normal) var(--animation-easing)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.scale-in{animation:scaleIn var(--animation-duration-normal) var(--animation-easing)}.scale-out{animation:scaleOut var(--animation-duration-normal) var(--animation-easing)}.zoom-in{animation:zoomIn var(--animation-duration-normal) var(--animation-easing-bounce)}.zoom-out{animation:zoomOut var(--animation-duration-normal) var(--animation-easing)}.hover-lift{transition:transform var(--animation-duration-fast) var(--animation-easing)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow{transition:box-shadow var(--animation-duration-normal) var(--animation-easing)}.hover-glow:hover{box-shadow:0 4px 20px #00000026}.hover-scale{transition:transform var(--animation-duration-fast) var(--animation-easing)}.hover-scale:hover{transform:scale(1.05)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-spin{animation:spin 1s linear infinite}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.loading-shimmer{background:linear-gradient(to right,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.fade-in-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--animation-duration-slow) var(--animation-easing),transform var(--animation-duration-slow) var(--animation-easing)}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}.page-transition{transition:opacity var(--animation-duration-normal) var(--animation-easing)}.page-transition.fade-out{opacity:0}.transition-all{transition:all var(--animation-duration-normal) var(--animation-easing)}.transition-fast{transition:all var(--animation-duration-fast) var(--animation-easing)}.transition-slow{transition:all var(--animation-duration-slow) var(--animation-easing)}
/*# sourceMappingURL=/cdn/shop/t/54/assets/animations.css.map */