.button.svelte-1klcfz0{--travel:0px;--depth:2px;--face:var(--surface);--foot:var(--base);border-radius:var(--radius-pill);color:var(--ink);vertical-align:middle;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-self:start;padding:0 0 2px;font-weight:500;display:inline-flex;position:relative}.face.svelte-1klcfz0{width:100%;min-height:var(--control-size);border:var(--border-width) solid var(--edge);border-radius:inherit;padding:10px var(--content-padding);background:var(--face);transform:translateY(var(--travel));box-shadow:0 var(--depth) 0 var(--foot), 0 3px 6px var(--shadow);justify-content:center;align-items:center;transition:background .1s;display:flex}.content.svelte-1klcfz0{justify-content:center;align-items:center;gap:10px;display:flex}.primary.svelte-1klcfz0{--face:var(--accent);--muted:var(--accent-ink);--foot:var(--accent-base);color:var(--accent-ink)}.danger.svelte-1klcfz0{color:var(--error)}.primary.svelte-1klcfz0 .face:where(.svelte-1klcfz0){border-color:var(--accent-base)}.danger.svelte-1klcfz0 .face:where(.svelte-1klcfz0){border-color:var(--error)}.quiet.svelte-1klcfz0 .face:where(.svelte-1klcfz0){box-shadow:none;background:0 0;border-color:#0000}.button[aria-pressed=true].svelte-1klcfz0{color:var(--accent-ink)}.button[aria-pressed=true].svelte-1klcfz0 .face:where(.svelte-1klcfz0){background:var(--accent);box-shadow:var(--shadow-inset);transform:translateY(2px)}.icon.svelte-1klcfz0 .face:where(.svelte-1klcfz0){width:var(--control-size);padding:0}.small.svelte-1klcfz0{width:var(--control-size);height:var(--control-size);justify-content:center;align-items:center;padding:0}.small.svelte-1klcfz0 .face:where(.svelte-1klcfz0){width:calc(8.5 * var(--space-unit));min-height:calc(8.5 * var(--space-unit))}.quiet.svelte-1klcfz0:active:not(:disabled) .face:where(.svelte-1klcfz0){background:var(--well)}.loading.svelte-1klcfz0{visibility:hidden}.loading-label.svelte-1klcfz0{place-items:center;display:grid;position:absolute;inset:0}.button.svelte-1klcfz0:disabled{opacity:var(--disabled-opacity);cursor:default}.button.svelte-1klcfz0:focus-visible{outline:2px solid var(--focus);outline-offset:4px}@media (hover:hover){.button.svelte-1klcfz0:not(.primary):not(:disabled):not([aria-pressed=true]):hover .face:where(.svelte-1klcfz0){background:var(--hover)}.primary.svelte-1klcfz0:not(:disabled):hover .face:where(.svelte-1klcfz0){background:var(--accent)}}