.dial-cursor,.svg-pivot{transform-box:view-box;transform-origin:50% 50%}.dial-cursor{transform:rotate(var(--sel,0deg));transition:transform var(--dur-spring-snappy) var(--ease-spring-snappy),opacity .2s var(--ease-out-quad)}.ring-arc{animation:ring-fill 1.1s var(--ease-out-quint) .14s both}@keyframes ring-fill{0%{stroke-dashoffset:100}}.ring-tip{transform-box:view-box;transform-origin:50% 50%;transform:rotate(var(--deg,0deg));animation:ring-tip-travel 1.1s var(--ease-out-quint) .14s both}@keyframes ring-tip-travel{0%{transform:rotate(0deg);opacity:0}30%{opacity:1}to{transform:rotate(var(--deg,0deg));opacity:1}}