#city-list .list { margin: 0; padding: 0; color: unset}
@media (min-width: 1024px) {
    #city-list .list { max-height: 355px; }
}
@media (max-width: 1024px) {
    #city-list .list { max-height: 76vh; }
}
#city-list .list li {padding: 8px; -webkit-transition: .3s; transition: .3s; border-radius: 6px; font-size:16px; line-height: 22px; cursor: pointer}
#city-list .list li:hover {background: #f9f9f9; color: #1c1f33;}
#city-list .list li.city__search-result-item--active {position: relative;}
#city-list .list li.city__search-result-item--active p {color: #fe412d;}
#city-list .list li.city__search-result-item--active:before {position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; width: 15px; height: 15px; background-image: url(/local/templates/novmir_2023/assets/icons/gal.svg); background-size: 100%; background-repeat: no-repeat; background-position: center}
#city-list .search { position: relative; -webkit-appearance: none; width: 100%; height: 48px; border: none; background: #f9f9f9; padding: 15px 5px 15px 40px; cursor: pointer; border-radius: 8px; font-size: 16px;}
#city-list .search-input {position: relative; margin-bottom: 14px}
#city-list .search-input:before { position: absolute; content: ""; top: 50%; left: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/novmir_2023/assets/icons/search.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; width: 19px; height: 19px; z-index: 2;}