.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) ;
  padding-inline-start: var(--zd_size12) ;
  cursor: pointer;
}
.searchIcon {
  padding-inline-end: var(--zd_size8) ;
}
.searchIconBox {
  padding-inline-start: var(--zd_size12) ;
}
.active, .boxStyle.active, .lineActive.drpSearchBox::after {
  border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
}
.iconArrow {
  margin-inline-start: var(--zd_size6) ;
}
.separator {
  width: var(--zd_size1) ;
  height: var(--zd_size16) ;
  margin-inline: var(--zd_size12) ;
  margin-block:0 ;
  background-color: var(--zdt_lookupsearch_boxstyle_border);
}