@property --lx{syntax:"<percentage>";inherits:true;initial-value:28%}@property --ly{syntax:"<percentage>";inherits:true;initial-value:18%}.vmc{aspect-ratio:53.98/85.6;width:100%;transform-style:preserve-3d;border-radius:5.9%/3.72%;position:relative}.vmc-edge{border-radius:inherit;background:linear-gradient(160deg, var(--edge-a), var(--edge-b) 60%, var(--edge-a));transform:translateZ(calc(var(--i) * -.9px));position:absolute;inset:0}.vmc-face{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 1px #080c282e,0 18px 36px -18px #080c288c}.vmc-face svg{isolation:isolate;display:block}.vmc-face>span{pointer-events:none;position:absolute;inset:0}.vmc-aniso{background:linear-gradient(112deg, transparent calc(var(--lx) - 26%), #fff3 calc(var(--lx) - 6%), #ffffff57 var(--lx), #fff3 calc(var(--lx) + 6%), transparent calc(var(--lx) + 26%));mix-blend-mode:overlay}.vmc-spec{background:radial-gradient(ellipse 70% 42% at var(--lx) var(--ly), #ffffff80, #ffffff1f 38%, transparent 70%);mix-blend-mode:soft-light}.vmc-rim{border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1.5px #ffffff4d,inset 0 -1.5px #00000059}.vmc-light .vmc-aniso{background:linear-gradient(112deg, transparent calc(var(--lx) - 26%), #ffffff8c var(--lx), transparent calc(var(--lx) + 26%));mix-blend-mode:soft-light}.vmc-light .vmc-spec{mix-blend-mode:overlay}.vmc-light .vmc-rim{box-shadow:inset 0 0 0 1px #0f172a1a,inset 0 1.5px #ffffffe6,inset 0 -1.5px #0f172a2e}
@property --vcg-drift{syntax:"<number>";inherits:false;initial-value:0}.vcg{width:calc(var(--cw) * var(--gw,1.72));height:calc(var(--cw) * 1.5858 * var(--gh,1.19));perspective:1100px;--lx:calc(44% + var(--px,0) * 34%);--ly:calc(20% + var(--py,0) * 18%);position:relative}.vcg .vmc-aniso,.vcg .vmc-spec{--lx:calc(44% + var(--px,0) * 34% + var(--vcg-drift) * 1%);animation:11s ease-in-out infinite alternate vcg-drift}@keyframes vcg-drift{0%{--vcg-drift:-24}to{--vcg-drift:24}}.vcg-tilt{transform-style:preserve-3d;transform:rotateX(calc(12deg - var(--py,0) * 6deg)) rotateY(calc(-16deg + var(--px,0) * 10deg)) rotateZ(2deg);position:absolute;inset:0}.vcg-bob{width:100%;height:100%;transform-style:preserve-3d}.vcg-card{width:var(--cw);transform-style:preserve-3d;position:absolute;top:0;left:0}.vcg-shadow{filter:blur(7px);height:14%;transform:translateX(calc(var(--px,0) * -12px)) scaleX(calc(1 - var(--py,0) * .08));background:radial-gradient(closest-side,#0f173c57,#0000);border-radius:50%;position:absolute;bottom:-4%;left:8%;right:4%}.vcg-tap{pointer-events:none;border-radius:5.9%/3.72%;position:absolute;inset:0;transform:translateZ(1px)}.vcg-tap-edge{border-radius:inherit;position:absolute;inset:0}.vcg-tap-ripple{aspect-ratio:1;border-radius:50%;width:40%;margin:-20% 0 0 -20%;position:absolute;top:45%;left:50%}[data-hero-paused] .vcg .vmc-aniso,[data-hero-paused] .vcg .vmc-spec{animation-play-state:paused}.vcg-still .vmc-aniso,.vcg-still .vmc-spec{animation:none}@media (prefers-reduced-motion:reduce){.vcg .vmc-aniso,.vcg .vmc-spec{animation:none}}