@property --primary-grad-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes svelte-kv8yyl-primary-gradient-spin{to{--primary-grad-angle:360deg}}@media (prefers-reduced-motion:reduce){.button[data-variant=primary][data-loading].svelte-kv8yyl{animation:none}}.button[data-variant].svelte-kv8yyl{--button-border-radius:.5rem;--button-font-size:.875rem;--button-font-weight:450;--button-background:var(--clr-surface-100);--button-hover-background:var(--clr-surface-200);--button-active-background:var(--clr-surface-100);--button-border:1px solid var(--clr-surface-400);--button-border-hover:1px solid var(--clr-surface-600);--button-border-active:1px solid var(--clr-brand-400);--button-text-color:var(--clr-surface-700);--button-text-hover-color:var(--clr-surface-700);--button-text-active-color:var(--clr-brand-400);cursor:pointer;padding:var(--button-padding,.5rem 1rem);border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);background:var(--button-background);border:var(--button-border);letter-spacing:normal;isolation:isolate;color:var(--button-text-color);outline:0;line-height:1;position:relative}.button[data-variant].svelte-kv8yyl:where(.svelte-kv8yyl):hover{background-color:var(--button-hover-background);border:var(--button-border-hover);color:var(--button-text-hover-color)}.button[data-variant].svelte-kv8yyl:active{background-color:var(--button-active-background);border:var(--button-border-active);color:var(--button-text-active-color)}.button[data-variant].svelte-kv8yyl:disabled{background-color:oklch(from var(--button-background) l c h / .7);border:oklch(from var(--button-border) l c h / .7);cursor:not-allowed;--button-hover-background:var(--button-background);--button-border-hover:var(--button-border);--button-text-hover-color:var(--button-text-color)}.button[data-variant=primary].svelte-kv8yyl{--button-background:var(--clr-brand-800);--button-border:1px solid var(--clr-brand-800);--button-text-color:var(--clr-surface-100);--button-hover-background:var(--clr-brand-700);--button-border-hover:1px solid var(--clr-brand-700);--button-text-hover-color:var(--clr-surface-100);--button-active-background:var(--clr-brand-900);--button-border-active:1px solid var(--clr-brand-900);--button-text-active-color:var(--clr-surface-100)}.button[data-variant=primary][data-loading].svelte-kv8yyl{--button-background:linear-gradient(var(--clr-brand-1000) 0 0) padding-box, conic-gradient(from var(--primary-grad-angle), var(--clr-brand-200), var(--clr-brand-400), var(--clr-brand-800), var(--clr-brand-400), var(--clr-brand-200), var(--clr-brand-400), var(--clr-brand-600), var(--clr-brand-400), var(--clr-brand-200)) border-box;--button-border:2px solid transparent;--button-text-color:var(--clr-brand-400);pointer-events:none;cursor:progress;padding:calc(.5rem - 1px) calc(1rem - 1px);animation:2s linear infinite svelte-kv8yyl-primary-gradient-spin}.button[data-variant=secondary].svelte-kv8yyl{--button-background:var(--clr-surface-100)}.button[data-variant=ghost].svelte-kv8yyl{--button-border:1px solid transparent;--button-background:transparent;--button-hover-background:transparent;--button-border-hover:1px solid transparent;--button-active-background:transparent;--button-border-active:1px solid transparent}.button[data-variant=warning].svelte-kv8yyl{--button-background:var(--clr-surface-100);--button-text-color:var(--clr-red-500);--button-border:1px solid var(--clr-red-500);--button-hover-background:var(--clr-surface-100);--button-text-hover-color:var(--clr-red-300);--button-border-hover:1px solid var(--clr-red-300);--button-active-background:var(--clr-surface-100);--button-text-active-color:var(--clr-red-600);--button-border-active:1px solid var(--clr-red-600)}.button[data-variant=danger].svelte-kv8yyl{--button-background:var(--clr-red-400);--button-text-color:var(--clr-surface-100);--button-border:1px solid var(--clr-red-400);--button-hover-background:var(--clr-red-500);--button-text-hover-color:var(--clr-surface-100);--button-border-hover:1px solid var(--clr-red-500);--button-active-background:var(--clr-red-300);--button-text-active-color:var(--clr-surface-100);--button-border-active:1px solid var(--clr-red-300)}.button.svelte-kv8yyl,.button[data-variant=stripped].svelte-kv8yyl{appearance:none;cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;gap:.5rem;min-width:fit-content;display:inline-flex}