@keyframes spinner{to{transform:rotate(360deg)}}.spinner{padding:var(--spacing);display:flex;align-items:center;justify-content:center;position:relative;margin:auto;height:var(--spacing);min-width:var(--spacing);max-width:100%}.spinner:before{content:"";box-sizing:border-box;position:absolute;width:var(--spacing);height:var(--spacing);border-radius:50%;border-top:.125rem solid var(--black);border-right:.125rem solid transparent;animation:spinner .6s infinite linear}@media (prefers-reduced-motion: reduce){.spinner:before{animation:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.spinner--time{height:calc(var(--spacing) * 2);min-width:calc(var(--spacing) * 2)}.spinner--time:before{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}