[data-variant=secondary]{--button-background:var(--clr-surface-100);--button-color:var(--clr-surface-700);--button-border:1px solid;--button-border-color:var(--clr-surface-400);--button-hover-background:var(--clr-surface-200);--button-hover-border-color:var(--clr-surface-600);--button-active-background:var(--clr-surface-100);--button-active-color:var(--clr-brand-400);--button-active-border-color:var(--clr-brand-400)}[data-variant=primary]{--button-background:var(--clr-brand-400);--button-color:var(--clr-surface-100);--button-border:1px solid;--button-border-color:var(--clr-brand-400);--button-hover-background:var(--clr-brand-300);--button-hover-color:var(--clr-surface-100);--button-hover-border-color:var(--clr-brand-300);--button-active-background:var(--clr-brand-500);--button-active-color:var(--clr-surface-100);--button-active-border-color:var(--clr-brand-500)}[data-variant=ghost]{--button-background:transparent;--button-color:var(--clr-surface-700);--button-border:1px solid;--button-border-color:transparent;--button-hover-background:transparent;--button-hover-border-color:transparent;--button-active-background:transparent;--button-active-border-color:transparent}[data-variant=warning]{--button-background:var(--clr-surface-100);--button-color:var(--clr-red-500);--button-border:1px solid;--button-border-color:var(--clr-red-500);--button-hover-background:var(--clr-surface-100);--button-hover-color:var(--clr-red-300);--button-hover-border-color:var(--clr-red-300);--button-active-background:var(--clr-surface-100);--button-active-color:var(--clr-red-600);--button-active-border-color:var(--clr-red-600)}[data-variant=danger]{--button-background:var(--clr-red-400);--button-color:var(--clr-surface-100);--button-border:1px solid;--button-border-color:var(--clr-red-400);--button-hover-background:var(--clr-red-500);--button-hover-color:var(--clr-surface-100);--button-hover-border-color:var(--clr-red-500);--button-active-background:var(--clr-red-300);--button-active-color:var(--clr-surface-100);--button-active-border-color:var(--clr-red-300)}[data-size=small]{--button-font-size:.8125rem;--button-padding:.375em .75em}[data-size=large]{--button-font-size:1rem;--button-padding:.625em 1.25em}[data-size=icon]{--button-padding:.5em;aspect-ratio:1}.button[data-variant].svelte-aegl84{--_button-font-size:var(--button-font-size,1rem);--_button-font-weight:var(--button-font-weight,600);--_button-padding:var(--button-padding,.5rem 1rem);--_button-border-radius:var(--button-border-radius,.5rem);--_button-letter-spacing:var(--button-letter-spacing,.1ch);--_button-hover-l:var(--button-hover-l,-.08);--_button-hover-c:var(--button-hover-c,0);--_button-hover-h:var(--button-hover-h,0);--_button-active-l:var(--button-active-l,-.16);--_button-active-c:var(--button-active-c,0);--_button-active-h:var(--button-active-h,0);padding:var(--_button-padding);border:var(--button-border,0);border-color:var(--button-border-color,currentColor);border-radius:var(--_button-border-radius);font-size:var(--_button-font-size);font-weight:var(--_button-font-weight);letter-spacing:var(--_button-letter-spacing);background-color:var(--button-background);color:var(--button-color);line-height:var(--button-line-height,1);width:var(--button-width,auto);position:relative}.button[data-variant].svelte-aegl84:is(:where(.svelte-aegl84):hover,:where(.svelte-aegl84):focus-visible){background-color:var(--button-hover-background,oklch(from var(--button-background) calc(l + var(--_button-hover-l)) calc(c + var(--_button-hover-c)) calc(h + var(--_button-hover-h))));color:var(--button-hover-color,var(--button-color));border-color:var(--button-hover-border-color,var(--button-border-color,currentColor))}.button[data-variant].svelte-aegl84:active{background-color:var(--button-active-background,oklch(from var(--button-background) calc(l + var(--_button-active-l)) calc(c + var(--_button-active-c)) calc(h + var(--_button-active-h))));color:var(--button-active-color,var(--button-color));border-color:var(--button-active-border-color,var(--button-border-color,currentColor))}.button.svelte-aegl84:disabled,.button[aria-disabled=true].svelte-aegl84{--_button-disabled-opacity:var(--button-disabled-opacity,.45);opacity:var(--_button-disabled-opacity);cursor:not-allowed;pointer-events:none}.button.svelte-aegl84,.button[data-variant=stripped].svelte-aegl84{appearance:none;padding:var(--button-padding,0);gap:var(--button-gap,.5rem);cursor:pointer;vertical-align:middle;background-color:#0000;border:0;justify-content:center;align-items:center;min-width:fit-content;display:inline-flex}