/* /assets/css/igc-select.css
   i.G.C. custom select styling. Load after forms.css.
*/
.igc-select-wrap{
  position:relative;
  width:100%;
}

.igc-select-native{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
  min-height:1px !important;
  padding:0 !important;
  border:0 !important;
  left:0;
  top:0;
}

.igc-select-btn{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.13);
  background:#111827;
  color:#f4f4ff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}

.igc-select-btn:hover{
  border-color:rgba(70,212,255,.30);
  background:#131c2b;
}

.igc-select-wrap.is-open .igc-select-btn,
.igc-select-btn:focus{
  outline:none;
  border-color:#46d4ff;
  box-shadow:0 0 0 3px rgba(70,212,255,.14);
}

.igc-select-value{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.igc-select-chevron{
  flex:0 0 auto;
  color:rgba(244,244,255,.72);
  transition:transform .15s ease;
}

.igc-select-wrap.is-open .igc-select-chevron{
  transform:rotate(180deg);
}

.igc-select-list{
  position:absolute;
  z-index:9999;
  left:0;
  right:0;
  top:calc(100% + 6px);
  max-height:260px;
  overflow:auto;
  padding:6px;
  border-radius:14px;
  border:1px solid rgba(70,212,255,.24);
  background:#0b1220;
  box-shadow:0 18px 40px rgba(0,0,0,.55);
  display:none;
}

.igc-select-wrap.is-open .igc-select-list{
  display:block;
}

.igc-select-option{
  width:100%;
  display:block;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#f4f4ff;
  padding:10px 11px;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.igc-select-option:hover,
.igc-select-option:focus{
  background:rgba(70,212,255,.14);
  outline:none;
}

.igc-select-option.is-selected{
  background:rgba(37,99,235,.78);
  color:#fff;
}

.igc-select-option.is-disabled,
.igc-select-option:disabled{
  opacity:.42;
  cursor:not-allowed;
}

@media(max-width:720px){
  .igc-select-list{
    max-height:220px;
  }
}