@keyframes stateful-btn-spin{to{transform:rotate(1turn)}}.stateful-btn{position:relative}.stateful-btn__overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.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);padding:calc(var(--size) * .2);background-color:var(--blue-500);-webkit-mask-composite:source-out;border-radius:50%;animation:1s linear infinite stateful-btn-spin;-webkit-mask-image:conic-gradient(#0000 10%,#000),linear-gradient(#000,#000);mask-image:conic-gradient(#0000 10%,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,content-box;mask-clip:border-box,content-box;-webkit-mask-origin:border-box,content-box;mask-origin:border-box,content-box;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}