.button.svelte-38ednm{--_ease:cubic-bezier(.76, 0, .24, 1);isolation:isolate;border-radius:calc(var(--border-radius) * 1.5);box-sizing:border-box;cursor:pointer;font-family:var(--font-family);letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--btn-fg);touch-action:manipulation;transition:color var(--transition-duration), background-color var(--transition-duration), box-shadow .35s var(--_ease), scale .15s ease-out;background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;line-height:1;text-decoration:none;display:flex;position:relative}.button.svelte-38ednm:not(.only-icon){padding:var(--button-padding,15px 26px)}.button.only-icon.svelte-38ednm{aspect-ratio:1;padding:var(--button-padding,15px 17px)}.label.svelte-38ednm{padding:1px 0;display:inline-flex;position:relative;overflow:hidden}.label-line.svelte-38ednm{justify-content:center;align-items:center;gap:var(--spacing-mini);min-width:0;display:inline-flex}.label-line--hover.svelte-38ednm{position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.button--roll.svelte-38ednm .label-line:where(.svelte-38ednm){transition:translate .45s var(--_ease)}.label-line--hover.svelte-38ednm{translate:0 120%}.button--roll.svelte-38ednm:not(:disabled):not(.disabled):hover .label-line:where(.svelte-38ednm){translate:0 -120%}.button--roll.svelte-38ednm:not(:disabled):not(.disabled):hover .label-line--hover:where(.svelte-38ednm){translate:0}}@media (prefers-reduced-motion:reduce){.label-line--hover.svelte-38ednm{display:none}}.button--small.svelte-38ednm{padding:var(--button-padding,11px 18px);font-size:11px}.button--large.svelte-38ednm{padding:var(--button-padding,19px 34px);font-size:15px}.button--round.svelte-38ednm{border-radius:var(--border-radius-round)}.button--default.svelte-38ednm{background-color:var(--btn-bg);box-shadow:var(--shadow-2)}.button--default.svelte-38ednm:not(:disabled):not(.disabled):hover{background-color:var(--btn-bg-hover);color:var(--btn-fg-hover);box-shadow:var(--shadow-4)}.button--ghost.svelte-38ednm{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--btn-fg) 30%, transparent)}.button--ghost.svelte-38ednm:not(:disabled):not(.disabled):hover{color:var(--btn-fg-hover);background-color:color-mix(in srgb, var(--btn-accent) 8%, transparent);box-shadow:inset 0 0 0 1px var(--btn-accent)}.button--text.svelte-38ednm{padding:var(--button-padding,10px 4px)}.button--text.svelte-38ednm:after{content:"";background:var(--btn-accent);transform-origin:0;height:2px;transition:scale .35s var(--_ease);border-radius:1px;position:absolute;bottom:5px;left:4px;right:4px;scale:0 1}.button--text.svelte-38ednm:not(:disabled):not(.disabled):hover{color:var(--btn-fg-hover)}.button--text.svelte-38ednm:not(:disabled):not(.disabled):hover:after{scale:1}.button--faded.svelte-38ednm{background-color:color-mix(in srgb, var(--btn-fg) 7%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--btn-fg) var(--control-ring), transparent), inset 0 1px 0 color-mix(in srgb, var(--btn-fg) var(--control-bevel), transparent)}.button--faded.svelte-38ednm:not(:disabled):not(.disabled):hover{color:var(--btn-fg-hover);background-color:color-mix(in srgb, var(--btn-fg) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--btn-fg) var(--control-ring-hover), transparent), inset 0 1px 0 color-mix(in srgb, var(--btn-fg) var(--control-bevel-hover), transparent)}.button--dark-faded.svelte-38ednm{background-color:hsl(var(--gray-hue) var(--gray-saturation) 8% / 70%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--btn-fg) var(--control-ring), transparent), inset 0 1px 0 color-mix(in srgb, var(--btn-fg) var(--control-bevel), transparent)}.button--dark-faded.svelte-38ednm:not(:disabled):not(.disabled):hover{color:var(--btn-fg-hover);background-color:hsl(var(--gray-hue) var(--gray-saturation) 8% / 80%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--btn-fg) var(--control-ring-hover), transparent), inset 0 1px 0 color-mix(in srgb, var(--btn-fg) var(--control-bevel-hover), transparent)}.button.svelte-38ednm:not(:disabled):not(.disabled):active{scale:.97}.button.svelte-38ednm:focus-visible{outline:2px solid var(--btn-accent);outline-offset:3px}.button.svelte-38ednm:disabled,.button.disabled.svelte-38ednm{opacity:.4;cursor:not-allowed}a.button.disabled.svelte-38ednm{pointer-events:none}
