.kumiki-icon-button{--kumiki-icon-button-bg:transparent;--kumiki-icon-button-bg-hover:var(--kumiki-color-surface);--kumiki-icon-button-fg:var(--kumiki-color-fg);--kumiki-icon-button-radius:8px;--kumiki-icon-button-size:2.25rem;width:var(--kumiki-icon-button-size);height:var(--kumiki-icon-button-size);border-radius:var(--kumiki-icon-button-radius);background:var(--kumiki-icon-button-bg);color:var(--kumiki-icon-button-fg);cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .14s cubic-bezier(.32,.72,0,1),color .14s cubic-bezier(.32,.72,0,1),transform .14s cubic-bezier(.32,.72,0,1);display:inline-flex}.kumiki-icon-button[data-size=sm]{--kumiki-icon-button-size:2rem;--kumiki-icon-button-radius:7px}.kumiki-icon-button[data-size=lg]{--kumiki-icon-button-size:2.5rem;--kumiki-icon-button-radius:9px}.kumiki-icon-button[data-variant=primary]{--kumiki-icon-button-bg:var(--kumiki-color-accent);--kumiki-icon-button-bg-hover:var(--kumiki-color-accent-hover);--kumiki-icon-button-fg:var(--kumiki-color-accent-fg)}.kumiki-icon-button[data-variant=secondary]{--kumiki-icon-button-bg:var(--kumiki-color-accent-fg);--kumiki-icon-button-bg-hover:var(--kumiki-color-bg);--kumiki-icon-button-fg:var(--kumiki-color-fg);border:1px solid var(--kumiki-color-line);box-shadow:0 1px 2px oklch(0% 0 0/.04)}.kumiki-icon-button[data-variant=danger]{--kumiki-icon-button-bg-hover:oklch(94% .04 25);--kumiki-icon-button-fg:oklch(50% .22 25)}.kumiki-icon-button:hover:not([data-disabled]){background:var(--kumiki-icon-button-bg-hover)}.kumiki-icon-button:active:not([data-disabled]){transform:scale(.96)}.kumiki-icon-button:focus-visible{box-shadow:0 0 0 2px var(--kumiki-color-accent-fg), 0 0 0 4px var(--kumiki-color-accent);outline:0}.kumiki-icon-button[data-disabled]{opacity:.5;cursor:not-allowed}:root[data-theme=dark] .kumiki-icon-button{--kumiki-icon-button-bg-hover:var(--kumiki-color-surface-raised);--kumiki-icon-button-fg:var(--kumiki-color-fg-muted)}:root[data-theme=dark] .kumiki-icon-button[data-variant=primary]{--kumiki-icon-button-bg:var(--kumiki-color-accent);--kumiki-icon-button-bg-hover:var(--kumiki-color-accent-hover)}:root[data-theme=dark] .kumiki-icon-button[data-variant=secondary]{--kumiki-icon-button-bg:var(--kumiki-color-surface);--kumiki-icon-button-bg-hover:oklch(27% .015 256);--kumiki-icon-button-fg:var(--kumiki-color-surface);border-color:var(--kumiki-color-fg)}:root[data-theme=dark] .kumiki-icon-button[data-variant=danger]{--kumiki-icon-button-bg-hover:oklch(28% .08 25);--kumiki-icon-button-fg:oklch(72% .18 25)}:root[data-theme=dark] .kumiki-icon-button:focus-visible{box-shadow:0 0 0 2px var(--kumiki-color-bg), 0 0 0 4px var(--kumiki-color-accent)}@media (prefers-reduced-motion:reduce){.kumiki-icon-button{transition:none}}