import { css } from 'lit';
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button igc-icon{--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size)}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}`;
//# sourceMappingURL=chip.common.css.js.map