.button.svelte-x4wtex{--main-color:var(--color-accent-rgb);--contrast-color:var(--color-text);appearance:none;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-hairline);border-radius:var(--radius-button);border:none;font-weight:700;text-decoration:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex}.button.svelte-x4wtex .icon:where(.svelte-x4wtex){width:24px;height:24px;position:relative;top:-1px}.button.svelte-x4wtex:disabled{cursor:not-allowed}.button.svelte-x4wtex:disabled:hover{box-shadow:none!important}.button.svelte-x4wtex.color--primary{--main-color:var(--color-accent-rgb);--contrast-color:var(--color-surface)}.button.svelte-x4wtex.color--secondary{--main-color:var(--color-text-rgb);--contrast-color:var(--color-surface)}.button.svelte-x4wtex.style--solid{background-color:rgb(var(--main-color));color:var(--contrast-color)}.button.svelte-x4wtex.style--solid:hover{box-shadow:0 0 1px 7px rgba(var(--main-color), var(--opacity-border))}.button.svelte-x4wtex.style--understated{background-color:rgba(var(--main-color), var(--opacity-wash));color:rgb(var(--main-color))}.button.svelte-x4wtex.style--understated:hover{box-shadow:0 0 1px 7px rgba(var(--main-color), var(--opacity-border))}.button.svelte-x4wtex.style--clear{color:rgb(var(--main-color));background-color:#0000}.button.svelte-x4wtex.style--clear:hover{background-color:rgba(var(--main-color), var(--opacity-wash))}.button.svelte-x4wtex.style--ghost{color:rgb(var(--main-color));border:1px solid rgba(var(--main-color), var(--opacity-border));background-color:#0000}.button.svelte-x4wtex.style--ghost:hover{border-color:rgba(var(--main-color), var(--opacity-half));background-color:rgba(var(--main-color), var(--opacity-tint))}.button.svelte-x4wtex.size--small{padding:var(--space-hairline) var(--space-tight);font-size:var(--text-caption)}.button.svelte-x4wtex.size--small .icon:where(.svelte-x4wtex){width:20px;height:20px}.button.svelte-x4wtex.size--medium{padding:var(--space-tight) var(--space-button-x);font-size:var(--text-ui)}.button.svelte-x4wtex.size--large{padding:var(--space-stack) var(--space-group);font-size:var(--text-large)}.button.svelte-x4wtex.size--large .icon:where(.svelte-x4wtex){width:28px;height:28px}