.esb { width: 100%; }
.esb .esb-wrap{
  display:flex; align-items:center; width:100%;
  border:1px solid var(--esb-border,#E2E6EA);
  background: var(--esb-bg,#fff);
  border-radius: var(--esb-r,28px);
  height: var(--esb-h,52px);
  padding-left: 18px;
  overflow: hidden;
}

.esb .esb-input{
  flex:1; height:100%; border:0; outline:none; background:transparent;
  font-size:15px; line-height:1; padding-right:14px;
}

.esb .esb-divider{
  width:1px; height:60%; background: var(--esb-div,#E7EBF0); display:inline-block;
}

.esb .esb-select-wrap{
  position:relative; display:flex; align-items:center; height:100%;
  padding:0 16px; min-width:190px;
}
.esb .esb-select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  border:0; background:transparent; padding-right:22px; outline:none;
  font-size:15px; max-width:100%;
}
.esb .esb-caret{ position:absolute; right:8px; pointer-events:none; }

.esb .esb-btn{
  height:100%; aspect-ratio: 1 / 1;
  border:0; display:grid; place-items:center; cursor:pointer;
  background: var(--esb-btn,#2F4364); color:#fff;
  margin-left:auto;
}
.esb .esb-btn svg{ stroke:#fff; }

@media (max-width: 640px){
  .esb .esb-select-wrap{ min-width:150px; padding:0 12px; }
}