.search-select {
  margin-top:10px;
}

.search-trigger {
  width:100%;
  min-height:52px;
  background:#171a16;
  color:#b8bdb4;
  border:1px solid #3b4037;
  border-radius:11px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
  font:500 15px 'DM Sans';
}

.search-trigger:hover,.search-trigger:focus,.search-trigger[aria-expanded="true"] {
  background:#171a16;
  border-color:var(--lime);
  filter:none;
  outline:none;
  box-shadow:0 0 0 3px rgba(201,255,74,.08);
}

.search-trigger.has-value span {
  color:var(--lime);
}

.search-trigger b {
  font-size:18px;
  color:#899083;
  transition:transform .18s;
}

.search-trigger[aria-expanded="true"] b {
  transform:rotate(180deg);
}

.search-panel {
  position:absolute;
  z-index:40;
  left:0;
  right:0;
  top:calc(100% + 7px);
  background:#171a16;
  border:1px solid #42483e;
  border-radius:12px;
  padding:9px;
  box-shadow:0 24px 60px rgba(0,0,0,.52);
}

.search-panel[hidden] {
  display:none;
}

.search-query {
  display:block;
  width:100%;
  height:44px;
  background:#232720!important;
  background-image:none!important;
  color:white;
  border:1px solid #454b41;
  border-radius:8px;
  padding:0 12px!important;
  font:500 14px 'DM Sans';
  outline:none;
}

.search-query:focus {
  border-color:var(--lime);
}

.search-options {
  position:static;
  max-height:265px;
  margin-top:7px;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}

.search-options button {
  min-height:42px;
}

.search-select>select {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none;
}