.dial-tip{position:absolute;left:0;top:0;width:0;height:0}.dial-tip-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:dial-ring 1.6s ease-out .22s infinite}.dial-tip-line{position:absolute;left:-.5px;bottom:6px;width:1px;height:26px;background:linear-gradient(0deg,currentColor,rgba(255,255,255,.5));transform-origin:bottom;animation:dial-grow .22s ease-out both}.dial-tip-words{position:absolute;bottom:36px;left:0;width:-moz-max-content;width:max-content;max-width:min(300px,80vw);transform:translateX(calc(-50% + var(--shift, 0px)));animation:dial-rise .16s ease-out .14s both}.dial-tip[data-below] .dial-tip-line{bottom:auto;top:6px;transform-origin:top;background:linear-gradient(180deg,currentColor,rgba(255,255,255,.5))}.dial-tip[data-below] .dial-tip-words{bottom:auto;top:36px}.dial-tip .dial-tip-words{background:rgba(12,12,18,.92)}@keyframes dial-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes dial-rise{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0 0}}@keyframes dial-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 60%,transparent)}to{box-shadow:0 0 0 10px transparent}}@media (prefers-reduced-motion:reduce){.dial-tip-dot,.dial-tip-line,.dial-tip-words{animation:none}}