:where(.Spinner){--Spinner-api-color:currentColor;--Spinner-api-size:16px;--Spinner-api-strokeWidth:1px;--Spinner-api-arcRatio:.75;--Spinner-api-duration-rotation:2s;--Spinner-api-duration-trace:1.5s}.Spinner{width:var(--Spinner-api-size);max-width:var(--Spinner-api-size);height:var(--Spinner-api-size);max-height:var(--Spinner-api-size);transform-origin:50%;animation:Spinner-arcRotation var(--Spinner-api-duration-rotation)linear infinite}.Spinner>circle{--Spinner-private-circumference:calc(var(--Spinner-api-size)*3.1416);vector-effect:non-scaling-stroke;fill:none;stroke:currentColor;stroke-dasharray:calc(var(--Spinner-api-strokeWidth)/2),calc(var(--Spinner-private-circumference)*2);stroke-dashoffset:calc(var(--Spinner-api-strokeWidth)/-4);stroke-linecap:round;stroke-width:var(--Spinner-api-strokeWidth);animation:Spinner-arcTrace var(--Spinner-api-duration-trace)var(--ease-in-out)infinite}:where(.Spinner[data-size="16"]){--Spinner-api-size:16px;--Spinner-api-strokeWidth:1px}:where(.Spinner[data-size="24"]){--Spinner-api-size:24px;--Spinner-api-strokeWidth:2px}:where(.Spinner[data-size="32"]){--Spinner-api-size:32px;--Spinner-api-strokeWidth:3px}@keyframes Spinner-arcRotation{to{transform:rotate(360deg)}}@keyframes Spinner-arcTrace{0%{stroke-dasharray:1px,calc(var(--Spinner-private-circumference)*2);stroke-dashoffset:-.5px;stroke-width:var(--hairline)}50%{stroke-dasharray:calc(var(--Spinner-private-circumference)*var(--Spinner-api-arcRatio)),calc(var(--Spinner-private-circumference)*(2 - var(--Spinner-api-arcRatio)));stroke-dashoffset:calc(var(--Spinner-private-circumference)*(var(--Spinner-api-arcRatio) - 1));stroke-width:var(--Spinner-api-strokeWidth)}to{stroke-dasharray:calc(var(--Spinner-private-circumference)*var(--Spinner-api-arcRatio)),calc(var(--Spinner-private-circumference)*(2 - var(--Spinner-api-arcRatio)));stroke-dashoffset:calc((var(--Spinner-private-circumference)*-1) + 1px);stroke-width:var(--hairline)}}