.z-chip-group{--z-chip-group-active-color:var(--z-color-primary);--z-chip-group-active-tonal:var(--z-color-primary-tonal);align-items:center;display:flex;gap:var(--z-space-2);max-width:100%;overflow-x:auto;scrollbar-width:thin}.z-chip-group--column{flex-wrap:wrap;overflow:visible}.z-chip-group--layout-grid{align-items:stretch;display:grid;gap:var(--z-space-3);grid-template-columns:1fr;overflow:visible}.z-chip-group--filter{align-items:center}.z-chip-group--color-primary{--z-chip-group-active-color:var(--z-color-primary);--z-chip-group-active-tonal:var(--z-color-primary-tonal)}.z-chip-group--color-success{--z-chip-group-active-color:var(--z-color-success);--z-chip-group-active-tonal:var(--z-color-success-tonal)}.z-chip-group--color-warning{--z-chip-group-active-color:var(--z-color-warning);--z-chip-group-active-tonal:var(--z-color-warning-tonal)}.z-chip-group--color-error{--z-chip-group-active-color:var(--z-color-error);--z-chip-group-active-tonal:var(--z-color-error-tonal)}.z-chip-group__chip{align-items:center;background:var(--z-color-surface);border:1px solid var(--z-color-border);border-radius:var(--z-radius-pill);color:var(--z-color-control-label);cursor:pointer;display:inline-flex;flex:0 0 auto;font-weight:600;justify-content:center;line-height:1;min-width:0;outline:none;text-align:center;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.z-chip-group__chip:hover:not(:disabled){border-color:var(--z-chip-group-active-color);color:var(--z-chip-group-active-color)}.z-chip-group__chip:focus-visible{outline:2px solid var(--z-chip-group-active-color);outline-offset:2px}.z-chip-group__chip--disabled{cursor:not-allowed;opacity:.52}.z-chip-group--layout-grid .z-chip-group__chip{border-radius:var(--z-radius-md);width:100%}.z-chip-group--size-sm .z-chip-group__chip{font-size:13px;min-height:30px;padding:0 var(--z-space-3)}.z-chip-group--size-md .z-chip-group__chip{font-size:14px;min-height:36px;padding:0 var(--z-space-4)}.z-chip-group--density-compact.z-chip-group--size-sm .z-chip-group__chip{min-height:28px;padding-inline:var(--z-space-2)}.z-chip-group--density-compact.z-chip-group--size-md .z-chip-group__chip{min-height:32px;padding-inline:var(--z-space-3)}.z-chip-group__chip--variant-outlined{background:transparent;border-color:var(--z-color-border)}.z-chip-group__chip--variant-tonal{background:var(--z-color-surface-muted);border-color:transparent}.z-chip-group__chip--variant-flat{background:var(--z-color-control-label);border-color:transparent;color:var(--z-color-text-inverse)}.z-chip-group__chip--variant-text{background:transparent;border-color:transparent}.z-chip-group__chip--selected.z-chip-group__chip--variant-outlined{border-color:var(--z-chip-group-active-color);color:var(--z-chip-group-active-color)}.z-chip-group__chip--selected.z-chip-group__chip--variant-text,.z-chip-group__chip--selected.z-chip-group__chip--variant-tonal{background:var(--z-chip-group-active-tonal);border-color:transparent;color:var(--z-chip-group-active-color)}.z-chip-group__chip--selected.z-chip-group__chip--variant-flat{background:var(--z-chip-group-active-color);border-color:var(--z-chip-group-active-color);color:var(--z-color-text-inverse)}.z-chip-group__filter-icon,.z-chip-group__icon{flex:0 0 auto;height:1em;margin-right:var(--z-space-1);width:1em}.z-chip-group__label{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(min-width:640px){.z-chip-group--layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}