:root{
  --ui-search-bg-color:#f2f3f8;
  --ui-search-valid-color:#28a745;
  --ui-search-invalid-color:#e51818;
  --ui-search-border-color:#e2e5eb;
  --ui-search-border-radius:50rem;
  --ui-search-control-color:#212223;
  --ui-search-control-padding:0.48rem .65rem;
  --ui-search-label-color:#7e8595;
}
.ui-search{
  position:relative;
}
.ui-search-spinner{
  position:absolute;
  text-align:center;
  width:100%;
  display:none;
}

.ui-search-input{
  color:#6d7986;
  padding:2rem 0;
}
.ui-search-input .ui-search-wrapper{
  position:relative;
  display:flex;
  align-items:center;
  border:1px solid var(--ui-search-bg-color);
  background:var(--ui-search-bg-color);
  -webkit-border-radius:var(--ui-search-border-radius);-moz-border-radius:var(--ui-search-border-radius);border-radius:var(--ui-search-border-radius);
}
.ui-search-input .ui-search-container{
  position:relative;
  display:flex;
  flex:1 1 auto;
  align-items:center;
  cursor:text;
  padding:0 10px;
}
.ui-search-input .ui-search-container .ui-search-control{
  margin:0;
  border:0;
  outline:none;
  background:transparent;
  color:var(--ui-search-control-color);
  font:inherit;
  width:100%;
  max-width:100%;
  padding:5px 0;
  /*flex:1;*/
  -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
  -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
}
.ui-search-input .ui-search-container .ui-search-control:not(textarea){
  height:30px;
}

.ui-search-input.is-filled .ui-search-clear{
  cursor:pointer;
  opacity:1;
}
.ui-search-input.is-filled .ui-search-clear{
  cursor:pointer;
  opacity:1;
}

.ui-search-start,
.ui-search-end{
  display:flex;
  align-items:center;
}
.ui-search-start{
  /*margin-right:8px;*/
  padding-left:10px;
  display:flex;
  align-items:center;
}
.ui-search-end{
  /*margin-left:8px;*/
  padding-right:10px;
  display:flex;
  align-items:flex-end;
}
.ui-search-clear{
  cursor:text;
  opacity:0;
}

.ui-search-result{
  
}

.ui-search-items{

}

.ui-search-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:nowrap;
  flex-direction:row;
  cursor:pointer;
  padding:8px 1rem;
  margin:0 -1rem;
  color:#6a717a;
}
.ui-search-item:hover{
  background-color:var(--bs-light);
}
.ui-search-item-img{
  display:flex;
  width:44px;
  height:44px;
  margin:0 1rem 0 0;
  background-size:cover;
  background-color:var(--bs-light);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.ui-search-item-user{
  flex-grow:1;
}
.ui-search-item-username{
  color:#0c1014;
  font-weight:600;
  font-size:14px;
  font-family:var(--sg-font-family-system);
}
.ui-search-item-name{

}