.button.svelte-y4pous{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs, .25rem);background-color:var(--background);border:none;border-radius:var(--rounded-small);cursor:pointer;transition:background-color .15s ease;color:var(--color);font-family:inherit;font-weight:500;text-decoration:none;white-space:nowrap}.button.color-naked.svelte-y4pous{box-shadow:none!important}.button.svelte-y4pous:focus{outline:2px solid var(--gray-900)}.button.svelte-y4pous:disabled{opacity:.6;cursor:not-allowed}.size-xs.svelte-y4pous{padding:var(--space-xs) var(--space-sm) calc(var(--space-xs) - var(--nb-border-size));font-size:var(--font-sm)}.size-sm.svelte-y4pous{padding:var(--space-xs) var(--space-sm) calc(var(--space-xs) - var(--nb-border-size));font-size:var(--font-base)}.size-md.svelte-y4pous{padding:var(--space-sm) var(--space-md) calc(var(--space-sm) - var(--nb-border-size));font-size:var(--font-base)}.size-lg.svelte-y4pous{padding:var(--space-md) var(--space-lg) calc(var(--space-md) - var(--nb-border-size));font-size:var(--font-color-red)}.variant-square.size-sm.svelte-y4pous{padding:var(--space-xs) var(--space-xs) calc(var(--space-xs) - var(--nb-border-size))}.variant-square.size-md.svelte-y4pous{padding:var(--space-sm) var(--space-sm) calc(var(--space-sm) - var(--color-red))}.variant-square.size-lg.svelte-y4pous{padding:var(--space-md) var(--space-md) calc(var(--space-md) - var(--nb-border-size))}.color-primary.svelte-y4pous{--background: var(--color-primary);--color: var(--gray-900)}.color-primary.svelte-y4pous:hover:not(:disabled),.color-primary.svelte-y4pous:focus:not(:disabled){--background: color-mix(in srgb, var(--color-primary) 85%, white)}.color-primary.svelte-y4pous:active:not(:disabled){--background: color-mix(in srgb, var(--color-primary) 70%, white)}.color-gray.svelte-y4pous{--background: var(--gray-50);--color: var(--gray-900)}.color-gray.svelte-y4pous:hover:not(:disabled),.color-gray.svelte-y4pous:focus:not(:disabled){--background: color-mix(in srgb, var(--gray-50) 95%, black)}.color-gray.svelte-y4pous:active:not(:disabled){--background: color-mix(in srgb, var(--gray-50) 85%, black)}.color-red.svelte-y4pous{--background: var(--color-red);--color: #fff}.color-red.svelte-y4pous:hover:not(:disabled),.color-red.svelte-y4pous:focus:not(:disabled){--background: color-mix(in srgb, var(--color-red) 95%, white)}.color-red.svelte-y4pous:active:not(:disabled){--background: color-mix(in srgb, var(--color-red) 85%, white)}.color-black.svelte-y4pous{--background: #222;--color: #fff}.color-black.svelte-y4pous:hover:not(:disabled){--background: #444}.color-black.svelte-y4pous:active:not(:disabled){--background: #666}.color-naked.svelte-y4pous{--background: transparent;--color: var(--gray-900)}.button-full-width.svelte-y4pous{width:100%}.button-loading.svelte-y4pous{cursor:wait}.button-content.svelte-y4pous{transition:opacity .15s ease}.button-content-loading.svelte-y4pous{opacity:.6}.spinner.svelte-y4pous{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:svelte-y4pous-spin .6s linear infinite}@keyframes svelte-y4pous-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}