@keyframes spin{0%{transform:rotate(0);opacity:1}50%{opacity:.7}to{transform:rotate(360deg);opacity:1}}.spinner{--spinnerSize: .75rem;--spinenrBorder: var(--shade01);display:inline-block;position:relative;margin:auto;height:var(--spinnerSize);width:var(--spinnerSize);max-width:100%;pointer-events:none}.spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:var(--spinnerSize);height:var(--spinnerSize);margin-top:calc(-1 * var(--spinnerSize) / 2);margin-left:calc(-1 * var(--spinnerSize) / 2);border-radius:50%;border:2px solid var(--spinenrBorder);border-top-color:var(--green-200);animation:spin 1.2s infinite cubic-bezier(.7,.15,.3,.85)}