i.icon {
    display: block;
    float: left;
    width:  32px;
    height: 32px;
}
i.icon.icon-inline-block {
  display: inline-block;
  width:  32px;
  height: 32px;
  float: none;
}

i.icon.active_user-icon {
-webkit-mask: url(../../img/design-system/active_user.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/active_user.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.add_comment-icon {
-webkit-mask: url(../../img/design-system/add_comment.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/add_comment.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.aeration-icon {
-webkit-mask: url(../../img/design-system/aeration.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/aeration.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.agenda-icon {
-webkit-mask: url(../../img/design-system/agenda.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/agenda.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.alert-icon {
-webkit-mask: url(../../img/design-system/alert.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/alert.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.android-icon {
-webkit-mask: url(../../img/design-system/android.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/android.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.apple-icon {
-webkit-mask: url(../../img/design-system/apple.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/apple.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.arrow_down-icon {
-webkit-mask: url(../../img/design-system/arrow_down.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/arrow_down.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.arrow_left-icon {
-webkit-mask: url(../../img/design-system/arrow_left.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/arrow_left.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.arrow_right-icon {
-webkit-mask: url(../../img/design-system/arrow_right.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/arrow_right.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.arrow_up-icon {
-webkit-mask: url(../../img/design-system/arrow_up.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/arrow_up.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.attach-icon {
-webkit-mask: url(../../img/design-system/attach.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/attach.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.automatic-cash-till-icon {
-webkit-mask: url(../../img/design-system/automatic-cash-till.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/automatic-cash-till.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.back_to_school-icon {
-webkit-mask: url(../../img/design-system/back_to_school.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/back_to_school.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.bakery-icon {
-webkit-mask: url(../../img/design-system/bakery.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/bakery.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.barcode-icon {
-webkit-mask: url(../../img/design-system/barcode.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/barcode.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.beauty_and_parapharmacy-icon {
-webkit-mask: url(../../img/design-system/beauty_and_parapharmacy.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/beauty_and_parapharmacy.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.bio-icon {
-webkit-mask: url(../../img/design-system/bio.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/bio.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.bounce-icon {
-webkit-mask: url(../../img/design-system/bounce.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/bounce.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.burned_cashback-icon {
-webkit-mask: url(../../img/design-system/burned_cashback.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/burned_cashback.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.callcenter-icon {
-webkit-mask: url(../../img/design-system/callcenter.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/callcenter.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.callcenter_full-icon {
-webkit-mask: url(../../img/design-system/callcenter_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/callcenter_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.candystore-icon {
-webkit-mask: url(../../img/design-system/candystore.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/candystore.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.cart-icon {
-webkit-mask: url(../../img/design-system/cart.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/cart.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.cart_full-icon {
-webkit-mask: url(../../img/design-system/cart_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/cart_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.case-icon {
-webkit-mask: url(../../img/design-system/case.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/case.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.case_full-icon {
-webkit-mask: url(../../img/design-system/case_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/case_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.cashback-extra-icon {
-webkit-mask: url(../../img/design-system/cashback-extra.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/cashback-extra.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.cashback-icon {
-webkit-mask: url(../../img/design-system/cashback.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/cashback.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.cashback_distributed-icon {
-webkit-mask: url(../../img/design-system/cashback_distributed.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/cashback_distributed.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.check-icon {
-webkit-mask: url(../../img/design-system/check.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/check.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.childcare-icon {
-webkit-mask: url(../../img/design-system/childcare.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/childcare.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.christmas-icon {
-webkit-mask: url(../../img/design-system/christmas.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/christmas.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.clear-icon {
-webkit-mask: url(../../img/design-system/clear.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/clear.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.clear_full-icon {
-webkit-mask: url(../../img/design-system/clear_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/clear_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.click_collect-icon {
-webkit-mask: url(../../img/design-system/click_collect.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/click_collect.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.clipboard-icon {
-webkit-mask: url(../../img/design-system/clipboard.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/clipboard.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.close-icon {
-webkit-mask: url(../../img/design-system/close.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/close.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.shopping-bag {
  -webkit-mask: url(../../img/design-system/shopping_bag.svg) no-repeat 100% 100%;
  mask: url(../../img/design-system/shopping_bag.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--basic-light-700);
}

i.icon.shopping-list {
  -webkit-mask: url(../../img/design-system/shopping_list.svg) no-repeat 100% 100%;
  mask: url(../../img/design-system/shopping_list.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--basic-light-700);
}

i.icon.shopping-list-heart {
  -webkit-mask: url(../../img/design-system/shopping_list_heart.svg) no-repeat 100% 100%;
  mask: url(../../img/design-system/shopping_list_heart.svg) no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--basic-light-700);
}

i.icon.collection-icon {
-webkit-mask: url(../../img/design-system/collection.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/collection.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.container-icon {
-webkit-mask: url(../../img/design-system/container.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/container.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.convert-icon {
-webkit-mask: url(../../img/design-system/convert.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/convert.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.convert_full-icon {
-webkit-mask: url(../../img/design-system/convert_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/convert_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.coupons-icon {
-webkit-mask: url(../../img/design-system/coupons.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/coupons.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.coupons_full-icon {
-webkit-mask: url(../../img/design-system/coupons_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/coupons_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.currency-icon {
-webkit-mask: url(../../img/design-system/currency.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/currency.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.customs-icon {
-webkit-mask: url(../../img/design-system/customs.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/customs.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.dairy_product-icon {
-webkit-mask: url(../../img/design-system/dairy_product.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/dairy_product.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.delivery-icon {
-webkit-mask: url(../../img/design-system/delivery.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/delivery.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.desinfection-icon {
-webkit-mask: url(../../img/design-system/desinfection.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/desinfection.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.direct_delivery-icon {
-webkit-mask: url(../../img/design-system/direct_delivery.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/direct_delivery.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.document-icon {
-webkit-mask: url(../../img/design-system/document.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/document.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.document_check-icon {
-webkit-mask: url(../../img/design-system/document_check.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/document_check.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.drive-icon {
-webkit-mask: url(../../img/design-system/drive.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/drive.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.ecology-icon {
-webkit-mask: url(../../img/design-system/ecology.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/ecology.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.email-icon {
-webkit-mask: url(../../img/design-system/email.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/email.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.email_full-icon {
-webkit-mask: url(../../img/design-system/email_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/email_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.event-icon {
-webkit-mask: url(../../img/design-system/event.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/event.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.eye-icon {
-webkit-mask: url(../../img/design-system/eye.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/eye.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.eye_disable-icon {
-webkit-mask: url(../../img/design-system/eye_disable.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/eye_disable.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.face_happy-icon {
-webkit-mask: url(../../img/design-system/face_happy.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/face_happy.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.face_sad-icon {
-webkit-mask: url(../../img/design-system/face_sad.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/face_sad.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.facebook-icon {
-webkit-mask: url(../../img/design-system/facebook.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/facebook.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.facebook_full-icon {
-webkit-mask: url(../../img/design-system/facebook_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/facebook_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.fashion-icon {
-webkit-mask: url(../../img/design-system/fashion.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/fashion.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.fast_search-icon {
-webkit-mask: url(../../img/design-system/fast_search.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/fast_search.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.favorite_product-icon {
-webkit-mask: url(../../img/design-system/favorite_product.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/favorite_product.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.filter-icon {
-webkit-mask: url(../../img/design-system/filter.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/filter.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.flexible_hours-icon {
-webkit-mask: url(../../img/design-system/flexible_hours.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/flexible_hours.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.flower_shop-icon {
-webkit-mask: url(../../img/design-system/flower_shop.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/flower_shop.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.fruits_and_vegetables-icon {
-webkit-mask: url(../../img/design-system/fruits_and_vegetables.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/fruits_and_vegetables.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.garden-icon {
-webkit-mask: url(../../img/design-system/garden.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/garden.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.gas_station-icon {
-webkit-mask: url(../../img/design-system/gas_station.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/gas_station.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.gas_station_full-icon {
-webkit-mask: url(../../img/design-system/gas_station_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/gas_station_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.geoloc-icon {
-webkit-mask: url(../../img/design-system/geoloc.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/geoloc.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.gift-icon {
-webkit-mask: url(../../img/design-system/gift.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/gift.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.graph-icon {
-webkit-mask: url(../../img/design-system/graph.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/graph.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.grid-icon {
-webkit-mask: url(../../img/design-system/grid.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/grid.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.health_checkup-icon {
-webkit-mask: url(../../img/design-system/health_checkup.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/health_checkup.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.heart-icon {
-webkit-mask: url(../../img/design-system/heart.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/heart.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.heart_full-icon {
-webkit-mask: url(../../img/design-system/heart_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/heart_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.help_button-icon {
-webkit-mask: url(../../img/design-system/help_button.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/help_button.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.hightech-icon {
-webkit-mask: url(../../img/design-system/hightech.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/hightech.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.home-icon {
-webkit-mask: url(../../img/design-system/home.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/home.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.home_and_leisure-icon {
-webkit-mask: url(../../img/design-system/home_and_leisure.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/home_and_leisure.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.home_full-icon {
-webkit-mask: url(../../img/design-system/home_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/home_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.home_maintenance-icon {
-webkit-mask: url(../../img/design-system/home_maintenance.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/home_maintenance.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.hostess-icon {
-webkit-mask: url(../../img/design-system/hostess.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/hostess.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.hour-icon {
-webkit-mask: url(../../img/design-system/hour.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/hour.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.house-icon {
-webkit-mask: url(../../img/design-system/house.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/house.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.household-icon {
-webkit-mask: url(../../img/design-system/household.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/household.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.hydroalcoholic_gel-icon {
-webkit-mask: url(../../img/design-system/hydroalcoholic_gel.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/hydroalcoholic_gel.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.import-icon {
-webkit-mask: url(../../img/design-system/import.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/import.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.information-icon {
-webkit-mask: url(../../img/design-system/information.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/information.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.information_full-icon {
-webkit-mask: url(../../img/design-system/information_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/information_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.instagram-icon {
-webkit-mask: url(../../img/design-system/instagram.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/instagram.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.instagram_full-icon {
-webkit-mask: url(../../img/design-system/instagram_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/instagram_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.itinerary-icon {
-webkit-mask: url(../../img/design-system/itinerary.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/itinerary.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.itinerary_full-icon {
-webkit-mask: url(../../img/design-system/itinerary_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/itinerary_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.jewelry-icon {
-webkit-mask: url(../../img/design-system/jewelry.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/jewelry.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.key-icon {
-webkit-mask: url(../../img/design-system/key.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/key.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.launch-icon {
-webkit-mask: url(../../img/design-system/launch.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/launch.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.leaflet-icon {
-webkit-mask: url(../../img/design-system/leaflet.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/leaflet.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.leaflet_full-icon {
-webkit-mask: url(../../img/design-system/leaflet_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/leaflet_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.linkedin-icon {
-webkit-mask: url(../../img/design-system/linkedin.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/linkedin.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.linkedin_full-icon {
-webkit-mask: url(../../img/design-system/linkedin_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/linkedin_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.list-icon {
-webkit-mask: url(../../img/design-system/list.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/list.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.logout-icon {
-webkit-mask: url(../../img/design-system/logout.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/logout.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.loyalty_card-icon {
-webkit-mask: url(../../img/design-system/loyalty_card.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/loyalty_card.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.mail_sms-icon {
-webkit-mask: url(../../img/design-system/mail_sms.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/mail_sms.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.manager-icon {
-webkit-mask: url(../../img/design-system/manager.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/manager.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.map-icon {
-webkit-mask: url(../../img/design-system/map.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/map.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.memo-icon {
-webkit-mask: url(../../img/design-system/memo.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/memo.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.menu-icon {
-webkit-mask: url(../../img/design-system/menu.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/menu.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.menu_options-icon {
-webkit-mask: url(../../img/design-system/menu_options.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/menu_options.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.mic-icon {
-webkit-mask: url(../../img/design-system/mic.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/mic.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.minus-icon {
-webkit-mask: url(../../img/design-system/minus.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/minus.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.minus_rounded-icon {
-webkit-mask: url(../../img/design-system/minus_rounded.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/minus_rounded.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.modify-icon {
-webkit-mask: url(../../img/design-system/modify.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/modify.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.moon-icon {
-webkit-mask: url(../../img/design-system/moon.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/moon.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.navigation-icon {
-webkit-mask: url(../../img/design-system/navigation.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/navigation.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.navigation_full-icon {
-webkit-mask: url(../../img/design-system/navigation_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/navigation_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.newsletter-icon {
-webkit-mask: url(../../img/design-system/newsletter.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/newsletter.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.no_taste-icon {
-webkit-mask: url(../../img/design-system/no_taste.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/no_taste.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.notification-icon {
-webkit-mask: url(../../img/design-system/notification.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/notification.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.ominichannel_user-icon {
-webkit-mask: url(../../img/design-system/ominichannel_user.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/ominichannel_user.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.omnichannel-icon {
-webkit-mask: url(../../img/design-system/omnichannel.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/omnichannel.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.options-icon {
-webkit-mask: url(../../img/design-system/options.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/options.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.padlock-icon {
-webkit-mask: url(../../img/design-system/padlock.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/padlock.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.parameters-icon {
-webkit-mask: url(../../img/design-system/parameters.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/parameters.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.parameters_full-icon {
-webkit-mask: url(../../img/design-system/parameters_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/parameters_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.payment-icon {
-webkit-mask: url(../../img/design-system/payment.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/payment.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.payment_full-icon {
-webkit-mask: url(../../img/design-system/payment_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/payment_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.pdf_document-icon {
-webkit-mask: url(../../img/design-system/pdf_document.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/pdf_document.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.pen-icon {
-webkit-mask: url(../../img/design-system/pen.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/pen.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.pet_shop-icon {
-webkit-mask: url(../../img/design-system/pet_shop.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/pet_shop.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.pharmacy-icon {
-webkit-mask: url(../../img/design-system/pharmacy.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/pharmacy.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.phone-icon {
-webkit-mask: url(../../img/design-system/phone.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/phone.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.phone_full-icon {
-webkit-mask: url(../../img/design-system/phone_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/phone_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.photo-icon {
-webkit-mask: url(../../img/design-system/photo.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/photo.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.pin-icon {
-webkit-mask: url(../../img/design-system/pin.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/pin.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.pin_full-icon {
-webkit-mask: url(../../img/design-system/pin_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/pin_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.pipette-icon {
-webkit-mask: url(../../img/design-system/pipette.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/pipette.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.plexiglass_window-icon {
-webkit-mask: url(../../img/design-system/plexiglass_window.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/plexiglass_window.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.plus-icon {
-webkit-mask: url(../../img/design-system/plus.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/plus.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.plus_rounded-icon {
-webkit-mask: url(../../img/design-system/plus_rounded.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/plus_rounded.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.poka-icon {
-webkit-mask: url(../../img/design-system/poka.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/poka.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.promo-icon {
-webkit-mask: url(../../img/design-system/promo.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/promo.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.promo_full-icon {
-webkit-mask: url(../../img/design-system/promo_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/promo_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.push-icon {
-webkit-mask: url(../../img/design-system/push.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/push.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.range-icon {
-webkit-mask: url(../../img/design-system/range.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/range.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.receipt-icon {
-webkit-mask: url(../../img/design-system/receipt.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/receipt.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.recipe-icon {
-webkit-mask: url(../../img/design-system/recipe.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/recipe.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.recurring_product-icon {
-webkit-mask: url(../../img/design-system/recurring_product.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/recurring_product.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.refresh-icon {
-webkit-mask: url(../../img/design-system/refresh.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/refresh.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.restaurant-icon {
-webkit-mask: url(../../img/design-system/restaurant.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/restaurant.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.return-icon {
-webkit-mask: url(../../img/design-system/return.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/return.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.reverse-icon {
-webkit-mask: url(../../img/design-system/reverse.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/reverse.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.salty_grocery-icon {
-webkit-mask: url(../../img/design-system/salty_grocery.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/salty_grocery.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.scan-icon {
-webkit-mask: url(../../img/design-system/scan.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/scan.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.screen-icon {
-webkit-mask: url(../../img/design-system/screen.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/screen.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.search-icon {
-webkit-mask: url(../../img/design-system/search.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/search.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.secure-icon {
-webkit-mask: url(../../img/design-system/secure.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/secure.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.secure_infos-icon {
-webkit-mask: url(../../img/design-system/secure_infos.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/secure_infos.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.self_service_checkout-icon {
-webkit-mask: url(../../img/design-system/self_service_checkout.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/self_service_checkout.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.share-icon {
-webkit-mask: url(../../img/design-system/share.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/share.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.shelve-icon {
-webkit-mask: url(../../img/design-system/shelve.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/shelve.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.smartphone-icon {
-webkit-mask: url(../../img/design-system/smartphone.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/smartphone.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.social_distancing-icon {
-webkit-mask: url(../../img/design-system/social_distancing.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/social_distancing.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.soft_drinks-icon {
-webkit-mask: url(../../img/design-system/soft_drinks.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/soft_drinks.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.stamp-icon {
-webkit-mask: url(../../img/design-system/stamp.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/stamp.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.star_empty-icon {
-webkit-mask: url(../../img/design-system/star_empty.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/star_empty.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.star_full-icon {
-webkit-mask: url(../../img/design-system/star_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/star_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.status-icon {
-webkit-mask: url(../../img/design-system/status.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/status.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.status_full-icon {
-webkit-mask: url(../../img/design-system/status_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/status_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.store_mode-icon {
-webkit-mask: url(../../img/design-system/store_mode.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/store_mode.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.sun-icon {
-webkit-mask: url(../../img/design-system/sun.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/sun.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.sushi-icon {
-webkit-mask: url(../../img/design-system/sushi.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/sushi.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.sweet_grocery-icon {
-webkit-mask: url(../../img/design-system/sweet_grocery.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/sweet_grocery.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.table-icon {
-webkit-mask: url(../../img/design-system/table.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/table.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.target-icon {
-webkit-mask: url(../../img/design-system/target.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/target.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.tendency_high-icon {
-webkit-mask: url(../../img/design-system/tendency_high.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/tendency_high.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.tendency_low-icon {
-webkit-mask: url(../../img/design-system/tendency_low.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/tendency_low.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.textarea-icon {
-webkit-mask: url(../../img/design-system/textarea.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/textarea.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.tiny_arrow_down-icon {
-webkit-mask: url(../../img/design-system/tiny_arrow_down.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/tiny_arrow_down.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.tiny_arrow_left-icon {
-webkit-mask: url(../../img/design-system/tiny_arrow_left.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/tiny_arrow_left.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.tiny_arrow_right-icon {
-webkit-mask: url(../../img/design-system/tiny_arrow_right.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/tiny_arrow_right.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.tiny_arrow_up-icon {
-webkit-mask: url(../../img/design-system/tiny_arrow_up.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/tiny_arrow_up.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.top_offer-icon {
-webkit-mask: url(../../img/design-system/top_offer.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/top_offer.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.top_offer_full-icon {
-webkit-mask: url(../../img/design-system/top_offer_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/top_offer_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.top_picks-icon {
-webkit-mask: url(../../img/design-system/top_picks.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/top_picks.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.toys-icon {
-webkit-mask: url(../../img/design-system/toys.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/toys.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.translate-icon {
-webkit-mask: url(../../img/design-system/translate.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/translate.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.trash-icon {
-webkit-mask: url(../../img/design-system/trash.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/trash.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.turnover-icon {
-webkit-mask: url(../../img/design-system/turnover.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/turnover.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.twitter-icon {
-webkit-mask: url(../../img/design-system/twitter.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/twitter.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.twitter_full-icon {
-webkit-mask: url(../../img/design-system/twitter_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/twitter_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.user-icon {
-webkit-mask: url(../../img/design-system/user.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/user.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.user_full-icon {
-webkit-mask: url(../../img/design-system/user_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/user_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.users-icon {
-webkit-mask: url(../../img/design-system/users.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/users.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.validation-icon {
-webkit-mask: url(../../img/design-system/validation.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/validation.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.validation_full-icon {
-webkit-mask: url(../../img/design-system/validation_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/validation_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.walker-icon {
-webkit-mask: url(../../img/design-system/walker.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/walker.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.warning-icon {
-webkit-mask: url(../../img/design-system/warning.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/warning.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.whatsapp-icon {
-webkit-mask: url(../../img/design-system/whatsapp.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/whatsapp.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.whatsapp_full-icon {
-webkit-mask: url(../../img/design-system/whatsapp_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/whatsapp_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.wifi-icon {
-webkit-mask: url(../../img/design-system/wifi.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/wifi.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.wine-icon {
-webkit-mask: url(../../img/design-system/wine.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/wine.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.youtube-icon {
-webkit-mask: url(../../img/design-system/youtube.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/youtube.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}

i.icon.youtube_full-icon {
-webkit-mask: url(../../img/design-system/youtube_full.svg) no-repeat 100% 100%;
mask: url(../../img/design-system/youtube_full.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--basic-light-700);
}









/* font-family */
.design-system-icon {
  font-family: "DesignSystemIcons" !important;
  font-style: normal;
}

.shopping-list-icon {
  font-family: "ShoppingListIcons" !important;
  font-style: normal;
}

.shopping-list-heart-icon {
  font-family: "ShoppingListHeartIcons" !important;
  font-style: normal;
}

.icon-active_user:before {
    font-family: "DesignSystemIcons" !important;
    font-style: normal;
    content: "\e900";
  }
  .icon-add_comment:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e901";
  }
  .icon-aeration:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e902";
  }
  .icon-agenda:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e903";
  }
  .icon-alert:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e904";
  }
  .icon-android:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e905";
  }
  .icon-apple:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e906";
  }
  .icon-arrow_down:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e907";
  }
  .icon-arrow_left:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e908";
  }
  .icon-arrow_right:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e909";
  }
  .icon-arrow_up:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e90a";
  }
  .icon-attach:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e90b";
  }
  .icon-automatic-cash-till:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e90c";
  }
  .icon-back_to_school:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e90d";
  }
  .icon-bakery:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e90e";
  }
  .icon-barcode:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e90f";
  }
  .icon-beauty_and_parapharmacy:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e910";
  }
  .icon-bio:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e911";
  }
  .icon-bounce:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e912";
  }
  .icon-burned_cashback:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e913";
  }
  .icon-callcenter:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e914";
  }
  .icon-callcenter_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e915";
  }
  .icon-candystore:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e916";
  }
  .icon-cart:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e917";
  }
  .icon-cart_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e918";
  }
  .icon-case:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e919";
  }
  .icon-case_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e91a";
  }
  .icon-cashback:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e91b";
  }
  .icon-cashback_distributed:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e91c";
  }
  .icon-cashback-extra:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e91d";
  }
  .icon-check:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e91e";
  }
  .icon-childcare:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e91f";
  }
  .icon-christmas:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e920";
  }
  .icon-clear:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e921";
  }
  .icon-clear_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e922";
  }
  .icon-click_collect:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e923";
  }
  .icon-clipboard:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e924";
  }
  .icon-close:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
  }
  .icon-collection:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e926";
  }
  .icon-container:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e927";
  }
  .icon-convert:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e928";
  }
  .icon-convert_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e929";
  }
  .icon-coupons:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e92a";
  }
  .icon-coupons_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e92b";
  }
  .icon-currency:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e92c";
  }
  .icon-customs:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e92d";
  }
  .icon-dairy_product:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e92e";
  }
  .icon-delivery:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e92f";
  }
  .icon-desinfection:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e930";
  }
  .icon-direct_delivery:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e931";
  }
  .icon-document:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e932";
  }
  .icon-document_check:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e933";
  }
  .icon-drive:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e934";
  }
  .icon-ecology:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e935";
  }
  .icon-email:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e936";
  }
  .icon-email_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e937";
  }
  .icon-event:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e938";
  }
  .icon-eye:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e939";
  }
  .icon-eye_disable:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e93a";
  }
  .icon-face_happy:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e93b";
  }
  .icon-face_sad:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e93c";
  }
  .icon-facebook:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e93d";
  }
  .icon-facebook_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e93e";
  }
  .icon-fashion:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e93f";
  }
  .icon-fast_search:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e940";
  }
  .icon-favorite_product:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e941";
  }
  .icon-filter:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e942";
  }
  .icon-flexible_hours:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e943";
  }
  .icon-flower_shop:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e944";
  }
  .icon-fruits_and_vegetables:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e945";
  }
  .icon-garden:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e946";
  }
  .icon-gas_station:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e947";
  }
  .icon-gas_station_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e948";
  }
  .icon-geoloc:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e949";
  }
  .icon-gift:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e94a";
  }
  .icon-graph:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e94b";
  }
  .icon-grid:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e94c";
  }
  .icon-health_checkup:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e94d";
  }
  .icon-heart:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e94e";
  }
  .icon-heart_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e94f";
  }
  .icon-help_button:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e950";
  }
  .icon-hightech:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e951";
  }
  .icon-home:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e952";
  }
  .icon-home_and_leisure:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e953";
  }
  .icon-home_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e954";
  }
  .icon-home_maintenance:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e955";
  }
  .icon-hostess:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e956";
  }
  .icon-hour:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e957";
  }
  .icon-house:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e958";
  }
  .icon-household:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e959";
  }
  .icon-hydroalcoholic_gel:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e95a";
  }
  .icon-import:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e95b";
  }
  .icon-information:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e95c";
  }
  .icon-information_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e95d";
  }
  .icon-instagram:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e95e";
  }
  .icon-instagram_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e95f";
  }
  .icon-itinerary:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e960";
  }
  .icon-itinerary_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e961";
  }
  .icon-jewelry:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e962";
  }
  .icon-key:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e963";
  }
  .icon-launch:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e964";
  }
  .icon-leaflet:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e965";
  }
  .icon-leaflet_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e966";
  }
  .icon-linkedin:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e967";
  }
  .icon-linkedin_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e968";
  }
  .icon-list:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e969";
  }
  .icon-logout:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e96a";
  }
  .icon-loyalty_card:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e96b";
  }
  .icon-mail_sms:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e96c";
  }
  .icon-manager:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e96d";
  }
  .icon-map:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e96e";
  }
  .icon-memo:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e96f";
  }
  .icon-menu:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e970";
  }
  .icon-menu_options:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e971";
  }
  .icon-mic:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e972";
  }
  .icon-minus:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e973";
  }
  .icon-minus_rounded:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e974";
  }
  .icon-modify:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e975";
  }
  .icon-moon:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e976";
  }
  .icon-navigation:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e977";
  }
  .icon-navigation_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e978";
  }
  .icon-newsletter:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e979";
  }
  .icon-no_taste:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e97a";
  }
  .icon-notification:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e97b";
  }
  .icon-ominichannel_user:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e97c";
  }
  .icon-omnichannel:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e97d";
  }
  .icon-options:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e97e";
  }
  .icon-padlock:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e97f";
  }
  .icon-parameters:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e980";
  }
  .icon-parameters_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e981";
  }
  .icon-payment:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e982";
  }
  .icon-payment_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e983";
  }
  .icon-pdf_document:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e984";
  }
  .icon-pen:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e985";
  }
  .icon-pet_shop:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e986";
  }
  .icon-pharmacy:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e987";
  }
  .icon-phone:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e988";
  }
  .icon-phone_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e989";
  }
  .icon-photo:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e98a";
  }
  .icon-pin:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e98b";
  }
  .icon-pin_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e98c";
  }
  .icon-pipette:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e98d";
  }
  .icon-plexiglass_window:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e98e";
  }
  .icon-plus {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
  }
  .icon-plus_rounded:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e990";
  }
  .icon-poka:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e991";
  }
  .icon-promo:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e992";
  }
  .icon-promo_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e993";
  }
  .icon-push:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e994";
  }
  .icon-range:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e995";
  }
  .icon-receipt:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e996";
  }
  .icon-recipe:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e997";
  }
  .icon-recurring_product:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e998";
  }
  .icon-refresh:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e999";
  }
  .icon-restaurant:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e99a";
  }
  .icon-return:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e99b";
  }
  .icon-reverse:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e99c";
  }
  .icon-salty_grocery:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e99d";
  }
  .icon-scan:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e99e";
  }
  .icon-screen:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e99f";
  }
  .icon-search:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a0";
  }
  .icon-secure:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a1";
  }
  .icon-secure_infos:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a2";
  }
  .icon-self_service_checkout:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a3";
  }
  .icon-share:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a4";
  }
  .icon-shelve:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a5";
  }
  .icon-smartphone:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a6";
  }
  .icon-social_distancing:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a7";
  }
  .icon-soft_drinks:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a8";
  }
  .icon-stamp:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9a9";
  }
  .icon-star_empty:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9aa";
  }
  .icon-star_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9ab";
  }
  .icon-status:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9ac";
  }
  .icon-status_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9ad";
  }
  .icon-store_mode:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9ae";
  }
  .icon-sun:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9af";
  }
  .icon-sushi:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b0";
  }
  .icon-sweet_grocery:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b1";
  }
  .icon-table:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b2";
  }
  .icon-target:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b3";
  }
  .icon-tendency_high:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b4";
  }
  .icon-tendency_low:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b5";
  }
  .icon-textarea:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b6";
  }
  .icon-tiny_arrow_down:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b7";
  }
  .icon-tiny_arrow_left:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9b8";
  }
  .icon-tiny_arrow_right:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
      content: "\e9b9";
  }
  .icon-tiny_arrow_up:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9ba";
  }
  .icon-top_offer:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9bb";
  }
  .icon-top_offer_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9bc";
  }
  .icon-top_picks:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9bd";
  }
  .icon-toys:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9be";
  }
  .icon-translate:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9bf";
  }
  .icon-trash:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c0";
  }
  .icon-turnover:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c1";
  }
  .icon-twitter:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c2";
  }
  .icon-twitter_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c3";
  }
  .icon-user:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c4";
  }
  .icon-user_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c5";
  }
  .icon-users:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c6";
  }
  .icon-validation:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c7";
  }
  .icon-validation_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c8";
  }
  .icon-walker:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9c9";
  }
  .icon-warning:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9ca";
  }
  .icon-whatsapp:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9cb";
  }
  .icon-whatsapp_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9cc";
  }
  .icon-wifi:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9cd";
  }
  .icon-wine:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9ce";
  }
  .icon-youtube:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9cf";
  }
  .icon-youtube_full:before {
      font-family: "DesignSystemIcons" !important;
      font-style: normal;
    content: "\e9d0";
  }