@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}