.s-line-a {
  background-color: rgb(33, 181, 243);
}

.s-line-b {
  background-color: rgb(101, 176, 93);
}

.s-line-bx {
  background-color: rgb(158, 204, 121);
}

.s-line-c {
  background-color: rgb(236, 182, 74);
}

.s-line-e {
  background-color: rgb(106, 101, 170);
}

.s-line-f {
  background-color: rgb(184, 196, 18);
}

.s-line-h {
  background-color: rgb(211, 66, 35);
}

.metro-line-m1 {
  background-color: #007756;
  color: #fff;
}

.metro-line-m2 {
  background-color: #fc0;
  color: #000;
}

.metro-line-m3 {
  border: 2px solid #e40037;
  color: #e40037;
}

.metro-line-m4 {
  background-color: #009cd3;
  color: #fff;
}

.metro-line {
  height: 48px;
  width: 48px;
  flex-shrink: 0;
  border-radius: 50%;
  font-size: 19px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.s-train {
  height: 48px;
  width: 48px;
  flex-shrink: 0;
  font-size: 19px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}