@property --primary-grad-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.button[data-variant].svelte-kv8yyl{--button-padding: .5rem 1rem;--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);padding:var(--button-padding);border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:1;background:var(--button-background);border:var(--button-border);position:relative;letter-spacing:normal;outline:0;z-index:1;isolation:isolate;color:var(--button-text-color)}.button[data-variant].svelte-kv8yyl:is(: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=primary].svelte-kv8yyl{--button-background: var(--clr-brand-400);--button-border: 1px solid var(--clr-brand-400);--button-text-color: var(--clr-surface-100);--button-hover-background: var(--clr-brand-300);--button-border-hover: 1px solid var(--clr-brand-300);--button-text-hover-color: var(--clr-surface-100);--button-active-background: var(--clr-brand-500);--button-border-active: 1px solid var(--clr-brand-500);--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;padding:calc(.5rem - 1px) calc(1rem - 1px);--button-text-color: var(--clr-brand-400);pointer-events:none;cursor:progress;animation:svelte-kv8yyl-primary-gradient-spin 2s linear infinite}.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{--button-padding: 0;appearance:none;border:0;background-color:transparent;cursor:pointer;display:inline-flex;min-width:fit-content;align-items:center;justify-content:center;gap:.5rem}@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}}