.chip{--rd-chip-bg-color:var(--rd-background-interactive-neutral-default);--rd-chip-border-color:var(--rd-border-brand-auxiliary);--rd-chip-color:var(--rd-text-neutral);--rd-chip-radius:var(--rd-radius-xl);background-color:var(--rd-chip-bg-color);border:2px solid var(--rd-chip-border-color);border-radius:var(--rd-chip-radius);color:var(--rd-chip-color);display:inline-flex;font-family:var(--rd-type-font-family-body);font-size:var(--rd-type-size-body-md);font-weight:var(--rd-type-font-bold);gap:var(--rd-spacing-4);line-height:var(--rd-type-line-height-body-md);padding:var(--rd-spacing-8) var(--rd-spacing-16);text-align:center}.chip.active,.chip:hover{--rd-chip-bg-color:var(--rd-background-interactive-brand-auxiliary-default);--rd-chip-border-color:var(--rd-background-interactive-brand-auxiliary-default);--rd-chip-color:var(--rd-text-neutral-inverted)}.chip:active{--rd-chip-bg-color:var(--rd-background-interactive-brand-auxiliary-pressed);--rd-chip-border-color:var(--rd-background-interactive-brand-auxiliary-pressed)}.chip:focus-visible{border-radius:var(--rd-chip-radius)}.chip__icon{align-items:center;display:flex}