.ps-root{--ps-x:0;--ps-y:0;position:relative;aspect-ratio:.85;perspective:900px}.ps-inner{position:absolute;inset:0 0 8% 0;transform-style:preserve-3d;transform:rotateY(calc(var(--ps-x) * 18deg)) rotateX(calc(var(--ps-y) * -12deg));transition:transform .35s ease-out}.ps-root.is-floating .ps-inner{animation:ps-float 4.5s ease-in-out infinite}@keyframes ps-float{0%,to{translate:0 0}50%{translate:0 -8px}}.ps-pack{position:absolute;left:12%;right:12%;bottom:0;aspect-ratio:.75;background-repeat:no-repeat;background-size:152.38% 114.29%;background-position:45.45% 50%;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5));transform:translate3d(calc(var(--o) * 13%),calc(var(--o) * var(--o) * 2.2%),calc(var(--o) * 6px)) rotate(calc(var(--o) * 9deg));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.ps-root:hover .ps-pack{transform:translate3d(calc(var(--o) * 17%),calc(var(--o) * var(--o) * 2.8% - 4%),calc(var(--o) * 8px)) rotate(calc(var(--o) * 12deg))}.ps-sheen{position:absolute;inset:3% 6%;border-radius:8px;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(calc(105deg + var(--ps-x) * 25deg),transparent 30%,hsla(0,0%,100%,.6) 48%,transparent 62%);background-size:260% 100%;animation:ps-sheen 4s ease-in-out infinite}@keyframes ps-sheen{0%{background-position:120% 0}55%,to{background-position:-40% 0}}.ps-shadow{position:absolute;left:22%;right:22%;bottom:0;height:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}@media (prefers-reduced-motion:reduce){.ps-root.is-floating .ps-inner,.ps-sheen{animation:none}}