@use "../../styles/screen" as screen;

.station {
  display: flex;
  flex-direction: column;
  font-size: 0;

  &__city {
    max-width: 100%;
  }

  &__old-city {
    text-decoration: line-through;
  }

  &__terminal {
    @include screen.smTablet {
      max-height: initial;
    }
  }

  &--right {
    align-items: flex-end;

    .station__terminal {
      text-align: right;
    }
  }

  &--mobile-right {
    @include screen.mobile {
      align-items: flex-end;

      .station__terminal {
        text-align: right;
      }
    }
  }

  &--mobile-left {
    @include screen.gt-mobile {
      align-items: flex-end;
    }
  }

  &--center {
    align-items: center;
  }
}
