vuetify/lib/components/VChipGroup/VChipGroup.css

Vue Material Component Framework

@layer vuetify-components {
  .v-chip-group {
    display: flex;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding: 4px 0;
  }
  .v-chip-group .v-chip {
    margin: 4px 8px 4px 0;
  }
}
@layer vuetify-final.trumps {
  @media (forced-colors: active) {
    .v-chip-group .v-chip {
      background-color: buttonface;
      color: buttontext;
    }
    .v-chip-group .v-chip:hover {
      color: highlight;
    }
  }
}
@layer vuetify-components {
  .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
    opacity: var(--v-activated-opacity);
  }
}
@layer vuetify-final.trumps {
  @media (forced-colors: active) {
    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) {
      color: highlight;
      forced-color-adjust: preserve-parent-color;
    }
    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled):focus-visible {
      outline-offset: 2px;
    }
    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-elevated, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-flat {
      background-color: highlight;
      color: highlighttext;
    }
    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-outlined, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-tonal {
      border-width: medium;
    }
  }
}
@layer vuetify-components {
  .v-chip-group--column .v-slide-group__content {
    white-space: normal;
    flex-wrap: wrap;
    max-width: 100%;
  }
}