.filter {
  display: inline-flex;
  padding: .2rem;
  background-color: #fff;
  border: 1px solid #eaeaeb;
  border-radius: .5rem
}
.filter-wrap {
  display: flex;
  align-items: center
}
.filter-text {
  font-size: 1.4rem;
  margin-right: 1rem
}
.filter__item {
  height: 3.6rem;
  padding: 0 1.3rem;
  border-radius: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #6f6f71;
  position: relative;
  border: none;
  background-color: transparent
}
.filter__item:first-child::before {
  content: none
}
.filter__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: #eaeaeb
}
.filter__item_active {
  background-color: #1e5d9d;
  color: #fff
}
.filter__item_active::before {
  content: none
}
.filter__item_active + .filter__item::before {
  content: none
}
@media (max-width:48em) {
  .filter {
    padding: .4rem;
    border-radius: 1rem
  }
  .filter__item {
    height: 6.2rem;
    padding: 0 1.8rem;
    border-radius: 1rem;
    font-size: 2.4rem
  }
}