.container {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
  flex-wrap: wrap;
}

.item {
  width: 88px;
  height: 40px;
  border-radius: 26px;
  background: rgb(6, 47, 90);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(116, 157, 223);
  font-family: DingTalk JinBuTi;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;

  &:hover {
    background: rgba(0, 153, 247, 0.2);
    color: rgb(255, 255, 255);
  }
}

.rangeContainer {
  padding: 0 20px;
  height: 40px;
  border-radius: 26px;
  background: rgb(6, 47, 90);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
}

.selected {
  background: rgb(0, 153, 247) !important;
  color: rgb(255, 255, 255);
  font-size: 18px;
}
