.pobj{--pobj-size:4.5rem;--pobj-spread:0.7rem;--pobj-fan:2deg;--pobj-rx:16deg;--pobj-ry:-20deg;--pobj-lift:0px;position:relative;display:grid;height:6.5rem;margin-bottom:1rem;place-items:center;perspective:720px;pointer-events:none}.pobj-stack{position:relative;width:var(--pobj-size);height:var(--pobj-size);transform-style:preserve-3d;transform:translateZ(var(--pobj-lift)) rotateX(var(--pobj-rx)) rotateY(var(--pobj-ry))}.pobj-card{position:absolute;inset:0;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--color-cinema-accent) 42%,transparent);background:linear-gradient(160deg,#24202f,#141414 70%);box-shadow:1px 1px 0 color-mix(in srgb,var(--color-cinema-accent) 30%,#0a0a0a),2px 2px 0 #0a0a0a,0 10px 18px -8px rgba(0,0,0,.75);transform:translate3d(calc(var(--k) * var(--pobj-spread)),0,calc(var(--i) * 5px)) rotate(calc(var(--k) * var(--pobj-fan)))}.pobj-art{position:absolute;inset:5px 5px 19px;display:grid;place-items:center;border-radius:.3rem;overflow:hidden;background:radial-gradient(circle at 72% 30%,#f5c96a 0 8%,rgba(245,201,106,0) 9%),linear-gradient(196deg,rgba(0,0,0,0) 56%,rgba(124,92,255,.55) 57%),linear-gradient(162deg,rgba(0,0,0,0) 64%,rgba(232,179,75,.4) 65%),linear-gradient(180deg,#3b3068,#1a1626)}.pobj-card:after{content:"";position:absolute;left:7px;right:7px;bottom:6px;height:7px;background:linear-gradient(#a3a3a3,#a3a3a3) left 0 top 0 /62% 2px no-repeat,linear-gradient(#5b5b5b,#5b5b5b) left 0 bottom 0 /38% 2px no-repeat;opacity:.85}.pobj-play{position:relative;width:1.35rem;height:1.35rem;border-radius:999px;background:rgba(10,10,10,.62);border:1px solid rgba(245,201,106,.75)}.pobj-play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-color:transparent transparent transparent #f5c96a;border-style:solid;border-width:.2rem 0 .2rem .33rem}@media (min-width:40rem){.pobj{--pobj-size:5rem;height:7rem}}@media (prefers-reduced-motion:no-preference){.pobj-card,.pobj-stack{transition:transform .42s cubic-bezier(.22,.8,.24,1)}.pricing-plan:active .pobj,.pricing-plan:focus-within .pobj{--pobj-spread:2.1rem;--pobj-fan:7deg;--pobj-rx:8deg;--pobj-ry:-10deg;--pobj-lift:26px}@media (hover:hover){.pricing-plan:hover .pobj{--pobj-spread:2.1rem;--pobj-fan:7deg;--pobj-rx:8deg;--pobj-ry:-10deg;--pobj-lift:26px}}}