.storefront-preview .preview-browser,.storefront-preview .preview-phone{transition:transform .35s,border-color .35s}.storefront-preview[data-visible=true] .preview-browser{animation:.75s cubic-bezier(.2,.7,.2,1) both preview-reveal}.storefront-preview[data-visible=true] .preview-phone{animation:.85s cubic-bezier(.2,.7,.2,1) .16s both preview-reveal}.storefront-preview[data-visible=true] .preview-menu-item{animation:.55s cubic-bezier(.2,.7,.2,1) both preview-reveal}.storefront-preview .preview-menu-item:first-child{animation-delay:.18s}.storefront-preview .preview-menu-item:nth-child(2){animation-delay:.26s}.storefront-preview .preview-menu-item:nth-child(3){animation-delay:.34s}.storefront-preview .preview-menu-item:nth-child(4){animation-delay:.42s}.storefront-preview .preview-cart-update{animation:.3s ease-out preview-cart-pop}.storefront-preview[data-visible=true] .preview-phone-shell{animation:6s ease-in-out 1s infinite preview-float}.storefront-preview .preview-phone-shell:hover{animation-play-state:paused}@media (hover:hover){.storefront-preview .preview-menu-item:hover{transform:translateY(-3px)}.storefront-preview .preview-browser:hover{border-color:hsl(var(--primary) / .35)}}@keyframes preview-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes preview-cart-pop{0%{transform:scale(.85)}55%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.storefront-preview *,.storefront-preview :before,.storefront-preview :after{transition:none!important;animation:none!important;transform:none!important}}@media (prefers-reduced-motion:no-preference){.preview-hero-img{animation:18s ease-in-out infinite alternate preview-hero-pan}@keyframes preview-hero-pan{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.12)translate(-3%)}}}