.button.svelte-kv8yyl{--font:var(--button-font);--letter-spacing:normal;--color:var(--light);--bg:var(--dark);--bg-hover:var(--dark-hover);--shadow:none;--shadow-hover:none;--border-color:transparent;--border-width:0;--border-radius:6px;--padding:10px 20px;align-items:center;justify-content:var(--justify-content,initial);appearance:none;white-space:nowrap;min-width:var(--min-width,auto);padding:var(--padding);font:var(--font);letter-spacing:var(--letter-spacing);color:var(--color);background:var(--bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);justify-self:start;gap:12px;margin:0;display:inline-flex;&:hover{--bg:var(--bg-hover);--shadow:var(--shadow-hover)}}.secondary.svelte-kv8yyl{--color:var(--dark);--bg:var(--grey-button);--bg-hover:var(--grey-button-hover)}.accent.svelte-kv8yyl{--bg:var(--accent-primary-color);--bg-hover:var(--accent-primary-hover-color);--color:var(--button-accent-color)}.surface.svelte-kv8yyl{--bg:var(--button-surface-bg);--bg-hover:var(--button-surface-hover-bg);--color:var(--button-surface-color);--shadow:var(--button-surface-shadow);--shadow-hover:var(--button-surface-hover-shadow)}.box.svelte-kv8yyl{--bg:var(--button-box-bg);--bg-hover:var(--button-box-hover-bg);--color:var(--button-box-color);--shadow:var(--button-box-shadow);--shadow-hover:var(--button-box-hover-shadow)}.typo.svelte-kv8yyl{--font:var(--text-minor-font);--letter-spacing:var(--text-minor-letter-spacing);--padding:6px 16px;--border-radius:4px;font-weight:var(--text-minor-font-weight-accent)}.fill.svelte-kv8yyl{display:flex}.muted.svelte-kv8yyl{pointer-events:none;opacity:.8}.counter.svelte-kv8yyl{color:var(--button-box-counter-color);background:var(--button-box-counter-bg);border-radius:12px;margin-right:-8px;padding:0 6px;font-size:11px;font-weight:400;transition:background-color .16s;.button:where(.svelte-kv8yyl):hover &{background:var(--button-box-counter-hover-bg)}}