:root{--button-radius: var(--radius-sm);--button-default-bg: var(--color-fg);--button-default-bg-hover: hsl(from var(--color-fg) h s l / .9);--button-default-bg-disabled: hsl(from var(--color-fg) h s l / .9);--button-default-fg: var(--color-bg);--button-success-bg: var(--color-spot);--button-success-bg-hover: hsl(from var(--color-spot) h s l / .6);--button-success-bg-disabled: hsl(from var(--color-spot) h s l / .3);--button-success-fg: var(--color-spot-fg);--button-outline-bg: transparent;--button-outline-fg: var(--gray-4);--button-outline-border: var(--gray-14);--button-outline-bg-hover: var(--gray-16);--button-outline-border-left-width: 1px;--button-outline-border-top-width: 1px;--button-outline-border-right-width: 1px;--button-outline-border-bottom-width: 1px;--button-ghost-bg: transparent;--button-ghost-bg-hover: hsl(from var(--gray-15) h s l / .7);--button-ghost-fg: var(--color-fg);--button-secondary-bg: var(--gray-16);--button-secondary-bg-hover: var(--gray-16);--button-secondary-fg: var(--color-fg);--button-link-bg: transparent;--button-link-bg-hover: transparent;--button-link-fg: var(--color-fg);--button-text-bg: transparent;--button-text-fg: hsl(from var(--color-fg) h s l / .6);--button-text-fg-hover: var(--color-fg);--button-text-fg-disabled: hsl(from var(--color-fg) h s l / .4)}.button.svelte-1eteeet{cursor:pointer;flex-shrink:var(--flex-shrink, unset);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--button-tl-radius, var(--button-radius)) var(--button-tr-radius, var(--button-radius)) var(--button-br-radius, var(--button-radius)) var(--button-bl-radius, var(--button-radius));white-space:nowrap;transition-property:box-shadow,color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.25s;gap:var(--size-2);font-weight:500;fill:currentColor}.button.svelte-1eteeet:focus-visible{outline-offset:2px;outline:2px solid hsl(from var(--color-spot) h s l / .2)}.button.svelte-1eteeet:disabled,.button[disabled=true].svelte-1eteeet{opacity:.5;pointer-events:none}.button--size-xs.svelte-1eteeet{height:var(--size-6);padding-inline:var(--size-2);padding-block:var(--size-1);font-size:var(--font-size-text-2xs)}.button--size-sm.svelte-1eteeet{gap:var(--size-1);font-size:var(--font-size-text-sm);height:var(--size-8);padding-inline:var(--size-3);padding-block:var(--size-2)}.button--size-md.svelte-1eteeet{font-size:var(--font-size-text-sm);height:var(--size-11);padding-inline:var(--size-6);padding-block:var(--size-3)}.button--size-lg.svelte-1eteeet{font-size:var(--font-size-text-md);height:var(--size-12);padding-inline:var(--size-8);padding-block:var(--size-3)}.button--size-xl.svelte-1eteeet{height:var(--size-14);font-size:var(--font-size-text-md);padding-inline:var(--size-8);padding-block:var(--size-3)}.button--size-icon.svelte-1eteeet{border-radius:var(--radius-lg);height:var(--size-9);width:var(--size-9);padding:var(--size-1)}.button--size-icon-sm.svelte-1eteeet{height:var(--size-8);width:var(--size-8)}.button--default.svelte-1eteeet{background-color:var(--button-default-bg);border:1px solid hsl(from var(--button-default-bg) h s calc(l*.93));color:var(--button-default-fg);&:hover:not(:disabled){background-color:var(--button-default-bg-hover)}&:disabled{background-color:var(--button-default-bg-disabled)}}.button--success.svelte-1eteeet{background-color:var(--button-success-bg);color:var(--button-success-fg);&:hover{background-color:var(--button-success-bg-hover)}&:disabled:not(:disabled){background-color:var(--button-success-bg-disabled)}}.button--outline.svelte-1eteeet{border-style:solid;border-color:var(--button-outline-border);border-left-width:var(--button-outline-border-left-width);border-top-width:var(--button-outline-border-top-width);border-right-width:var(--button-outline-border-right-width);border-bottom-width:var(--button-outline-border-bottom-width);background-color:var(--button-outline-bg);color:var(--button-outline-fg);&:hover:not(:disabled){background-color:var(--button-outline-bg-hover)}}.button--ghost.svelte-1eteeet{background-color:var(--button-ghost-bg);color:var(--button-ghost-fg);&:hover:not(:disabled){background-color:var(--button-ghost-bg-hover)}}.button--secondary.svelte-1eteeet{background-color:var(--button-secondary-bg);color:var(--button-secondary-fg);&:hover:not(:disabled){background-color:var(--button-secondary-bg-hover)}}.button--link.svelte-1eteeet{background:var(--button-link-bg);color:var(--button-link-fg);text-underline-offset:4px;&:hover:not(:disabled){background-color:var(--button-link-bg-hover);text-decoration:underline}}.button--text.svelte-1eteeet{padding:0;height:auto;background-color:var(--button-text-bg);color:var(--button-text-fg);gap:var(-size-2);&:hover{color:var(--button-text-fg-hover)}&:disabled{color:var(--button-text-fg-disabled)}}.button__icon.svelte-1eteeet,.button--text__icon.svelte-1eteeet{display:grid;place-content:center;border-radius:var(--radius-sm);width:var(--size-5);height:var(--size-5)}
