.pco3d{--pco3d-size:320px;--pco3d-depth:calc(var(--pco3d-size) * .13);--pco3d-radius:18.75%;--pco3d-rx:0deg;--pco3d-ry:0deg;--pco3d-mx:30%;--pco3d-my:20%;width:var(--pco3d-size);height:var(--pco3d-size);perspective:calc(var(--pco3d-size) * 6);perspective-origin:50% 40%;-webkit-tap-highlight-color:transparent;flex:none;display:inline-block;position:relative}.pco3d__glow{height:26%;filter:blur(calc(var(--pco3d-size) * .06));opacity:.85;pointer-events:none;background:radial-gradient(closest-side,#ff1e28bf,#e1121b59 55%,#0000);border-radius:50%;position:absolute;bottom:-14%;left:8%;right:8%;transform:translateZ(0)}.pco3d__float,.pco3d__tilt{transform-style:preserve-3d;position:absolute;inset:0}.pco3d__tilt{transform:rotateX(var(--pco3d-rx)) rotateY(var(--pco3d-ry));will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.pco3d__layer{border-radius:var(--pco3d-radius);transform:translateZ(calc(var(--pco3d-depth) * var(--i) / -10));backface-visibility:visible;background:linear-gradient(145deg,#c4101c 0%,#7a0008 50%,#330003 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000040}.pco3d__layer:nth-last-child(3){background:linear-gradient(145deg,#ff4a4f 0%,#c0101a 45%,#5a0006 100%)}.pco3d__layer[data-last]{box-shadow:0 calc(var(--pco3d-size) * .05) calc(var(--pco3d-size) * .09) #0009;background:#1d0002}.pco3d__face{border-radius:var(--pco3d-radius);box-shadow:inset 0 calc(var(--pco3d-size) * .006) 0 #ffffff59, inset 0 calc(var(--pco3d-size) * -.008) 0 #00000059;position:absolute;inset:0;transform:translateZ(1px)}.pco3d__face svg{width:100%;height:100%;display:block}.pco3d__sheen{border-radius:var(--pco3d-radius);background:radial-gradient(circle at var(--pco3d-mx) var(--pco3d-my), #ffffff24, #fff0 55%);pointer-events:none;transition:background-position .35s;position:absolute;inset:0;transform:translateZ(2px)}.pco3d--float .pco3d__float{animation:6s ease-in-out infinite pco3d-float}.pco3d--float .pco3d__glow{animation:6s ease-in-out infinite pco3d-glow}@keyframes pco3d-float{0%,to{transform:translateY(0)rotateX(6deg)rotateY(-11deg)}50%{transform:translateY(-5%)rotateX(-3deg)rotateY(9deg)}}@keyframes pco3d-glow{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.55;transform:scale(.86)}}.pco3d--static .pco3d__tilt{transition:none;transform:rotateX(6deg)rotateY(-12deg)}.pco3d--static .pco3d__glow{opacity:.6;bottom:-10%}@media (prefers-reduced-motion:reduce){.pco3d__float,.pco3d__glow{animation:none!important}.pco3d__tilt{transition:none;transform:rotateX(5deg)rotateY(-10deg)!important}}