:host {
  display:       flex;
  box-sizing:    border-box;
  border-radius: 3px;
  font-size:     1.3rem;
  margin-top:    15px;
  padding:       0 5px;
  border:        1px solid #d6d6d6;
  border-left:   4px solid #77ceed;
  box-shadow:    0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border-bottom: none;
}

.filtering__content {
  display:     flex;
  align-items: center;
  flex-wrap:   wrap;
  flex:        1;
  padding:     0 1px;
}

.filtering-buttons {
  display:     flex;
  align-items: flex-start;
}

.link-btn {
  display:     inline-flex;
  align-items: center;
  color:       #337ab7;
  cursor:      pointer;
  user-select: none;
  height:      28px;
  line-height: 26px;
  margin:      4px;
}

.link-btn:hover {
  color:           #23527c;
  text-decoration: underline;
}

.link-btn_clear, .link-btn_clear:hover {
  color: #a94442;
}

.filtering-btn {
  background:    #ffffff;
  border:        solid 1px #cccccc;
  color:         #333333;
  border-radius: 3px;
  display:       inline-block;
  box-sizing:    border-box;
  height:        28px;
  line-height:   26px;
  margin:        5px 4px 4px;
  padding:       0 8px;
  white-space:   nowrap;
  font-size:     12px;
  font-weight:   600;
  cursor:        pointer;
  user-select:   none;
}

.filtering-btn:hover {
  border-color:     #adadad;
  background-color: #e6e6e6;
  color:            #333333;
}