.parcel{--s:96px;--w:var(--s);--h:calc(var(--s) * .72);--d:calc(var(--s) * .82);--lw:1.3px;--swing:cubic-bezier(.3, 1.22, .55, 1);width:calc(var(--s) * 2);height:calc(var(--s) * 1.6);perspective:calc(var(--s) * 6);perspective-origin:50% 40%;flex:none;position:relative}.parcel-scene{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-24deg)rotateY(-34deg)}.parcel-box{transform-style:preserve-3d;position:absolute;inset:0}.parcel-face,.parcel-flap{transform-style:preserve-3d;margin:auto;position:absolute;inset:0}.parcel-fill{background:linear-gradient(155deg,#191919,#0a0a0a 45%,#030303);position:absolute;inset:0}.parcel-face--right .parcel-fill{background:linear-gradient(200deg,#0f0f0f,#050505 50%,#010101)}.parcel-face--bottom .parcel-fill{background:radial-gradient(#262626,#0a0a0a 70%)}.parcel-face--back .parcel-fill,.parcel-face--left .parcel-fill{background:linear-gradient(#0b0b0b 0%,#ffffff0f 55%,#ffffff38)}.parcel-flap .parcel-fill{background:linear-gradient(#131313,#060606)}.parcel-edge{background:#ffffffe6;border-radius:1px;position:absolute}.parcel-edge--t{height:var(--lw);top:0;left:0;right:0}.parcel-edge--b{height:var(--lw);bottom:0;left:0;right:0}.parcel-edge--l{width:var(--lw);top:0;bottom:0;left:0}.parcel-edge--r{width:var(--lw);top:0;bottom:0;right:0}.parcel-face--front{width:var(--w);height:var(--h);transform:translateZ(calc(var(--d) / 2))}.parcel-face--back{width:var(--w);height:var(--h);transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.parcel-face--left{width:var(--d);height:var(--h);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.parcel-face--right{width:var(--d);height:var(--h);transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.parcel-face--bottom{width:var(--w);height:var(--d);transform:rotateX(90deg) translateZ(calc(var(--h) / -2))}.parcel-glow{width:calc(var(--w) * .7);height:calc(var(--d) * .7);transform:rotateX(90deg) translateZ(calc(var(--h) * .1));filter:blur(4px);background:radial-gradient(#ffffffd9,#ffffff4d 45%,#0000 75%);margin:auto;position:absolute;inset:0}.parcel-flap{transform-origin:50% 0;top:50%;bottom:auto}.parcel-flap--front,.parcel-flap--back{width:var(--w);height:calc(var(--d) / 2)}.parcel-flap--left,.parcel-flap--right{width:var(--d);height:calc(var(--w) / 2)}.parcel-flap--front{transform:translateY(calc(var(--h) / -2)) translateZ(calc(var(--d) / 2)) rotateX(-335deg)}.parcel-flap--back{transform:translateY(calc(var(--h) / -2)) rotateY(180deg) translateZ(calc(var(--d) / 2)) rotateX(-335deg)}.parcel-flap--left{transform:translateY(calc(var(--h) / -2)) rotateY(-90deg) translateZ(calc(var(--w) / 2)) rotateX(-330deg)}.parcel-flap--right{transform:translateY(calc(var(--h) / -2)) rotateY(90deg) translateZ(calc(var(--w) / 2)) rotateX(-330deg)}.parcel-box{animation:4.2s ease-in-out infinite parcel-float}@keyframes parcel-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--s) * -.06))}}@media (prefers-reduced-motion:reduce){.parcel-box{animation:none!important}}