i[data-icon] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat; background: black; }
i[data-bg] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; background: var(--image) center/contain no-repeat; }

i[data-icon="arrow-right"] { --image: url(../img/icons/arrow-right.svg); }
i[data-icon="arrow-left"] { --image: url(../img/icons/arrow-left.svg); }
i[data-icon="arrow-up"] { --image: url(../img/icons/arrow-up.svg); }
i[data-icon="arrow-down"] { --image: url(../img/icons/arrow-down.svg); }



i[data-icon="consult"] { --image: url(../img/icons/consult.webp); }
i[data-icon="catalog"] { --image: url(../img/icons/catalog.webp); }
i[data-icon="way"] { --image: url(../img/icons/way.webp); }
i[data-icon="more"] { --image: url(../img/icons/more.webp); }
i[data-icon="burger"] { --image: url(../img/icons/burger.svg); }
i[data-icon="submit"] { --image: url(../img/icons/submit.png); }
i[data-icon="close"] { --image: url(../img/icons/close.svg); }
i[data-icon="open"] { --image: url(../img/icons/open.webp); }
i[data-icon="search"] { --image: url(../img/icons/search.webp); }

i[data-icon="zoom"] { --image: url(../img/icons/zoom.png); }
i[data-icon="more-dots"] { --image: url(../img/icons/more-dots.png); }
i[data-icon="more-list"] { --image: url(../img/icons/more-list.png); }
i[data-icon="phone"] { --image: url(../img/icons/phone.webp)}
i[data-icon="map"] { --image: url(../img/icons/map.svg);}
i[data-icon="download"] { --image: url(../img/icons/download.png);}
i[data-icon="email"] { --image: url(../img/icons/email.png); }
i[data-icon="call-phone"] { --image: url(../img/icons/call-phone.png); }

i[data-icon="social-vk"] { --image: url(../img/icons/social-vk.webp); }
i[data-icon="social-dzen"] { --image: url(../img/icons/social-dzen.webp); }
i[data-icon="social-telegram"] { --image: url(../img/icons/social-telegram.png); }
i[data-icon="social-max"] { --image: url(../img/icons/social-max.png); }