.au-map {
    .gm-style-iw {

        .au_collapsible,
        hr {
            display: none;
        }
    }

    input[type="text"] {
        max-width: none;
    }

    &__search {
        display: flex;

        >div {
            flex-basis: 85%;
            margin-bottom: 0;

            &.form__field--full-width {
                max-width: none;
            }

            @media (max-width: 640px) {
                flex-basis: 76%;
            }
        }

        button {
            flex-basis: 15%;

            @media (max-width: 640px) {
                flex-basis: 24%;
            }
        }
    }

    &__overlay-buttons {
        display: flex;
        flex-wrap: wrap;
        margin-top: spacing(-2);

        button {
            margin: 0 spacing(-3) spacing(-2) 0;
        }
    }

    &__person-suggestion {
        >div {
            &:first-child {
                width: 15%;
            }

            &:last-child {
                width: 85%;
            }
        }

        h4,
        p {
            margin: 0;
        }

        p {
            font-size: font-size(-1);
        }

        img {
            max-width: 100px;
        }
    }

    .vcard,
    .bld-card,
    .overlay-card,
    .top-search {
        >h2 {
            margin-top: 0;
        }

        button {
            cursor: pointer;
            font-family: inherit;
            text-align: left;
        }

        strong button {
            font-weight: bold;
        }
    }

    .vcard {
        img {
            float: right;
            margin-left: spacing(-3);
            margin-bottom: spacing(-3);
            max-width: 120px;
        }

        &::after {
            display: block;
            content: '';
            clear: both;
        }
    }

    .show-on-map {
        display: none;
    }

    &__directions-panel {
        display: flex;
        flex-wrap: wrap;
        padding: spacing(-2) 0 spacing(-2) spacing(-2);
        margin-bottom: spacing(-2);
        border: 2px solid color('border');

        &__modes-of-transportation {
            flex-basis: 100%;
            display: flex;
            margin-bottom: spacing(-5);

            .button-route--close {
                margin-left: auto !important;
            }
        }

        &__from-to {
            flex-basis: 85%;

            .form__field {
                &:nth-child(2) {
                    margin-bottom: 0;
                }
            }
        }

        &__swap {
            flex-basis: 15%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}