.style-kinetic.play .preview-content{animation:kinetic-in .65s cubic-bezier(.12,.8,.24,1.15) both}.style-editorial.play .preview-content{animation:grid-in .8s cubic-bezier(.2,.8,.2,1) both}.style-luxury.play .preview-content{animation:luxe-in 1.2s ease both}.style-paper.play .preview-content{animation:paper-in .75s cubic-bezier(.15,.8,.25,1.1) both}.style-product.play .shape-a{animation:orb-in 1s cubic-bezier(.2,.8,.2,1) both}.style-blueprint.play .preview-content{animation:blueprint-in .85s ease both}
@keyframes kinetic-in{from{opacity:0;scale:1.25;translate:0 25px}to{opacity:1;scale:1;translate:0 0}}@keyframes grid-in{from{clip-path:inset(0 100% 0 0);translate:18px 0}to{clip-path:inset(0);translate:0 0}}@keyframes luxe-in{from{opacity:0;filter:blur(6px);scale:.96}to{opacity:1;filter:blur(0);scale:1}}@keyframes paper-in{from{opacity:0;rotate:12deg;translate:0 55px}to{opacity:1;rotate:0deg;translate:0 0}}@keyframes orb-in{from{translate:-140px 80px;scale:.65;opacity:0}to{translate:0 0;scale:1;opacity:1}}@keyframes blueprint-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.design-preview.play .preview-content,.design-preview.play .shape-a{animation:none!important}}
