@property --mv-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.mv-ring{border-radius:var(--mv-ring-radius,9999px);padding:var(--mv-ring-width,2px);background:conic-gradient(from var(--mv-ring-angle), var(--mv-green-dark), var(--mv-green), var(--mv-green-light), var(--mv-lime) 62%, white 70%, var(--mv-green-light) 78%, var(--mv-green-dark));display:inline-flex}.mv-ring>*{border-radius:calc(var(--mv-ring-radius,9999px) - var(--mv-ring-width,2px))}@media (prefers-reduced-motion:no-preference){.mv-ring{animation:4s linear infinite mv-ring-turn}.mv-ring:hover,.mv-ring:focus-within{animation-duration:1.6s}}@keyframes mv-ring-turn{to{--mv-ring-angle:360deg}}