/* Only styles controls inserted into the existing Flatsome header search. */
#ux-search-dropdown .ogx-header-search-tools{
  display:flex;
  align-items:center;
  gap:5px;
  padding-inline-start:6px;
  flex:0 0 auto;
}
#ux-search-dropdown .ogx-header-tool{
  width:37px;
  height:37px;
  min-width:37px;
  border:0;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#f7fbff;
  background:#18314c;
  font-size:17px;
  line-height:1;
  transition:.2s ease;
}
#ux-search-dropdown .ogx-header-tool:hover{
  transform:translateY(-1px);
  background:#234a70;
}
#ux-search-dropdown .ogx-header-tool.ogx-mic{
  background:linear-gradient(145deg,#e5b54e,#b87515);
  color:#192434;
}
#ux-search-dropdown .ogx-header-tool.ogx-mic.is-recording{
  color:#fff;
  background:linear-gradient(145deg,#ef6b76,#bb3444);
  animation:ogxHeaderPulse 1.1s infinite;
}
#ux-search-dropdown .ogx-search-login{
  display:block;
  margin-top:9px;
  font-size:11px;
  color:#f0be50!important;
  text-align:center;
}
#ux-search-dropdown .ogx-search-status{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-radius:9px;
  color:#d9ecff;
  background:#112941;
  border:1px solid #2d587d;
  font-size:11px;
  line-height:1.7;
}
#ux-search-dropdown .ogx-search-status.is-error{
  color:#ffd5d8;
  border-color:#8b3f47;
  background:#3a1820;
}
@keyframes ogxHeaderPulse{
  0%{box-shadow:0 0 0 0 rgba(239,107,118,.5)}
  70%{box-shadow:0 0 0 13px rgba(239,107,118,0)}
  100%{box-shadow:0 0 0 0 rgba(239,107,118,0)}
}
@media(max-width:549px){
  #ux-search-dropdown .ogx-header-tool{width:34px;height:34px;min-width:34px;border-radius:9px;font-size:15px}
  #ux-search-dropdown .ogx-header-search-tools{gap:4px;padding-inline-start:4px}
}