.spinner{display:inline-block;flex:none;inline-size:var(--spinner-size,20px);block-size:var(--spinner-size,20px);box-sizing:border-box;vertical-align:-.15em}.spinner::before{content:"";display:block;width:100%;height:100%;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}.spinner-small{--spinner-size:16px}.spinner-large{--spinner-size:32px}@keyframes spinner-turn{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:no-preference){.spinner{border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spinner-turn calc(var(--motion-normal)*3) linear infinite}.spinner::before{display:none}}[data-motion=none] .spinner,.spinner[data-motion=none]{animation:none;border:0;transform:none}[data-motion=none] .spinner::before,.spinner[data-motion=none]::before{display:block}