.mceff-chips-container{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.mceff-chip{
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  height:32px;
  border-radius:16px;
  background-color:#e0e0e0;
  color:#424242;
  border:1px solid transparent;
  position:relative;
  transition:background-color .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
  text-decoration:none;
}

.mceff-chip.type-outlined{
  background-color:transparent;
  border-color:#9e9e9e;
}

.mceff-chip.type-flat{
  background-color:transparent;
  border-color:transparent;
}

.mceff-chip.is-disabled{
  opacity:.6;
  cursor:not-allowed;
  pointer-events:none;
}

.mceff-chip-label{
  display:inline-block;
  line-height:1;
  margin-right:8px;
}

.mceff-chip a{
  text-decoration:none !important;
  color:inherit !important;
}

.mceff-chip-avatar{
  width:24px;
  height:24px;
  border-radius:50%;
  background:#757575;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:8px;
  overflow:hidden;
  flex:0 0 auto;
  font-size:14px;
}

.mceff-chip-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mceff-chip-remove{
  appearance:none;
  background:transparent;
  border:0;
  color:inherit;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  transition:background-color .2s ease, color .2s ease, transform .1s ease;
}

.mceff-chip-remove:hover{
  transform:scale(1.08);
}

.mceff-chip:hover:not(.is-disabled){
  box-shadow:0 1px 3px rgba(0,0,0,.15);
}
