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

.wrap {
  display         : flex;
  flex-direction  : column;
  padding         : 20px 32px 20px 30px;
  background-color: $white;

  .city-picker-container {
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    position       : relative;

    .city-picker-content {
      display        : flex;
      flex-direction : row;
      padding-bottom : 14px;
      align-items    : center;
      justify-content: flex-end;

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

      .city-picker-arrow {
        margin-left: 24px;
        width      : 32px;
        height     : 32px;
      }
    }
  }
}