@charset "UTF-8";

.icon {
    display: inline-block;
    height: 1em;
    width: 1em;

    mask-size: contain;
    -webkit-mask-size: contain;

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;

    mask-position: center;
    -webkit-mask-position: center;

    font-size: 16px;
    background-color: #000;
}

.icon.burger {
    mask-image: url(./burger.svg);
    -webkit-mask-image: url(./burger.svg);
}

.icon.cafe {
    mask-image: url(./cafe.svg);
    -webkit-mask-image: url(./cafe.svg);
}

.icon.car {
    mask-image: url(./car.svg);
    -webkit-mask-image: url(./car.svg);
}

.icon.education {
    mask-image: url(./education.svg);
    -webkit-mask-image: url(./education.svg);
}

.icon.health {
    mask-image: url(./health.svg);
    -webkit-mask-image: url(./health.svg);
}

.icon.park {
    mask-image: url(./park.svg);
    -webkit-mask-image: url(./park.svg);
}

.icon.shopping {
    mask-image: url(./shopping.svg);
    -webkit-mask-image: url(./shopping.svg);
}

.icon.sport {
    mask-image: url(./sport.svg);
    -webkit-mask-image: url(./sport.svg);
}

.icon.services {
    mask-image: url(./services.svg?v=1);
    -webkit-mask-image: url(./services.svg?v=1);
}

.icon.plus {
    mask-image: url(./plus.svg);
    -webkit-mask-image: url(./plus.svg);
}

.icon.minus {
    mask-image: url(./minus.svg);
    -webkit-mask-image: url(./minus.svg);
}

.icon.arrow-down {
    mask-image: url(./arrow-down.svg);
    -webkit-mask-image: url(./arrow-down.svg);
}

.icon.arrow-right {
    mask-image: url(./arrow-right.svg);
    -webkit-mask-image: url(./arrow-right.svg);
}

.icon.phone {
    mask-image: url(./phone.svg);
    -webkit-mask-image: url(./phone.svg);
}

.icon.phone-stroke {
    mask-image: url(./phone-stroke.svg);
    -webkit-mask-image: url(./phone-stroke.svg);
}

.icon.close {
    mask-image: url(./close.svg);
    -webkit-mask-image: url(./close.svg);
}

.icon.open-full {
    mask-image: url(./open-full.svg);
    -webkit-mask-image: url(./open-full.svg);
}

.icon.people {
    mask-image: url(./people.svg);
    -webkit-mask-image: url(./people.svg);
}

.icon.metro {
    mask-image: url(./metro.svg);
    -webkit-mask-image: url(./metro.svg);
}

.icon.arrows-out {
    mask-image: url(arrows-out.svg);
    -webkit-mask-image: url(arrows-out.svg);
}

.icon.arrow-square-out {
    mask-image: url(arrow-square-out.svg);
    -webkit-mask-image: url(arrow-square-out.svg);
}

.icon.telegram {
    mask-image: url(telegram.svg);
    -webkit-mask-image: url(telegram.svg);
}

.icon.whatsapp {
    mask-image: url(whatsapp.svg);
    -webkit-mask-image: url(whatsapp.svg);
}

.icon.vk {
    mask-image: url(vk.svg);
    -webkit-mask-image: url(vk.svg);
}

.icon.shape {
    mask-image: url(shape.svg);
    -webkit-mask-image: url(shape.svg);
}

.icon.card-mode {
    mask-image: url(card-mode.svg);
    -webkit-mask-image: url(card-mode.svg);
}

.icon.list-mode {
    mask-image: url(list-mode.svg);
    -webkit-mask-image: url(list-mode.svg);
}

.icon.heart {
    mask-image: url(heart.svg?v=2);
    -webkit-mask-image: url(heart.svg?v=2);
}

.icon.heart-full {
    mask-image: url(heart-full.svg?v=2);
    -webkit-mask-image: url(heart-full.svg?v=2);
}

.icon.parking {
    mask-image: url(parking.svg);
    -webkit-mask-image: url(parking.svg);
}

.icon.pdf-file {
    mask-image: url(pdf-file.svg);
    -webkit-mask-image: url(pdf-file.svg);
}

.icon.share-links {
    mask-image: url(share-links.svg);
    -webkit-mask-image: url(share-links.svg);
}

.icon.storage {
    mask-image: url(storage.svg);
    -webkit-mask-image: url(storage.svg);
}

.icon.telegram {
    mask-image: url(telegram.svg);
    -webkit-mask-image: url(telegram.svg);
}

.icon.vcontact {
    mask-image: url(vcontact.svg);
    -webkit-mask-image: url(vcontact.svg);
}

.icon.share-page {
    mask-image: url(share-page.svg);
    -webkit-mask-image: url(share-page.svg);
}

.icon.whatsapp {
    mask-image: url(whatsapp.svg);
    -webkit-mask-image: url(whatsapp.svg);
}

.icon.lock {
    mask-image: url(lock.svg);
    -webkit-mask-image: url(lock.svg);
}

.icon.box {
    mask-image: url(box.svg);
    -webkit-mask-image: url(box.svg);
}

.icon.path-map {
    mask-image: url(path-map.svg);
    -webkit-mask-image: url(path-map.svg);
}

.icon.circle-notch {
    mask-image: url(circle-notch.svg);
    -webkit-mask-image: url(circle-notch.svg);
}

.icon.spinner-gap {
    mask-image: url(spinner-gap.svg);
    -webkit-mask-image: url(spinner-gap.svg);
}

.icon.eye {
    mask-image: url(eye.svg);
    -webkit-mask-image: url(eye.svg);
}