.product-chrome-chip{--product-chrome-chip-padding:var(--space-4);--product-chrome-chip-radius:var(--radius-4);--product-chrome-chip-glyph:var(--space-12);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--product-chrome-chip-padding);border-radius:var(--product-chrome-chip-radius);background-color:var(--neutral-surface-background);color:var(--neutral-content-main-titles);cursor:pointer;border:none;flex-shrink:0;line-height:0;transition:background-color .2s,opacity .2s;display:inline-flex;overflow:hidden}.product-chrome-chip:hover:not(:disabled){background-color:var(--neutral-surface-support)}.product-chrome-chip:focus-visible{outline:var(--stroke-focus,2px) solid var(--support-focus);outline-offset:2px}.product-chrome-chip:disabled{opacity:.4;cursor:not-allowed}.product-chrome-chip-size-s{--product-chrome-chip-padding:var(--space-4);--product-chrome-chip-radius:var(--radius-4);--product-chrome-chip-glyph:var(--space-12)}.product-chrome-chip-size-m{--product-chrome-chip-padding:var(--space-6);--product-chrome-chip-radius:var(--radius-6);--product-chrome-chip-glyph:var(--space-16)}.product-chrome-chip-labelled{padding-right:var(--product-chrome-chip-padding)}.product-chrome-chip-icon{width:var(--product-chrome-chip-glyph);height:var(--product-chrome-chip-glyph);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.product-chrome-chip-icon>svg{stroke:currentColor;width:100%;height:100%}.product-chrome-chip-label{color:inherit;white-space:nowrap}.product-chrome-chip[data-active]{background-color:var(--neutral-surface-support)}