.animate-arrow .icon-arrow path{transform:translate(-.25rem);transition:transform var(--duration-short) ease}.animate-arrow:hover .icon-arrow path{transform:translate(-.05rem)}.announcement-bar-slider{animation-duration:var(--duration-announcement-bar);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.announcement-bar-slider--prev,.announcement-bar-slider--next{animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--current.announcement-bar-slider--to-prev,.announcement-bar-slider--current.announcement-bar-slider--to-next{animation-name:translateAnnouncementSlideOut}@keyframes translateAnnouncementSlideIn{0%{transform:translate(var(--announcement-translate-from))}to{transform:translate(0)}}@keyframes translateAnnouncementSlideOut{0%{transform:translate(0)}to{transform:translate(var(--announcement-translate-to))}}.animateMenuOpen{animation:animateMenuOpen var(--duration-default) ease}@keyframes animateMenuOpen{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoom-effect:hover img{transform:scale(1.07)}.slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 75ms)}@keyframes slideIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:var(--animation-fade-in)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.loading-spinner__path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.progress-bar{position:relative;height:.4rem;display:block;width:100%;background-color:rgba(var(--color-foreground),.04);border-radius:.9rem;overflow:hidden}.progress-bar__status{position:absolute;right:0;top:0;height:100%;width:95%;background-color:rgb(var(--color-foreground));animation:indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;will-change:left,right}@keyframes indeterminateAnimation{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes animateAmbient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/animations.css.map */
