.rt-chip-chip {
  display: inline-block;
  padding: 0 1.2rem;
  margin-right: 0.25rem;
  font-size: 1.4rem;
  line-height: 3.2rem;
  color: #757575;
  background-color: #eeeeee;
  border-radius: 3.2rem; }

.rt-chip-avatar {
  padding-left: 0; }
  .rt-chip-avatar > [data-react-toolbox="avatar"] {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 0.8rem;
    vertical-align: middle; }
    .rt-chip-avatar > [data-react-toolbox="avatar"] > span {
      font-size: 2rem;
      line-height: 3.2rem; }

.rt-chip-deletable {
  padding-right: 3.2rem; }

.rt-chip-delete {
  position: absolute;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.4rem;
  margin: 0.4rem;
  vertical-align: middle;
  cursor: pointer; }

.rt-chip-delete:hover .rt-chip-deleteIcon {
  background: #9e9e9e; }

.rt-chip-deleteIcon {
  vertical-align: top;
  background: #bdbdbd;
  border-radius: 2.4rem; }
  .rt-chip-deleteIcon .rt-chip-deleteX {
    fill: transparent;
    stroke-width: 0.4rem;
    stroke: white; }