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