.city-autocomplete__search-button.p-button {
        background-image: url('~src/assets/img/arr-down.svg');
        background-repeat: no-repeat;
        background-size: 9px 4px;
        background-position: center center;
        transform-origin: center center;
        transition-duration: 0.2s;
}

city-autocomplete {
    p-autocomplete,
    .p-autocomplete {
        width: 100%;
    }

    input.p-inputtext {
        border-radius: $border-radius 0 0 $border-radius;
        border: none;
        box-shadow: none;
    }

    .p-autocomplete-panel {
        min-width: calc(100% + #{$buttons-width}) !important;
        max-width: 400px;
        margin-top: $space-s;
        @include control-border-shadow();

        .mCSB_scrollTools {
            width: 12px !important;
        }

        .mCSB_inside > .mCSB_container {
            margin-right: 12px;
        }

        .mCSB_inside > .mCSB_container.mCS_y_hidden {
            margin-right: 0px;
        }

        .mCSB_draggerContainer {
            margin: 5px 0;
        }

        .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
            display: none;
        }

        .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: $blue-light;
            width: $scroll-width;
            border-radius: $border-radius;
        }

        .mCSB_scrollTools .mCSB_buttonUp,
        .mCSB_scrollTools .mCSB_buttonDown {
            height: $space-m !important;
            background: none !important;
        }

        .p-autocomplete-list-item {
            padding: 0px !important;

            &.p-state-highlight {
                .country,
                .airport {
                    color: #ffffffbb;
                }
            }
        }
    }
}

.city-active {
    font-weight: $font-bold;
}
