:root{--sf-animation-duration: .7s;--sf-animation-duration-fast: .4s;--sf-animation-duration-slow: 1s;--sf-animation-easing: cubic-bezier(.4, 0, .2, 1);--sf-translate-distance: 30px;--sf-translate-distance-lg: 50px;--sf-scale-start: .95}.fade-in{opacity:0;transition:opacity var(--sf-animation-duration) var(--sf-animation-easing)}.fade-in.visible{opacity:1}.fade-in-up{opacity:0;transform:translateY(var(--sf-translate-distance));transition:opacity var(--sf-animation-duration) var(--sf-animation-easing),transform var(--sf-animation-duration) var(--sf-animation-easing)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-down{opacity:0;transform:translateY(calc(var(--sf-translate-distance) * -1));transition:opacity var(--sf-animation-duration) var(--sf-animation-easing),transform var(--sf-animation-duration) var(--sf-animation-easing)}.fade-in-down.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(var(--sf-translate-distance));transition:opacity var(--sf-animation-duration) var(--sf-animation-easing),transform var(--sf-animation-duration) var(--sf-animation-easing)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(calc(var(--sf-translate-distance) * -1));transition:opacity var(--sf-animation-duration) var(--sf-animation-easing),transform var(--sf-animation-duration) var(--sf-animation-easing)}.fade-in-right.visible{opacity:1;transform:translate(0)}.slide-up{transform:translateY(var(--sf-translate-distance));transition:transform var(--sf-animation-duration) var(--sf-animation-easing)}.slide-up.visible{transform:translateY(0)}.slide-down{transform:translateY(calc(var(--sf-translate-distance) * -1));transition:transform var(--sf-animation-duration) var(--sf-animation-easing)}.slide-down.visible{transform:translateY(0)}.slide-left{transform:translate(var(--sf-translate-distance));transition:transform var(--sf-animation-duration) var(--sf-animation-easing)}.slide-left.visible{transform:translate(0)}.slide-right{transform:translate(calc(var(--sf-translate-distance) * -1));transition:transform var(--sf-animation-duration) var(--sf-animation-easing)}.slide-right.visible{transform:translate(0)}.scale-in{opacity:0;transform:scale(var(--sf-scale-start));transition:opacity var(--sf-animation-duration) var(--sf-animation-easing),transform var(--sf-animation-duration) var(--sf-animation-easing)}.scale-in.visible{opacity:1;transform:scale(1)}.scale-in-up{opacity:0;transform:scale(var(--sf-scale-start)) translateY(var(--sf-translate-distance));transition:opacity var(--sf-animation-duration) var(--sf-animation-easing),transform var(--sf-animation-duration) var(--sf-animation-easing)}.scale-in-up.visible{opacity:1;transform:scale(1) translateY(0)}.stagger-children>*:nth-child(1){transition-delay:0ms}.stagger-children>*:nth-child(2){transition-delay:.1s}.stagger-children>*:nth-child(3){transition-delay:.2s}.stagger-children>*:nth-child(4){transition-delay:.3s}.stagger-children>*:nth-child(5){transition-delay:.4s}.stagger-children>*:nth-child(6){transition-delay:.5s}.stagger-children>*:nth-child(7){transition-delay:.6s}.stagger-children>*:nth-child(8){transition-delay:.7s}.stagger-children>*:nth-child(9){transition-delay:.8s}.stagger-children>*:nth-child(10){transition-delay:.9s}.stagger-children>*:nth-child(11){transition-delay:1s}.stagger-children>*:nth-child(12){transition-delay:1.1s}.delay-0{transition-delay:0ms!important}.delay-100{transition-delay:.1s!important}.delay-200{transition-delay:.2s!important}.delay-300{transition-delay:.3s!important}.delay-400{transition-delay:.4s!important}.delay-500{transition-delay:.5s!important}.delay-600{transition-delay:.6s!important}.delay-700{transition-delay:.7s!important}.delay-800{transition-delay:.8s!important}.duration-fast{transition-duration:var(--sf-animation-duration-fast)!important}.duration-slow{transition-duration:var(--sf-animation-duration-slow)!important}.translate-lg.fade-in-up,.translate-lg.slide-up,.translate-lg.fade-in-down,.translate-lg.slide-down,.translate-lg.fade-in-left,.translate-lg.slide-left,.translate-lg.fade-in-right,.translate-lg.slide-right{--sf-translate-distance: var(--sf-translate-distance-lg)}.touch-feedback{transition:transform .15s var(--sf-animation-easing)}.touch-feedback.touch-active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.fade-in,.fade-in-up,.fade-in-down,.fade-in-left,.fade-in-right,.slide-up,.slide-down,.slide-left,.slide-right,.scale-in,.scale-in-up{opacity:1!important;transform:none!important;transition:none!important}.stagger-children>*{transition-delay:0ms!important}.delay-0,.delay-100,.delay-200,.delay-300,.delay-400,.delay-500,.delay-600,.delay-700,.delay-800{transition-delay:0ms!important}.touch-feedback,.touch-feedback.touch-active{transform:none!important;transition:none!important}}@media print{.fade-in,.fade-in-up,.fade-in-down,.fade-in-left,.fade-in-right,.slide-up,.slide-down,.slide-left,.slide-right,.scale-in,.scale-in-up{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/sf-animations.css.map */