@layer states{[hidden]{display:none}:where(main,#modal-container) button.is-loading{position:relative;color:transparent;cursor:wait}:where(main,#modal-container) button.is-loading::after{content:"";position:absolute;inset:0;margin:auto;width:1em;height:1em;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}:where(main,#modal-container) button[data-variant=outline].is-loading::after{border-color:var(--accent);border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){main *,main *::before,main *::after,.scrim,.drawer{transition:none;animation:none}:where(main,#modal-container) button.is-loading::after{animation:none}}:where(main,#modal-container) select{font-size:var(--fs-xs)!important;color:var(--text-muted)!important}}