.popup-city {
    width: 100%;
    font-family: "Open Sans", sans-serif;
    color: #202527;
    color: var(--G-color-default);
}
.popup-city__icon {
    width: 1rem;
    height: 1rem;
    color: #FFF;
    color: var(--G-color-bg);
}
@media screen and (min-width: 1024px) {
    .popup-city__icon {
        color: #545658;
        color: var(--G-color-text-dark-light);
    }
}
.popup-city__title {
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 1.5625rem;
}
.popup-city__input {
    font-size: 1rem;
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    margin-bottom: 0.75rem;
}
@media screen and (min-width: 1024px) {
    .popup-city__input {
        font-size: 0.875rem;
    }
}
.popup-city__list {
    height: 20.625rem;
    overflow-y: auto;
}
.popup-city__item {
    padding: 0.4375rem 0;
    font-size: 0.875rem;
    cursor: pointer;
    transition: color 0.15s linear;
}
.popup-city__item:hover {
    color: #0096EA;
    color: var(--G-color-blue-common);
}
.popup-city__item--selected {
    color: #0096EA;
    color: var(--G-color-blue-common);
}