.option-wrap {
  box-shadow: 0 2px 3px 0 rgba(34 ,36 ,38 ,0.15);
  position: absolute;
  width: 88%;
  z-index: 21;
  background: #ffff;
  max-height: 100px;
  overflow: auto;
}
.option-wrap .option {
  border-top: 1px solid #fafafa;
  padding: .78571429rem 1.14285714rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.option-wrap .option:hover{
  background: rgba(0,0,0,.05);
  color: rgba(0,0,0,.95);
  cursor: pointer;
}

.chip {
  font-size: 1em;
  padding: 0 .5em;
  margin: .14285714rem .28571429rem .14285714rem 0;
  background-color: #e8e8e8;
  border-radius: .28571429rem;
  color: rgba(0,0,0,.6);
  box-shadow: 0 0 0 1px rgba(34 ,36 ,38 ,0.15) inset;
  display: flex;
  white-space: nowrap;
  cursor: pointer;
}
.chip span.name {
  padding-right: 2px;
}
.chip:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  background-image: none;
  color: rgba(0,0,0,.8);
  text-decoration: none;
}
.chip-wrap {
  display: flex;
  max-height: 60px;
  width: 100%;
  padding: 1px 0 0;
  overflow: auto hidden;
}
.chip-wrap::-webkit-scrollbar {
  height: 6px;
}

.chip-wrap::-webkit-scrollbar-track {
  background: #ffffff;
}

.chip-wrap::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  background-clip: padding-box;
}