.kumiki-button{--kumiki-button-bg:var(--kumiki-color-accent);--kumiki-button-bg-hover:var(--kumiki-color-accent-hover);--kumiki-button-bg-active:oklch(40% .22 35);--kumiki-button-bg-disabled:oklch(94% .005 247);--kumiki-button-fg:var(--kumiki-color-accent-fg);--kumiki-button-fg-disabled:oklch(70% .01 256);--kumiki-button-border:transparent;--kumiki-button-radius:8px;--kumiki-button-padding-x:.875rem;--kumiki-button-padding-y:0;--kumiki-button-font-size:.8125rem;--kumiki-button-font-weight:550;--kumiki-button-icon-gap:.5rem;--kumiki-button-outline-focus:var(--kumiki-color-accent);--kumiki-button-outline-offset:2px;justify-content:center;align-items:center;gap:var(--kumiki-button-icon-gap);height:2.25rem;padding-inline:var(--kumiki-button-padding-x);padding-block:var(--kumiki-button-padding-y);border:1px solid var(--kumiki-button-border);border-radius:var(--kumiki-button-radius);background:var(--kumiki-button-bg);color:var(--kumiki-button-fg);font:inherit;font-size:var(--kumiki-button-font-size);font-weight:var(--kumiki-button-font-weight);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px color-mix(in oklab, var(--kumiki-color-accent) 18%, transparent), inset 0 1px 0 oklch(100% 0 0/.08);line-height:1;transition:background-color .14s cubic-bezier(.32,.72,0,1),box-shadow .14s cubic-bezier(.32,.72,0,1),transform .14s cubic-bezier(.32,.72,0,1);display:inline-flex;position:relative}.kumiki-button[data-size=sm]{--kumiki-button-padding-x:.6875rem;--kumiki-button-font-size:.75rem;--kumiki-button-icon-gap:.375rem;--kumiki-button-radius:7px;height:2rem}.kumiki-button[data-size=lg]{--kumiki-button-padding-x:1.125rem;--kumiki-button-font-size:.9375rem;--kumiki-button-icon-gap:.5rem;--kumiki-button-radius:9px;height:2.5rem}.kumiki-button[data-variant=secondary]{--kumiki-button-bg:var(--kumiki-color-accent-fg);--kumiki-button-bg-hover:var(--kumiki-color-bg);--kumiki-button-bg-active:var(--kumiki-color-surface);--kumiki-button-fg:var(--kumiki-color-fg);--kumiki-button-border:var(--kumiki-color-line);box-shadow:0 1px 2px oklch(0% 0 0/.04),0 1px 1px oklch(0% 0 0/.02)}.kumiki-button[data-variant=ghost]{--kumiki-button-bg:transparent;--kumiki-button-bg-hover:var(--kumiki-color-surface);--kumiki-button-bg-active:oklch(93% .007 247);--kumiki-button-fg:var(--kumiki-color-fg);box-shadow:none}.kumiki-button[data-variant=danger]{--kumiki-button-bg:oklch(55% .22 25);--kumiki-button-bg-hover:oklch(49% .23 25);--kumiki-button-bg-active:oklch(43% .22 25);--kumiki-button-outline-focus:oklch(55% .22 25);box-shadow:0 1px 2px oklch(30% .08 25/.22),inset 0 1px oklch(100% 0 0/.08)}.kumiki-button:hover:not([data-disabled]):not([data-loading]){background:var(--kumiki-button-bg-hover)}.kumiki-button:active:not([data-disabled]):not([data-loading]){background:var(--kumiki-button-bg-active);transform:translateY(.5px)}.kumiki-button:focus-visible{box-shadow:0 0 0 var(--kumiki-button-outline-offset) var(--kumiki-color-accent-fg), 0 0 0 calc(var(--kumiki-button-outline-offset) + 2px) var(--kumiki-button-outline-focus);outline:0}.kumiki-button[data-disabled]{background:var(--kumiki-button-bg-disabled);color:var(--kumiki-button-fg-disabled);box-shadow:none;cursor:not-allowed;border-color:#0000}.kumiki-button[data-loading]{cursor:progress;color:oklch(100% 0 0/0)}.kumiki-button[data-loading]:after{content:"";border:1.5px solid;border-top-color:var(--kumiki-button-fg);width:.875em;height:.875em;color:var(--kumiki-button-fg);opacity:.8;border-radius:50%;animation:.72s linear infinite svelte-1r4vxzt-kumiki-button-spin;position:absolute}@keyframes svelte-1r4vxzt-kumiki-button-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .kumiki-button{--kumiki-button-bg:var(--kumiki-color-accent);--kumiki-button-bg-hover:var(--kumiki-color-accent-hover);--kumiki-button-bg-active:var(--kumiki-color-accent-hover);--kumiki-button-bg-disabled:oklch(26% .012 256);--kumiki-button-fg-disabled:oklch(50% .01 256)}:root[data-theme=dark] .kumiki-button[data-variant=secondary]{--kumiki-button-bg:var(--kumiki-color-surface);--kumiki-button-bg-hover:oklch(27% .015 256);--kumiki-button-bg-active:oklch(31% .015 256);--kumiki-button-fg:var(--kumiki-color-surface);--kumiki-button-border:var(--kumiki-color-fg)}:root[data-theme=dark] .kumiki-button[data-variant=ghost]{--kumiki-button-bg-hover:var(--kumiki-color-surface-raised);--kumiki-button-bg-active:oklch(28% .014 256);--kumiki-button-fg:var(--kumiki-color-surface)}:root[data-theme=dark] .kumiki-button:focus-visible{box-shadow:0 0 0 var(--kumiki-button-outline-offset) var(--kumiki-color-bg), 0 0 0 calc(var(--kumiki-button-outline-offset) + 2px) var(--kumiki-button-outline-focus)}@media (prefers-reduced-motion:reduce){.kumiki-button{transition:none}.kumiki-button[data-loading]:after{animation:none}}