.preview-perforated{mask:radial-gradient(circle at 7px 0,transparent 3.5px,#000 4px) 0 0 /14px 100% repeat-x}.preview-lid{transform-origin:50% 100%;transform:rotateX(-12deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:preview-lid .9s cubic-bezier(.2,.8,.2,1) backwards}.group\/preview:hover .preview-lid,.group\/preview[data-open] .preview-lid{transform:rotateX(0deg)}@keyframes preview-lid{0%{transform:rotateX(-80deg)}to{transform:rotateX(-12deg)}}.preview-done{animation:preview-done .55s cubic-bezier(.34,1.56,.64,1) both}.preview-done-tick{stroke-dasharray:1;stroke-dashoffset:1;animation:preview-done-tick .35s ease-out .3s forwards}@keyframes preview-done{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes preview-done-tick{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.preview-lid{transition:none}.preview-done,.preview-done-tick,.preview-lid{animation:none}.preview-done-tick{stroke-dashoffset:0}}