.wsui-spinner{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:currentColor}
.wsui-spinner[hidden]{display:none}
.wsui-spinner-mark{width:1.25rem;height:1.25rem;border:.18rem solid currentColor;border-right-color:transparent;border-radius:999px;animation:wsui-spinner-rotate .8s linear infinite;opacity:.85}
.wsui-spinner.is-xs .wsui-spinner-mark{width:.85rem;height:.85rem;border-width:.14rem}
.wsui-spinner.is-sm .wsui-spinner-mark{width:1rem;height:1rem;border-width:.16rem}
.wsui-spinner.is-lg .wsui-spinner-mark{width:1.7rem;height:1.7rem;border-width:.22rem}
.wsui-spinner.is-block{display:flex;min-height:86px}
.wsui-spinner.is-overlay,.wsui-loading-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18);backdrop-filter:blur(2px)}
.wsui-spinner.is-button{display:inline-flex;margin-inline-end:.15rem}
.wsui-spinner.is-inverse{color:#fff}
.wsui-spinner.is-accent{color:var(--wsui-accent,#e4c463)}
.wsui-spinner-label{font-size:.92rem;color:inherit}
@keyframes wsui-spinner-rotate{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.wsui-spinner-mark{animation:none;border-right-color:currentColor;opacity:.45}}
