@use 'src/styles/screen';

:host {
  font-size: 0;
}

.station {
  display: flex;
  flex-direction: column;

  &__city {
    max-width: 100%;
  }

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

  &__terminal {
    // todo: remove after terminal-link deprecation
    @include screen.smTablet {
      max-height: initial;
    }
  }

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

    // todo: remove after terminal-link deprecation
    .station__terminal {
      text-align: right;
    }
  }

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

      // todo: remove after terminal-link deprecation
      .station__terminal {
        text-align: right;
      }
    }
  }

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

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