.searchBar{
  
}
.topSearch{
  margin-left:var(--block5);
}
.inline-input{
  position:absolute;
  /*width:520px;*/
  width:var(--block18);
  /*min-height:52px;*/
  top:26px;
  left:var(--block23);
  z-index:10;
  /*height:;*/
}
.search-button{
  position:absolute;
  right:0px;
  bottom:0px;
  /*wf-left;*/
  width:52px;
  height:52px; 
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:4;
}
.search-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.search-icon-bg{
  /*width:60%;*/
  /*height:60%;*/
  background-image:url(/assets/icons/search.svg);
  /*background-size:contain;*/
  /*background-size:80% 80%;*/
  background-position:center;
  background-repeat:no-repeat;
  /*transform: rotate(-45deg);*/
}
.texter-input-body{
  position:relative;
  display:flex;
  /*wf-left;*/
  /*width:520px;*/
  width:468px;
  min-height:52px;
  overflow:hidden;
}
.searchBarWrap .texter-input-body{
  	height:52px !important;
}
.searchBarWrap .texter-input-body.active{
    overflow:visible;
    height:inherit !important;
}

.texter-input{
  /*wf-left;*/
  text-transform:uppercase !important;
  /*width:520px;*/
  /*min-height:52px;*/
}
/*.texter-input*/
.active{
  background-color:#fff !important;
  height:inherit !important;
}
.search-sign{
  position:absolute;
  /*/*wf-left;*/*/
  right:26px;
  bottom:0;
  display:none;
  
}
.pdr26{
  padding-right:26px;
  
}
.active .search-sign{
  display:block;
}
.texter-input-wrapper{
  /*wf-left;*/
  position:relative;
  margin-right:0px;
  min-width:26px;
  min-height:26px;
}
.searchBar .texter-input-body{
  padding-right:52px;
  z-index:2222;
}    
.blinking{
  /*display:none;*/
  display:flex;
}
.active .blinking{
  /*display:flex;*/
  animation: blinking2 .8s infinite;
}

.input-text{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  /*background:#f80000;*/
  z-index:55;
  border:none !important;
  background:transparent !important;
  /*font-size: 0px !important;*/
  color: transparent !important;
  text-indent: -9999px;
}

::selection { background: transparent; }
input::selection {  background: transparent; }

.texter-input.selected .yellow{
    background-color:var(--blue) !important;
    color:white !important;
}


#texter-body{
	width:100%;
	margin:26px 0px 0px 0px;
	padding:26px;
	min-height:var(--block3);
}
#texter-body.active{
	background-color: var(--dark) !important;
	height: inherit !important;
}
/*.texter-input-body{*/
/*height:auto;*/
/*}*/
.enter{
	width:100%;
	/*clear:left;*/
	margin:0;
	padding:0;
}


/******colors*******/




.searchbar-color{
  background-color:var(--lgrey);
  border-color: var(--border-dark) !important;
}
.dark-mode .searchbar-color{
  background-color:var(--dark);
  border-color: var(--border-dark) !important;
}