@import "../variables/colors";
@import "../variables/dimensions";

.rc-chips-item {
  display: inline-flex;
  position: relative;
  white-space: nowrap;
  border: 1px solid $chips-border-color;
  border-radius: $chips-border-radius;
  padding: 0 $chips-inner-padding;
  height: $chips-height;
  color: $chips-content-color;

  &--interactive {
    color: $chips-content-color-interactive;
  }
}

.rc-chips-item__content {
  line-height: $chips-height;
  font-size: $font-size-base;
}

.rc-chips-item__close-button {
  appearance: none;
  margin: 0 0 0 $chips-inner-padding;
  font-size: $chips--close-icon-size;
  height: 1.1em;
  width: 1.1em;
  border: none;
  padding: 0;
  line-height: 1;
}