.klyp-IconActionButton{cursor:pointer;border-radius:var(--r-chip);color:#fff;opacity:.6;background:0 0;border:0;justify-content:center;align-items:center;transition:opacity .12s,background-color .12s;display:inline-flex;position:relative}.klyp-IconActionButton[data-hovered]:not([data-disabled]){opacity:1}.klyp-IconActionButton[data-size=sm]{width:28px;height:28px}.klyp-IconActionButton[data-size=md]{width:32px;height:32px}.klyp-IconActionButton[data-variant=ghost][data-hovered]{background-color:var(--color-bg-surface)}.klyp-IconActionButton[data-variant=ghost][data-pressed]{background-color:var(--color-bg-surface-hover,var(--color-bg-surface))}.klyp-IconActionButton[data-variant=subtle]{background-color:var(--color-bg-surface)}.klyp-IconActionButton[data-variant=subtle][data-hovered]{background-color:var(--color-bg-surface-solid)}.klyp-IconActionButton[data-variant=primary]{background-color:var(--color-fg-primary);color:var(--color-bg-root);opacity:1}.klyp-IconActionButton[data-variant=primary][data-hovered]{background-color:var(--color-fg-accent)}.klyp-IconActionButton[data-focus-visible]{outline:2px solid var(--color-fg-accent);outline-offset:2px}.klyp-IconActionButton[data-disabled]{opacity:.4;cursor:not-allowed}.klyp-IconActionButton[data-active]{opacity:1;background-color:var(--color-bg-surface)}