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

i.-image {
	background: var(--image) center / contain no-repeat;
	mask: none; -webkit-mask: none; }

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.png); }
i[data-icon="arrow-down"] { --image: url(../img/icons/arrow-down.png); }

i[data-icon="burger"] { --image: url(../img/icons/burger.svg); }
i[data-icon="order"] { --image: url(../img/icons/order.png); }
i[data-icon="submit"] { --image: url(../img/icons/submit.png); }
i[data-icon="close"] { --image: url(../img/icons/close.svg); }
i[data-icon="close-small"] { --image: url(../img/icons/close-small.svg); }
i[data-icon="more"] { --image: url(../img/icons/more.svg); }
i[data-icon="phone"] { --image: url(../img/icons/phone.png)}
i[data-icon="cart"] { --image: url(../img/icons/cart.png)}
i[data-icon="email"] { --image: url(../img/icons/email.png); }
i[data-icon="search"] { --image: url(../img/icons/search.png); }

i[data-icon="location"] { --image: url(../img/icons/location.png); }
i[data-icon="problem"] { --image: url(../img/icons/problem.png); }
i[data-icon="time"] { --image: url(../img/icons/time.png); }

i[data-icon="why-we-1"] { --image: url(../img/icons/why-we-1.png); }
i[data-icon="why-we-2"] { --image: url(../img/icons/why-we-2.png); }
i[data-icon="why-we-3"] { --image: url(../img/icons/why-we-3.png); }
i[data-icon="why-we-4"] { --image: url(../img/icons/why-we-4.png); }

i[data-icon="step-1"] { --image: url(../img/icons/step-1.png); }
i[data-icon="step-2"] { --image: url(../img/icons/step-2.png); }
i[data-icon="step-3"] { --image: url(../img/icons/step-3.png); }
i[data-icon="step-4"] { --image: url(../img/icons/step-4.png); }

i[data-icon="header-1"] { --image: url(../img/icons/header-1.png); }
i[data-icon="header-2"] { --image: url(../img/icons/header-2.png); }
i[data-icon="header-3"] { --image: url(../img/icons/header-3.png); }


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