//@import '../../mixins';
//
//@mixin chip-base($bg-color: #fffff, $border-color: $gray-4,  $font-color: $gray-8) {
//  display: inline-flex;
//  align-items: center;
//  margin: 0;
//  background-color: $bg-color;
//  font-size: $font-size-4;
//  color: $font-color;
//  padding: 0 10px;
//  border-radius: 16px;
//  height: 30px;
//  min-height: 26px;
//  border: solid 2px $border-color;
//}
//
//.mat-chip:not(.mat-basic-chip) {
//  @include chip-base;
//  &.mat-chip-with-trailing-icon {
//    padding-right: 0;
//  }
//
//  &+.mat-chip {
//    margin-left: 2px;
//  }
//
//  .mat-chip-remove {
//    &:hover {
//      opacity: unset;
//    }
//  }
//  &:hover {
//    cursor: pointer;
//  }
//}
//
//// Used to make Input Chip not wrap
//.chip-list-field.mat-form-field .mat-form-field-infix {
//  width: initial;
//}
//
//mat-chip {
//  @include chip-base;
//  white-space: nowrap;
//
//  &.mat-standard-chip {
//    padding: 0 10px;
//    background-color: $white;
//    border-color: $gray-light;
//
//    mat-icon.mat-chip-remove {
//      opacity: 1.0;
//      background-color: $gray-light;
//      font-size: 22px;
//      height: 100%;
//      width: 26px;
//      display: inherit;
//      align-items: inherit;
//      margin-left: 8px;
//      padding-left: 2px;
//      padding-right: 0;
//      border-radius: 0 12px 12px 0;
//
//      svg {
//        width: 22px;
//        height: 16px
//      };
//    }
//
//    &:hover {
//      border-color: $black;
//
//      .mat-chip-remove {
//        opacity: 1;
//      }
//
//      &::after {
//        opacity: 0;
//      }
//    }
//
//    &:focus {
//      border-color: $teal-dark;
//
//      &::after {
//        opacity: 0;
//      }
//
//      .mat-chip-remove {
//        background: $teal-dark;
//        color: $white;
//      }
//    }
//
//    &:focus {
//      &::after {
//        opacity: 0;
//      }
//    }
//  }
//}
//
//// Basic Chips
//.mat-basic-chip {
//  @include chip-base;
//
//  &+.mat-basic-chip {
//    margin-left: 2px;
//  }
//}
//
//.cvs-chip-black  {
//  @include chip-base($gray-x-dark, $gray-x-dark, $white);
//}
//
//.cvs-chip-purple {
//  @include chip-base($purple-dark, $purple-dark, $white);
//}
//
//.cvs-chip-navy  {
//  @include chip-base($blue-navy, $blue-navy, $white);
//}
//
