.compare-chipbox{
  flex:1;
  min-width:260px;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  padding:8px 10px;
  border-radius:14px;
  background:#071018;
  border:1px solid rgba(148,163,184,.22);
}
.compare-chips{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.compare-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border-radius:10px;
  background:rgba(96,165,250,.14);
  border:1px solid rgba(96,165,250,.38);
  color:#e8eef6;
  font-weight:1000;
}
.compare-chip button{
  background:transparent;
  border:0;
  color:#e8eef6;
  font-weight:1000;
  cursor:pointer;
  padding:0;
}
.compare-chipinput{
  min-width:150px;
  flex:1;
  background:transparent;
  border:0;
  outline:0;
  color:#e8eef6;
  font-weight:900;
  padding:7px;
}

.compare-chipbox{
  position:relative;
}

.compare-suggest{
  display:none;
  position:absolute;
  left:10px;
  right:10px;
  top:calc(100% + 8px);
  z-index:50;
  background:#ffffff;
  color:#06101f;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(0,0,0,.35);
  border:1px solid rgba(15,23,42,.12);
}

.compare-suggest-item{
  width:100%;
  display:flex;
  gap:10px;
  align-items:center;
  text-align:left;
  border:0;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#06101f;
  padding:10px 12px;
  cursor:pointer;
}

.compare-suggest-item:hover{
  background:#eff6ff;
}

.compare-suggest-item b{
  min-width:58px;
  font-size:13px;
}

.compare-suggest-item span{
  font-size:12px;
  opacity:.72;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}