.search-select{ position:relative; }
.search-select-input{
  width:100%;
  height:40px;            /* ←高さ固定 */
  line-height:40px;       /* ←縦ブレ防止 */
  padding-right:40px;     /* ←×分の余白 */
  box-sizing:border-box;
}

.search-select-panel{
  position:absolute;
  z-index:50;
  left:0; right:0;
  margin-top:6px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(20,20,20,.98);
  border-radius:10px;
  max-height:280px;
  overflow:auto;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}

.search-select-item{
  padding:10px 12px;
  cursor:pointer;
}
.search-select-item:hover{
  background:rgba(255,255,255,.06);
}
.search-select-empty{
  padding:10px 12px;
}

.search-select-input-wrap{
  position:relative;
}

.search-select-input{
  position:relative;
  z-index:1;              /* inputを下に */
  padding-right:44px;     /* ×の領域確保 */
}

.search-select-clear{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;              /* ×を上に */
  pointer-events:auto;    /* クリック強制 */
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:none;
  background:transparent;
  line-height:1;
}
.search-select-clear:hover{
  color:#fff;
}

.search-select-input.is-selected{
  background:rgba(0,150,255,.08);
  border-color:rgba(0,150,255,.4);
}