.button.svelte-hruzdq{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--children-gap, .5rem);padding:var(--button-padding-y, .75rem) var(--button-padding-x, .5rem);border-radius:.5rem;outline:1px solid transparent;outline-offset:2px;color:var(--color-100);font-size:1rem;font-weight:700;font-stretch:100%;white-space:nowrap;line-height:1.125em;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-user-select:none;transition-property:opacity,background-color,box-shadow,outline-color;transition-duration:.2s;transition-timing-function:var(--ease-out-cubic)}.button.svelte-hruzdq:disabled{opacity:.5;cursor:not-allowed;mix-blend-mode:luminosity}.button.svelte-hruzdq:focus-visible{outline-color:var(--color-500)}.button.svelte-hruzdq[data-size="1"]{--button-padding-x: .625rem;--button-padding-y: .375rem;--children-gap: .375rem;border-radius:.375rem;font-size:.875rem}.button.svelte-hruzdq[data-size="2"]{--button-padding-x: .75rem;--button-padding-y: .5rem;--children-gap: .5rem;border-radius:.5rem;font-size:1rem}.button.svelte-hruzdq[data-size="3"]{--button-padding-x: .875rem;--button-padding-y: .625rem;--children-gap: .625rem;border-radius:.625rem;font-size:1.125rem}.button.svelte-hruzdq[data-icon-only=true]{padding:var(--button-padding-y, .5rem)}.button.svelte-hruzdq[data-variant=solid]{background-color:var(--color-700)}@media (hover: hover){.button.svelte-hruzdq[data-variant=solid]:hover{background-color:var(--color-600)}}.button.svelte-hruzdq[data-variant=solid]:active{background-color:var(--color-700)}.button.svelte-hruzdq[data-variant=outline]{background-color:transparent;color:var(--color-100);box-shadow:0 0 0 1px var(--color-700)}@media (hover: hover){.button.svelte-hruzdq[data-variant=outline]:hover{background-color:var(--color-700);box-shadow:0 0 0 1px var(--color-600)}}.button.svelte-hruzdq[data-variant=outline]:active{background-color:var(--color-800);box-shadow:0 0 0 1px var(--color-700)}.button.svelte-hruzdq[data-variant=ghost]{background-color:transparent;color:var(--color-100)}@media (hover: hover){.button.svelte-hruzdq[data-variant=ghost]:hover{background-color:var(--color-700)}}.button.svelte-hruzdq[data-variant=ghost]:active{background-color:var(--color-800)}.button.svelte-hruzdq svg{width:1em;height:1em}.button.svelte-hruzdq svg *{fill:currentColor}