.spinner{--spinner-size:22px;width:var(--spinner-size);height:var(--spinner-size);color:var(--fg-hint);flex-shrink:0;display:inline-flex}.spinner[data-size=sm]{--spinner-size:18px}.spinner[data-tone=inherit]{color:inherit}.spinner[data-delay]{animation:.2s ease-out .2s both spinner-in}.spinner__svg{width:100%;height:100%;animation:.8s linear infinite spinner-turn}.spinner__arc{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:28 100;transform-origin:50%;transition:stroke-dasharray .24s ease-out;transform:rotate(-90deg)}.spinner[data-still] .spinner__svg{animation:none}.spinner[data-still] .spinner__arc{transition:none}@keyframes spinner-turn{to{transform:rotate(360deg)}}@keyframes spinner-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.spinner__svg{animation-duration:2s}.spinner__arc{transition:none}}