.sub-item {
  height: 30px;
  display: flex;
  cursor: pointer;
  color: #afb2ba;
}
.sub-item:hover,
.sub-item.matched {
  color: #ffffff;
}
.sub-item > div:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 45px;
  padding-left: 10px;
}
.sub-item > div:nth-of-type(2) {
  display: flex;
  align-items: center;
  flex: 1;
}
.sub-item > div:nth-of-type(3) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 30px;
}
.sub-item > div:nth-of-type(4) {
  flex-basis: 30px;
}