@layer components {[pi-chip]{--pi-chip-h: 40px;cursor:pointer;display:inline-flex;align-items:center;column-gap:var(--pi-size-spacing-8);height:var(--pi-chip-h);padding:0 var(--pi-size-spacing-12);border:1px solid var(--pi-color-neutral-300);border-radius:var(--pi-size-border-radius-8);box-sizing:border-box;background-color:var(--pi-color-white);color:var(--pi-color-neutral-500);font-family:var(--pi-font-family);font-size:var(--pi-size-font-single-line-13-text);line-height:var(--pi-size-font-single-line-13-line);user-select:none;position:relative;transition:var(--pi-chip-transition, color background background-clip) 100ms ease-out}[pi-chip]:hover{border-color:var(--pi-color-neutral-400);color:var(--pi-color-neutral-600)}[pi-chip]:hover [pi-icon]{color:var(--pi-color-neutral-600)}[pi-chip]::after{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:inherit}[pi-chip][pi-size=small]{--pi-chip-h: 36px}[pi-chip][pi-size=extra-small]{--pi-chip-h: 24px;padding:0 var(--pi-size-spacing-8);font-size:var(--pi-size-font-single-line-11-text);line-height:var(--pi-size-font-single-line-11-line)}[pi-chip][pi-size=medium]{--pi-chip-h: 40px}[pi-chip][pi-size=large]{--pi-chip-h: 100px;width:88px;display:flex;flex-direction:column;gap:var(--pi-size-spacing-8);padding:15px 3px;align-items:center;justify-content:center}[pi-chip][pi-align=start]{justify-content:flex-start}[pi-chip][pi-align=center]{justify-content:center}[pi-chip][pi-align=end]{justify-content:flex-end}[pi-chip][pi-round]{border-radius:var(--pi-size-border-radius-full)}[pi-chip][pi-round][pi-chip-interactive-icon]{border-radius:var(--pi-size-border-radius-full)}[pi-chip][pi-state=active]:not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-color-neutral-400);background-color:var(--pi-color-neutral-100)}[pi-chip][disabled]{cursor:default;pointer-events:none;opacity:.48}[pi-chip][disabled] [pi-icon]{cursor:default}[pi-chip] [pi-icon]{--pi-icon-size: 20px;cursor:pointer;color:var(--pi-color-neutral-400)}[pi-chip] [pi-icon][pi-chip-interactive-icon]{border-radius:var(--pi-size-border-radius-4);transition:var(--pi-chips-transition, all) 100ms ease-out}[pi-chip] [pi-icon][pi-chip-interactive-icon]:hover{background-color:var(--pi-color-neutral-200)}[pi-chip] [pi-icon][pi-chip-interactive-icon]:active{background-color:var(--pi-color-neutral-300)}[pi-chip] [pi-icon][pi-chip-interactive-icon][pi-state=active]{background-color:var(--pi-color-neutral-300)}[pi-chip] [pi-icon][pi-chip-icon-position=start]{margin-right:var(--pi-size-spacing-4)}[pi-chip] [pi-icon][pi-chip-icon-position=end]{margin-left:var(--pi-size-spacing-4)}[pi-chip] [pi-icon][pi-chip-interactive-icon]:active,[pi-chip] [pi-icon][pi-chip-interactive-icon][pi-state=active]{background-color:var(--pi-color-neutral-300);color:var(--pi-color-neutral-700)}[pi-chip][pi-color=accent-1][pi-state=active]:not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-color-accent-1-300);background-color:var(--pi-color-accent-1-100);color:var(--pi-color-accent-1-500)}[pi-chip][pi-color=accent-1][pi-state=active]:not(:has([pi-chip-interactive-icon]:active)) [pi-icon]:not([pi-chip-interactive-icon]){color:var(--pi-color-accent-1-500)}[pi-chip][pi-color=accent-2][pi-state=active]:not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-color-accent-2-300);background-color:var(--pi-color-accent-2-100);color:var(--pi-color-accent-2-500)}[pi-chip][pi-color=accent-2][pi-state=active]:not(:has([pi-chip-interactive-icon]:active)) [pi-icon]:not([pi-chip-interactive-icon]){color:var(--pi-color-accent-2-500)}[pi-chip][pi-color=neutral][pi-state=active]:not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-color-neutral-600);background-color:var(--pi-color-white);color:var(--pi-color-neutral-700)}[pi-chip][pi-color=neutral][pi-state=active]:not(:has([pi-chip-interactive-icon]:active)) [pi-icon]:not([pi-chip-interactive-icon]){color:var(--pi-color-neutral-700)}[pi-chip]:has([pi-chip-interactive-icon]:active){pointer-events:none;pointer-events:painted}[pi-chip] [pi-badge]{margin-left:var(--pi-size-spacing-4)}}