@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-chip-border-color-override, var(--pi-color-neutral-300));border-radius:var(--pi-chip-border-radius-override, var(--pi-size-border-radius-8));box-sizing:border-box;background-color:var(--pi-color-white);color:var(--pi-chip-color-override, 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);font-weight:var(--pi-font-weight-medium);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);background-color:var(--pi-chip-bg-color-hover-override, var(--pi-color-white));color:var(--pi-chip-color-hover-override, var(--pi-color-neutral-600))}[pi-chip]:hover [pi-icon]{color:var(--pi-chip-icon-color-hover-override, var(--pi-chip-color-hover-override, 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]:is(:active,[pi-state=active]):not([disabled]):not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-chip-border-color-active-override, var(--pi-color-neutral-400));background-color:var(--pi-chip-bg-color-active-override, var(--pi-color-neutral-100));box-shadow:var(--pi-chip-box-shadow-active-override, none)}[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-chip-icon-color-override, var(--pi-chip-color-override, 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]:is(:active,[pi-state=active]):not([disabled]):not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-chip-border-color-active-override, var(--pi-color-accent-1-300));background-color:var(--pi-chip-bg-color-active-override, var(--pi-color-accent-1-100));color:var(--pi-chip-color-active-override, var(--pi-color-brand-1-700, var(--pi-color-accent-1-700)))}[pi-chip][pi-color=accent-1]:is(:active,[pi-state=active]):not([disabled]):not(:has([pi-chip-interactive-icon]:active)) [pi-icon]:not([pi-chip-interactive-icon]){color:var(--pi-chip-icon-color-active-override, var(--pi-chip-color-active-override, var(--pi-color-brand-1-700, var(--pi-color-accent-1-700))))}[pi-chip][pi-color=accent-2]:is(:active,[pi-state=active]):not([disabled]):not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-chip-border-color-active-override, var(--pi-color-accent-2-300));background-color:var(--pi-chip-bg-color-active-override, var(--pi-color-accent-2-100));color:var(--pi-chip-color-active-override, var(--pi-color-accent-2-500))}[pi-chip][pi-color=accent-2]:is(:active,[pi-state=active]):not([disabled]):not(:has([pi-chip-interactive-icon]:active)) [pi-icon]:not([pi-chip-interactive-icon]){color:var(--pi-chip-icon-color-active-override, var(--pi-chip-color-active-override, var(--pi-color-accent-2-500)))}[pi-chip][pi-color=neutral]:is(:active,[pi-state=active]):not([disabled]):not(:has([pi-chip-interactive-icon]:active)){border-color:var(--pi-chip-border-color-active-override, var(--pi-color-neutral-600));background-color:var(--pi-chip-bg-color-active-override, var(--pi-color-white));color:var(--pi-chip-color-active-override, var(--pi-color-neutral-700))}[pi-chip][pi-color=neutral]:is(:active,[pi-state=active]):not([disabled]):not(:has([pi-chip-interactive-icon]:active)) [pi-icon]:not([pi-chip-interactive-icon]){color:var(--pi-chip-icon-color-active-override, var(--pi-chip-color-active-override, 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)}}