.spinner{display:inline-block;position:relative;flex-shrink:0;border-style:solid;border-radius:50%;animation:spinner-rotate var(--spinner-duration,.45s) linear infinite;border-color:var(--spinner-track-color);border-top-color:var(--spinner-color,var(--interactive-accent));opacity:var(--spinner-opacity,1);transition:opacity .2s ease}.spinner--inherit{width:1em;height:1em;border-width:2px}.spinner--xs{width:.75rem;height:.75rem;border-width:2px}.spinner--sm{width:1rem;height:1rem;border-width:2px}.spinner--md{width:1.5rem;height:1.5rem;border-width:3px}.spinner--lg{width:2rem;height:2rem;border-width:4px}.spinner--xl{width:3rem;height:3rem;border-width:5px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:.01s}}.spinner--inverse{border-color:var(--spinner-track-color,rgba(255,255,255,.25));border-top-color:var(--spinner-color,var(--text-inverse))}.spinner--subtle{border-color:var(--spinner-track-color);border-top-color:var(--spinner-color)}.spinner--accent{border-color:var(--surface-accent-muted);border-top-color:var(--interactive-accent)}.spinner--hidden{opacity:0;pointer-events:none}.spinner__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}