@keyframes stateful-btn-spin{to{transform:rotate(1turn)}}.stateful-btn{position:relative}.stateful-btn__overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.stateful-btn--success .stateful-btn__overlay{color:var(--green-500)}.stateful-btn--error .stateful-btn__overlay{color:var(--red-500)}.stateful-btn__overlay svg{width:auto;height:90%}.stateful-btn__loader-wrap{--size:calc(var(--spacing) * 6);width:var(--size);height:var(--size);overflow:hidden}.stateful-btn__loader{width:var(--size);height:var(--size);border-radius:50%;padding:calc(var(--size) * .2);background-color:var(--blue-500);-webkit-mask:conic-gradient(transparent 10%,rgba(0,0,0,1)),linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)) content-box;mask:conic-gradient(transparent 10%,rgba(0,0,0,1)),linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)) content-box;-webkit-mask-composite:source-out;mask-composite:subtract;animation:stateful-btn-spin 1s linear infinite}