@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border-width:(32px / 8);box-sizing:border-box;width:32px;height:32px;padding:0;display:inline-block;position:relative}.spinner:before,.spinner:after{box-sizing:border-box;content:"";border-style:solid;border-radius:50%;width:32px;height:32px;display:block;position:absolute;top:0;left:0}.spinner:before{border-color:inherit;opacity:.2}.spinner:after{border-bottom-color:#0000;border-left-color:inherit;color:var(--teal);border-top-color:#0000;border-right-color:#0000;animation:.8s linear infinite spin;transform:translateZ(0)}.spinner--small{width:16px;height:16px}.spinner--small:before,.spinner--small:after{border-width:2px;width:16px;height:16px}.spinner--big{width:40px;height:40px}.spinner--big:before,.spinner--big:after{border-width:5px;width:40px;height:40px}