.geoInput {
    width: calc(100% - 1.4em);
    margin: .5em 0.3em;
    padding: 0.3em;
    display: none;
}

.geoInput.visible {
    display: block;
}


.selectWithLinks__suggest--ymap::before {
    font-family: 'icons2' !important;
    content: '\e919';
    color: tomato;
    margin-right: 5px;
}

.selectWithLinks--ymap::before {
    font-family: 'icons2' !important;
    content: '\e919';
    color: tomato;
    position: absolute;
    left: 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

.selectWithLinks__suggest--metro::before {
    font-family: 'icons2' !important;
    content: '\e92b';
    color: rgb(111, 111, 255);
    margin-right: 5px;
}

.selectWithLinks--metro::before {
    font-family: 'icons2' !important;
    content: '\e92b';
    color: rgb(111, 111, 255);
    position: absolute;
    left: 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

.selectWithLinks__suggest--district::before {
    font-family: 'icons2' !important;
    content: '\f279';
    color: teal;
    margin-right: 5px;
}

.selectWithLinks--district::before {
    font-family: 'icons2' !important;
    content: '\f279';
    color: teal;
    position: absolute;
    left: 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

.selectWithLinks__suggest--area::before {
    font-family: 'icons2' !important;
    content: '\e92d';
    color: chocolate;
    margin-right: 5px;
}

.selectWithLinks--area::before {
    font-family: 'icons2' !important;
    content: '\e92d';
    color: chocolate;
    position: absolute;
    left: 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .selectWithLinks--district::before,
    .selectWithLinks--area::before,
    .selectWithLinks--metro::before,
    .selectWithLinks--ymap::before {
        display: none;
    }
}