.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=xs]{width:var(--control-size-xs);height:var(--control-size-xs)}.klyp-IconActionButton[data-size=sm]{width:var(--control-size-sm);height:var(--control-size-sm)}.klyp-IconActionButton[data-size=md]{width:var(--control-size-md);height:var(--control-size-md)}.klyp-IconActionButton[data-size=lg]{width:var(--control-size-lg);height:var(--control-size-lg)}.klyp-IconActionButton[data-size=xl]{width:var(--control-size-xl);height:var(--control-size-xl)}.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:1px solid var(--color-ring);outline-offset:2px}.klyp-IconActionButton[data-disabled]{opacity:.4;cursor:not-allowed}.klyp-IconActionButton[data-active]{opacity:1;background-color:var(--color-bg-surface)}