: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)}}