.filter-chips{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.filter-chips--center{justify-content:center}.filter-chips__chip{font-family:var(--font-radio-canada-big), system-ui, sans-serif;cursor:pointer;border:none;justify-content:center;align-items:center;font-size:12px;line-height:20px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.filter-chips--soft .filter-chips__chip{color:var(--color-grey-500);background:0 0;border-radius:6px;padding:8px 16px;font-weight:700}.filter-chips--soft .filter-chips__chip:hover{color:var(--color-primary)}.filter-chips--soft .filter-chips__chip.is-active{background:color-mix(in srgb, var(--color-primary) 16%, #fff);color:var(--color-primary);box-shadow:0 1px 2px #0050f814}.filter-chips--segmented{border-radius:6px;flex-wrap:nowrap;gap:0;width:auto;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #2a33420f}.filter-chips--segmented .filter-chips__chip{border:1px solid var(--color-border-secondary);background:var(--color-background-alt);min-height:46px;color:var(--color-text-secondary);border-radius:0;padding:12px 18px;font-weight:500}.filter-chips--segmented .filter-chips__chip+.filter-chips__chip{border-left:none}.filter-chips--segmented .filter-chips__chip:first-child{border-radius:6px 0 0 6px}.filter-chips--segmented .filter-chips__chip:last-child{border-radius:0 6px 6px 0}.filter-chips--segmented .filter-chips__chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast-text)}.filter-chips--segmented .filter-chips__chip:hover:not(.is-active){color:var(--color-text-primary);background:var(--color-action-hover)}