:where(.kit-btn.svelte-1mud3nz){--kit-btn-color: initial;--kit-btn-on-color: initial;--kit-btn-active-fg: initial;--kit-btn-active-shade: initial;--kit-btn-hover-fg: initial;--kit-btn-pressed-fg: initial;--kit-btn-bg: var(--kit-btn-color, var(--kit-color-surface-2));--kit-btn-fg: var(--kit-btn-on-color, var(--kit-btn-contrast, var(--kit-color-text)));--kit-btn-ink: var(--kit-btn-color, var(--kit-color-text));--kit-btn-hover: color-mix(in oklab, var(--kit-btn-bg), var(--kit-btn-fg) 8%);--kit-btn-pressed: color-mix(in oklab, var(--kit-btn-bg), var(--kit-btn-fg) 14%);--kit-btn-soft: color-mix(in oklab, var(--kit-btn-bg) 16%, transparent);--kit-btn-border: color-mix(in oklab, var(--kit-btn-bg), var(--kit-btn-fg) 20%);--kit-btn-active: color-mix( in oklab, var(--kit-btn-color), var(--kit-btn-fg) var(--kit-btn-active-shade, 14%) )}@supports (color: color(from red srgb-linear r g b)){:where(.kit-btn.svelte-1mud3nz){--kit-btn-contrast: color(from var(--kit-btn-color) srgb-linear clamp(0, (.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000, 1) clamp(0, (.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000, 1) clamp(0, (.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000, 1)/1)}}:where(.kit-btn.svelte-1mud3nz){--kit-btn-height: calc(var(--kit-btn-h) + var(--kit-btn-density-offset) / 2)}.kit-btn.svelte-1mud3nz{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;height:var(--kit-btn-height);padding-inline:calc(var(--kit-btn-p) + var(--kit-btn-density-offset) / 2);border:0;border-radius:var(--kit-btn-radius);background-color:var(--kit-btn-bg);color:var(--kit-btn-fg);font:inherit;font-family:var(--kit-font);font-size:var(--kit-btn-font);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--kit-animation-component);transition-timing-function:ease}@media(prefers-reduced-motion:reduce){.kit-btn.svelte-1mud3nz{transition:none}}.kit-btn__inner.svelte-1mud3nz{display:inline-flex;align-items:center;justify-content:center;gap:var(--kit-btn-gap);line-height:1}.kit-btn__content.svelte-1mud3nz,.kit-btn__prepend.svelte-1mud3nz,.kit-btn__append.svelte-1mud3nz{display:inline-flex;align-items:center;justify-content:center;line-height:1}.kit-btn__content.svelte-1mud3nz .kit-icon,.kit-btn__prepend.svelte-1mud3nz .kit-icon,.kit-btn__append.svelte-1mud3nz .kit-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.kit-btn__content.svelte-1mud3nz svg,.kit-btn__content.svelte-1mud3nz img,.kit-btn__prepend.svelte-1mud3nz svg,.kit-btn__prepend.svelte-1mud3nz img,.kit-btn__append.svelte-1mud3nz svg,.kit-btn__append.svelte-1mud3nz img{display:block}.kit-btn__input.svelte-1mud3nz{margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.kit-btn__input.svelte-1mud3nz:focus-visible{outline:none}.kit-btn__input.svelte-1mud3nz:is([type=checkbox]:where(.svelte-1mud3nz),[type=radio]:where(.svelte-1mud3nz)){appearance:none}.kit-btn__input.svelte-1mud3nz:is([type=checkbox]:where(.svelte-1mud3nz),[type=radio]:where(.svelte-1mud3nz)):after{content:attr(aria-label)}.kit-btn__spinner.svelte-1mud3nz{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.kit-btn.svelte-1mud3nz:has(>.kit-btn__input:where(.svelte-1mud3nz):focus-visible){outline:2px solid var(--kit-color-focus);outline-offset:2px}.kit-btn[data-loading=true].svelte-1mud3nz{pointer-events:none}.kit-btn[data-loading=true].svelte-1mud3nz .kit-btn__inner:where(.svelte-1mud3nz),.kit-btn[data-loading=true].svelte-1mud3nz .kit-btn__input:where(.svelte-1mud3nz){opacity:0}.kit-btn[data-block=true].svelte-1mud3nz{display:flex;width:100%}.kit-btn[data-wide=true].svelte-1mud3nz{width:100%;max-width:16rem}.kit-btn[data-icon=true].svelte-1mud3nz{width:max(1.75rem,var(--kit-btn-height));min-width:max(1.75rem,var(--kit-btn-height));padding-inline:0}.kit-btn[data-icon=true].svelte-1mud3nz .kit-btn__inner:where(.svelte-1mud3nz){gap:0}button.kit-btn.svelte-1mud3nz{appearance:none}:where(.kit-btn[data-size=xs].svelte-1mud3nz){--kit-btn-h: 1.5rem;--kit-btn-p: .5rem;--kit-btn-gap: .25rem;--kit-btn-font: .75rem}:where(.kit-btn[data-size=xs].svelte-1mud3nz) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-icon-size-xs)}:where(.kit-btn[data-size=sm].svelte-1mud3nz){--kit-btn-h: 2rem;--kit-btn-p: .75rem;--kit-btn-gap: .375rem;--kit-btn-font: var(--kit-font-xs)}:where(.kit-btn[data-size=sm].svelte-1mud3nz) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-icon-size-sm)}:where(.kit-btn[data-size=md].svelte-1mud3nz){--kit-btn-h: 2.5rem;--kit-btn-p: 1rem;--kit-btn-gap: .5rem;--kit-btn-font: var(--kit-font-sm)}:where(.kit-btn[data-size=md].svelte-1mud3nz) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-icon-size-md)}:where(.kit-btn[data-size=lg].svelte-1mud3nz){--kit-btn-h: 3rem;--kit-btn-p: 1.25rem;--kit-btn-gap: .5625rem;--kit-btn-font: var(--kit-font-lg)}:where(.kit-btn[data-size=lg].svelte-1mud3nz) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-icon-size-lg)}:where(.kit-btn[data-size=xl].svelte-1mud3nz){--kit-btn-h: 3.5rem;--kit-btn-p: 1.5rem;--kit-btn-gap: .625rem;--kit-btn-font: var(--kit-font-xl)}:where(.kit-btn[data-size=xl].svelte-1mud3nz) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-icon-size-xl)}:where(.kit-btn[data-variant=tonal].svelte-1mud3nz){--kit-btn-bg: color-mix(in oklab, var(--kit-btn-ink) 16%, transparent);--kit-btn-fg: var(--kit-btn-ink);--kit-btn-border: transparent;--kit-btn-active: color-mix(in oklab, var(--kit-btn-ink) 28%, transparent);--kit-btn-active-fg: var(--kit-btn-ink)}:where(.kit-btn[data-variant=outline].svelte-1mud3nz){--kit-btn-bg: transparent;--kit-btn-fg: var(--kit-btn-ink);--kit-btn-border: var(--kit-btn-color, var(--kit-color-border));--kit-btn-active: color-mix(in oklab, var(--kit-btn-ink) 14%, transparent);--kit-btn-active-fg: var(--kit-btn-ink)}:where(.kit-btn[data-variant=surface].svelte-1mud3nz){--kit-btn-bg: color-mix(in oklab, var(--kit-btn-ink) 8%, transparent);--kit-btn-fg: var(--kit-btn-ink);--kit-btn-border: color-mix(in oklab, var(--kit-btn-ink) 35%, transparent);--kit-btn-active: color-mix(in oklab, var(--kit-btn-ink) 18%, transparent);--kit-btn-active-fg: var(--kit-btn-ink)}:where(.kit-btn[data-variant=text].svelte-1mud3nz){--kit-btn-bg: transparent;--kit-btn-fg: var(--kit-btn-ink);--kit-btn-border: transparent;--kit-btn-active: color-mix(in oklab, var(--kit-btn-ink) 14%, transparent);--kit-btn-active-fg: var(--kit-btn-ink)}:where(.kit-btn[data-variant=plain].svelte-1mud3nz){--kit-btn-bg: transparent;--kit-btn-fg: var(--kit-btn-ink);--kit-btn-border: transparent;--kit-btn-hover: transparent;--kit-btn-pressed: transparent;--kit-btn-hover-fg: color-mix(in oklab, var(--kit-btn-fg) 72%, transparent);--kit-btn-pressed-fg: color-mix(in oklab, var(--kit-btn-fg) 56%, transparent);--kit-btn-active: transparent;--kit-btn-active-fg: var(--kit-btn-color, var(--kit-color-accent))}:where(.kit-btn[data-variant=link].svelte-1mud3nz){--kit-btn-bg: transparent;--kit-btn-fg: var(--kit-btn-ink);--kit-btn-border: transparent;--kit-btn-hover: transparent;--kit-btn-pressed: transparent;--kit-btn-hover-fg: color-mix(in oklab, var(--kit-btn-fg) 72%, transparent);--kit-btn-pressed-fg: color-mix(in oklab, var(--kit-btn-fg) 56%, transparent);--kit-btn-active: transparent;--kit-btn-active-fg: var(--kit-btn-color, var(--kit-color-accent))}.kit-btn[data-variant=link].svelte-1mud3nz{height:auto;padding:0;text-decoration:underline}:where(.kit-btn.svelte-1mud3nz .outline:where(.svelte-1mud3nz)){--outline-color: var(--kit-btn-border)}:where(.kit-btn[data-active=true].svelte-1mud3nz,.kit-btn.svelte-1mud3nz:has(>.kit-btn__input:where(.svelte-1mud3nz):checked)){--kit-btn-bg: var(--kit-btn-active, var(--kit-color-accent));--kit-btn-fg: var( --kit-btn-active-fg, var(--kit-btn-on-color, var(--kit-btn-contrast, var(--kit-color-on-accent))) )}.kit-btn[data-interactive=true].svelte-1mud3nz:not([data-disabled=true]){cursor:pointer}.kit-btn[data-interactive=true].svelte-1mud3nz:not([data-disabled=true]):hover{background-color:var(--kit-btn-hover);color:var(--kit-btn-hover-fg, var(--kit-btn-fg))}.kit-btn[data-interactive=true].svelte-1mud3nz:not([data-disabled=true]):active{background-color:var(--kit-btn-pressed);color:var(--kit-btn-pressed-fg, var(--kit-btn-fg))}.kit-btn.svelte-1mud3nz:not([data-disabled=true]):focus-visible{outline:2px solid var(--kit-color-focus);outline-offset:2px}.kit-btn[data-disabled=true].svelte-1mud3nz{opacity:var(--kit-disabled-opacity, .55);pointer-events:none;-webkit-user-select:none;user-select:none}:where(.kit-btn[data-rounded="0"].svelte-1mud3nz){--kit-btn-radius: var(--kit-shape-none)}:where(.kit-btn[data-rounded=xs].svelte-1mud3nz){--kit-btn-radius: var(--kit-shape-xs)}:where(.kit-btn[data-rounded=sm].svelte-1mud3nz){--kit-btn-radius: var(--kit-shape-sm)}:where(.kit-btn[data-rounded=md].svelte-1mud3nz){--kit-btn-radius: var(--kit-shape-md)}:where(.kit-btn[data-rounded=lg].svelte-1mud3nz){--kit-btn-radius: var(--kit-shape-lg)}:where(.kit-btn[data-rounded=xl].svelte-1mud3nz){--kit-btn-radius: var(--kit-shape-xl)}:where(.kit-btn[data-rounded=full].svelte-1mud3nz){--kit-btn-radius: var(--kit-shape-full)}:where(.kit-btn[data-density=dense].svelte-1mud3nz){--kit-btn-density-offset: var(--kit-density-dense)}:where(.kit-btn[data-density=compact].svelte-1mud3nz){--kit-btn-density-offset: var(--kit-density-compact)}:where(.kit-btn[data-density=default].svelte-1mud3nz){--kit-btn-density-offset: var(--kit-density-default)}:where(.kit-btn[data-density=comfortable].svelte-1mud3nz){--kit-btn-density-offset: var(--kit-density-comfortable)}:where(.kit-btn[data-density=spacious].svelte-1mud3nz){--kit-btn-density-offset: var(--kit-density-spacious)}
