.sfp-fade-enter-active,.sfp-fade-leave-active{transition:opacity .2s}.sfp-fade-enter-from,.sfp-fade-leave-to{opacity:0}.sfp-none-enter-active,.sfp-none-leave-active{transition:none}.sfp-fade-enter-active.storefront-popup-panel,[class*=sfp-][class*=-enter-active].storefront-popup-panel{animation:var(--sfp-anim) var(--sfp-ms,.3s) cubic-bezier(.2,.8,.2,1) both}[class*=sfp-][class*=-leave-active].storefront-popup-panel{animation:var(--sfp-anim) calc(var(--sfp-ms,.3s) * .7) ease-in reverse both}.sfp-fade-enter-active.storefront-popup-panel,.sfp-fade-leave-active.storefront-popup-panel{--sfp-anim:sfp-kf-fade;transition:none}.sfp-zoom-enter-active,.sfp-zoom-leave-active{--sfp-anim:sfp-kf-zoom}.sfp-slide-up-enter-active,.sfp-slide-up-leave-active{--sfp-anim:sfp-kf-slide-up}.sfp-slide-down-enter-active,.sfp-slide-down-leave-active{--sfp-anim:sfp-kf-slide-down}.sfp-slide-left-enter-active,.sfp-slide-left-leave-active{--sfp-anim:sfp-kf-slide-left}.sfp-slide-right-enter-active,.sfp-slide-right-leave-active{--sfp-anim:sfp-kf-slide-right}.sfp-bounce-enter-active,.sfp-bounce-leave-active{--sfp-anim:sfp-kf-bounce}@keyframes sfp-kf-fade{0%{opacity:0}to{opacity:1}}@keyframes sfp-kf-zoom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sfp-kf-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes sfp-kf-slide-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes sfp-kf-slide-left{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes sfp-kf-slide-right{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes sfp-kf-bounce{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.04)}80%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.storefront-popup-panel{animation-duration:1ms!important}}