.map-stop-grid-row.has-several-directions.is-first-direction {
  border-top: 2px solid #d9e7e2;
}

.map-stop-grid-head + .map-stop-grid-row.has-several-directions.is-first-direction {
  border-top: 0;
}

.map-stop-grid-row.is-following-direction {
  border-top: 1px dashed #cbdcd5;
  background: #fbfdfc;
}

.map-stop-direction-copy {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex: 1 1 auto;
  flex-direction: column;
  line-height: 1.12;
}

.map-stop-direction-copy small {
  overflow: hidden;
  color: #829ab1;
  font-size: .47rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .055em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.map-stop-direction-copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: #486581;
  font-size: .57rem;
  font-weight: 700;
  line-height: 1.15;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.map-stop-grid-row.is-following-direction .map-stop-passage-line {
  position: relative;
}

.map-stop-grid-row.is-following-direction .map-stop-passage-line::before {
  position: absolute;
  content: "\21B3";
  top: 50%;
  left: -10px;
  color: #829ab1;
  font-size: .58rem;
  transform: translateY(-50%);
}


.map-stop-direction-copy .map-stop-transport-mode {
  display: flex;
  align-items: center;
  gap: 3px;
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
}

.map-stop-transport-mode i {
  flex: 0 0 auto;
  color: #087f72;
  font-size: .52rem;
}

.map-stop-transport-mode span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}