.spinner{--spinner-color:var(--brand);box-sizing:border-box;border:2px solid color-mix(in srgb, var(--spinner-color) 24%, transparent);border-top-color:var(--spinner-color);vertical-align:middle;visibility:hidden;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.spinner[data-shown]{visibility:visible}.spinner--md{border-width:3px;width:28px;height:28px}:is(button,.button) .spinner{--spinner-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.spinner-status{place-items:center;display:inline-grid}.busy-label{align-items:center;display:inline-flex;position:relative}.busy-label>.spinner{margin-top:-8px;position:absolute;top:50%;right:calc(100% + 6px)}.busy-label:has(>.spinner[data-shown]){translate:11px}.spinner-overlay{z-index:var(--z-modal);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.spinner-overlay-plate{background:var(--surface);width:64px;height:64px;box-shadow:var(--shadow-popover);visibility:hidden;border-radius:16px;place-items:center;display:grid}.spinner-overlay[data-shown] .spinner-overlay-plate{visibility:visible}