.spinner{--spinner-size:20px;--spinner-thickness:max(2px, calc(var(--spinner-size) * .14));width:var(--spinner-size);height:var(--spinner-size);color:inherit;background:radial-gradient(farthest-side, currentColor 92%, transparent) top/var(--spinner-thickness) var(--spinner-thickness) no-repeat,conic-gradient(from 0deg, transparent 0 22%, currentColor 100%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--spinner-thickness) - .5px), #000 calc(100% - var(--spinner-thickness) + .5px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--spinner-thickness) - .5px), #000 calc(100% - var(--spinner-thickness) + .5px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--spinner-thickness) - .5px), #000 calc(100% - var(--spinner-thickness) + .5px));will-change:transform;border-radius:50%;flex-shrink:0;animation:.9s linear infinite spinner-rotate;display:inline-block}.spinner--light{color:#fff}.spinner--dark{color:#0a0a0a}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.spinner-block{padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-secondary);flex:1;justify-content:center;align-items:center;display:flex}@keyframes spinner-rotate{to{transform:rotate(1turn)}}