@import '@styles/theme.scss';
@import "@styles/custom.scss";

.map-container {
  padding         : 20px 32px 20px 30px;
  // margin-bottom   : 20px;
  background-color: #fff;

  .map-content {
    display           : flex;
    flex-direction    : row;
    padding-bottom    : 14px;
    align-items       : center;
    justify-content   : space-between;
    width             : 100%;
    // height         : 100%;

    .map-content-title {
      flex     : 1;
      font-size: 28px;
      min-width: 160rpx;
    }

    &__content {
      flex: 1;
    }

    .map-content-extra {
      display        : flex;
      flex-direction : row;
      align-items    : center;
      justify-content: space-between;
    }

    .map-content-text {
      text-align   : right;
      font-size    : $font-size-lg;
      color        : $text-color-lighter;
      width        : 400px;
      overflow     : hidden;
      white-space  : nowrap;
      text-overflow: ellipsis;
      opacity      : .9;
    }

    .map-content-arrow {
      margin-left: 24px;
      width      : 32px;
      height     : 32px;
    }
  }
}