.gl-catbox{
  background: #F8F8F8;
  border:1px solid #eee;
  border-radius:16px;
  padding:40px;
  box-shadow:0 1px 10px rgba(0,0,0,.04);
}

.gl-catbox__search{
  position:relative;
  margin-bottom:50px;
}

.gl-catbox__search > input.gl-catbox__input{
  width:100%;
  border:1px solid #e5e5e5;
  border-radius:999px;
  font-size:14px;
  outline:none;
}

.gl-catbox__input:focus{
  border-color:#cfcfcf;
}

.gl-catbox__icon{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #666;
  font-size:14px;
  opacity:.6;
}

.gl-catbox__icon:hover {
  color: #000;
}

.gl-catbox__title{
  font-size:22px;
  margin:8px 0 12px;
}

.gl-catbox__list{
  list-style:none;
  margin:0;
  padding:0;
}

.gl-catbox__item{
  padding:10px 0;
  border-top:1px solid #f1f1f1;
}

.gl-catbox__item:first-child{
  border-top:none;
}

.gl-catbox__link{
  display:flex;
  justify-content:space-between;
  text-decoration:none;
  color:inherit;
}

.gl-catbox__count{
  opacity:.6;
}

.gl-catbox__empty{
  margin:10px 0 0;
  opacity:.7;
}

/* Hide native clear (x) on search inputs (Chrome/Safari/Edge) */
.gl-catbox__input::-webkit-search-decoration,
.gl-catbox__input::-webkit-search-cancel-button,
.gl-catbox__input::-webkit-search-results-button,
.gl-catbox__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/* Older Edge/IE */
.gl-catbox__input::-ms-clear,
.gl-catbox__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}