.cf-spinner{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cf-spinner__ring{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;animation:.7s linear infinite cf-spin;display:block}.cf-spinner--sm .cf-spinner__ring{width:14px;height:14px}.cf-spinner--md .cf-spinner__ring{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.cf-spinner__ring{animation-duration:2.4s}}