.btn.svelte-18sv61c{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--size-element-gap);font-family:var(--font-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border:var(--border-width) solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-small.svelte-18sv61c{padding:4px 8px;border-radius:var(--size-element-radius)}.btn-regular.svelte-18sv61c{padding:8px 12px;border-radius:var(--size-element-radius)}.btn-large.svelte-18sv61c{padding:12px 24px;border-radius:var(--size-element-radius)}.btn-solid.svelte-18sv61c{background:var(--btn-bg, var(--brand-primary));color:var(--btn-text, var(--common-black));border-color:transparent}.btn-solid.svelte-18sv61c:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-solid.svelte-18sv61c:active:not(:disabled){transform:translateY(0)}.btn-outlined.svelte-18sv61c{background:transparent;color:var(--btn-text, var(--text-headings));border-color:var(--btn-border, var(--text-soft))}.btn-outlined.svelte-18sv61c:hover:not(:disabled){background:var(--text-weak);border-color:var(--text-neutral)}.btn-ghost.svelte-18sv61c{background:var(--btn-bg, var(--text-weak));color:var(--btn-text, var(--text-headings));border-color:transparent}.btn-ghost.svelte-18sv61c:hover:not(:disabled){background:var(--text-muted)}.btn-text.svelte-18sv61c{background:transparent;color:var(--btn-text, var(--text-headings));border-color:transparent}.btn-text.svelte-18sv61c:hover:not(:disabled){background:var(--text-weak)}.btn.svelte-18sv61c:disabled,.btn.disabled.svelte-18sv61c{cursor:not-allowed;opacity:.5;filter:grayscale(1);pointer-events:none}.btn.full-width.svelte-18sv61c{width:100%}.btn-align-left.svelte-18sv61c{justify-content:flex-start}.btn-align-center.svelte-18sv61c{justify-content:center}.btn-align-right.svelte-18sv61c{justify-content:flex-end}.btn.loading.svelte-18sv61c{cursor:wait}.btn-content.svelte-18sv61c{display:flex;flex-direction:row;align-items:center;gap:inherit}.btn-content.loading.svelte-18sv61c{opacity:0}.spinner.svelte-18sv61c{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-18sv61c-spin .6s linear infinite}@keyframes svelte-18sv61c-spin{to{transform:rotate(360deg)}}