.button.svelte-er4ugn{border-radius:var(--radius-pill);white-space:nowrap;min-height:2.75rem;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.375rem;font-size:.875rem;font-weight:700;display:inline-flex;position:relative}.button.svelte-er4ugn:active{transform:scale(.97)}.button.svelte-er4ugn:focus-visible{outline-offset:.125rem;outline:.1875rem solid #3759ff4d}.button.full.svelte-er4ugn{width:100%}.button.disabled.svelte-er4ugn,.button.svelte-er4ugn:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}.button.primary.svelte-er4ugn{background:var(--color-brand);color:var(--color-text-on-brand)}.button.primary.svelte-er4ugn:not(:disabled):not(.disabled):hover{background:var(--color-brand-hover);box-shadow:0 .25rem .875rem #8dd92e66}.button.outline.svelte-er4ugn{border:1px solid var(--color-text);color:var(--color-text);background:#ffffff61}.button.outline.svelte-er4ugn:not(:disabled):not(.disabled):hover{background:#0f0f100d}.button.danger.svelte-er4ugn{background:var(--color-danger);color:var(--color-text-inverse)}.button.danger.svelte-er4ugn:not(:disabled):not(.disabled):hover{background:color-mix(in srgb, var(--color-danger) 86%, black)}.button.danger-outline.svelte-er4ugn{border:.125rem solid var(--color-danger);background:var(--color-surface);color:var(--color-danger)}.button.danger-outline.svelte-er4ugn:not(:disabled):not(.disabled):hover{background:color-mix(in srgb, var(--color-danger) 9%, white)}.button.svelte-er4ugn .spinner:where(.svelte-er4ugn){border:.125rem solid;border-right-color:#0000;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite svelte-er4ugn-spin;position:absolute}.button.svelte-er4ugn .content:where(.svelte-er4ugn){justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.button.svelte-er4ugn .content.hidden:where(.svelte-er4ugn){opacity:0}.button.svelte-er4ugn .content:where(.svelte-er4ugn) .button_icon{flex:none}@keyframes svelte-er4ugn-spin{to{transform:rotate(360deg)}}