.wrapper {
  transition: var(--zd_transition1);
  width: var(--zd_size160) ;
  height: var(--zd_size28) ;
  position: relative;
}
.boxType {
  border: 1px solid transparent;
  border-radius: 4px;
}
.borderType {
  border-bottom: 1px solid transparent;
}
.boxType, .borderType {
  border-color: var(--zdt_lookupsearch_boxstyle_border);
}
.boxType:hover, .borderType:hover {
  border-color: var(--zdt_lookupsearch_boxstyle_hover_border);
}
.boxType.active, .borderType.active {
  border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
}
.focusWidth {
  width: var(--zd_size220) ;
}
.drpSearchBox {
  position: relative;
  height: var(--zd_size28) ;
  cursor: pointer;
}
[dir=ltr] .drpSearchBox {
  padding-left: var(--zd_size12) ;
}
[dir=rtl] .drpSearchBox {
  padding-right: var(--zd_size12) ;
}
[dir=ltr] .searchIcon {
  padding-right: var(--zd_size8) ;
}
[dir=rtl] .searchIcon {
  padding-left: var(--zd_size8) ;
}
[dir=ltr] .searchIconBox {
  padding-left: var(--zd_size12) ;
}
[dir=rtl] .searchIconBox {
  padding-right: var(--zd_size12) ;
}
.active, .boxStyle.active, .lineActive.drpSearchBox::after {
  border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
}
[dir=ltr] .iconArrow {
  margin-left: var(--zd_size6) ;
}
[dir=rtl] .iconArrow {
  margin-right: var(--zd_size6) ;
}
.separator {
  width: var(--zd_size1) ;
  height: var(--zd_size16) ;
  margin: 0 var(--zd_size12) ;
  background-color: var(--zdt_lookupsearch_boxstyle_border);
}