@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}.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)}