.vyn{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:flex-end;align-self:stretch;width:64px;padding:0 0 7px;border:0;background:none;color:#4d4d4d;font:inherit;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vyn-orb{position:absolute;top:-18px;left:50%;width:56px;height:56px;margin-left:-28px;border-radius:50%;line-height:0;box-shadow:0 0 0 3px #fafafa,0 8px 22px -6px rgba(82,72,156,.55),0 0 26px -2px rgba(140,120,255,.45);transition:transform var(--vy-press,90ms) var(--vy-ease-out,ease-out)}.vyn:active .vyn-orb{transform:scale(.94)}.vyn:focus-visible{outline:none}.vyn:focus-visible .vyn-orb{box-shadow:0 0 0 3px #fafafa,0 0 0 5px #52489c,0 8px 22px -6px rgba(82,72,156,.55)}.vyn-dot{position:absolute;top:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#ff5a5f;box-shadow:0 0 0 2px #fafafa}.vyn-label{font-size:11.5px;font-weight:600;line-height:1;color:#52489c}.vyn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.vyn-orb{transition:none}}