.vp-orb{--lvl:0;position:relative;display:inline-flex;flex-shrink:0;width:var(--orb-size);height:var(--orb-size)}.vp-orb-btn{position:relative;display:flex;width:100%;height:100%;padding:0;border:0;border-radius:999px;background:none;cursor:pointer;outline:none}.vp-orb-btn:focus-visible{box-shadow:0 0 0 2px var(--vp-card,#fff),0 0 0 4px var(--vp-accent,#ea580c)}.vp-orb-btn:disabled{cursor:default}.vp-orb-ball{position:absolute;inset:0;overflow:hidden;border-radius:999px;background:radial-gradient(circle at 32% 26%,var(--oc3),var(--oc1) 55%,var(--oc2));will-change:transform}.vp-orb-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.vp-orb.is-gl .vp-orb-canvas{opacity:1}.vp-orb.is-gl .vp-orb-ball{background:none}.vp-orb-rim{inset:0;box-shadow:inset 0 0 0 max(1px,calc(var(--orb-size) * .012)) rgba(255,255,255,.6)}.vp-orb-glow,.vp-orb-rim{position:absolute;border-radius:999px;pointer-events:none}.vp-orb-glow{inset:-22%;background:var(--oc2);filter:blur(max(6px,calc(var(--orb-size) * .17)));opacity:calc(var(--lvl) * .45)}.vp-orb.has-glow .vp-orb-glow{opacity:calc(.35 + var(--lvl) * .2)}.vp-orb.has-glow .vp-orb-ball{box-shadow:0 calc(var(--orb-size) * .17) calc(var(--orb-size) * .3) calc(var(--orb-size) * -.1) color-mix(in srgb,var(--oc2) 45%,transparent);overflow:visible}.vp-orb-icon,.vp-orb.has-glow .vp-orb-canvas{border-radius:999px}.vp-orb-icon{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(17,24,39,.38);color:#fff;opacity:0;transition:opacity .18s ease}.vp-orb-icon svg{width:40%;height:40%;fill:currentColor;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.vp-orb-btn:focus-visible .vp-orb-icon,.vp-orb-btn:hover:not(:disabled) .vp-orb-icon{opacity:1}.vp-orb.is-playing .vp-orb-icon{background:radial-gradient(closest-side,rgba(17,24,39,.32),rgba(17,24,39,0) 70%)}.vp-orb.is-playing .vp-orb-icon svg{width:32%;height:32%}.vp-orb-ring{position:absolute;inset:0;border-radius:999px;border:2px solid var(--oc2);opacity:0;pointer-events:none;animation:vp-orb-ring 1.8s ease-out infinite}.vp-orb-ring.is-late{animation-delay:.9s}@keyframes vp-orb-ring{0%{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}.vp-orb>.vp-orb-seal{position:absolute;top:-4px;right:-5px;z-index:2}.vp-orb>.vp-orb-seal:focus-visible,.vp-orb>.vp-orb-seal:hover{z-index:60}@media (prefers-reduced-motion:reduce){.vp-orb-ring{animation:none!important}}