.icon.refresh {
  background-image: url("../../assets/svg/refresh.svg");
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-2.64-6.36%22%2F%3E%3Cpath%20d%3D%22M21%203v6h-6%22%2F%3E%3C%2Fsvg%3E%0D%0A");
  --icon-mask: url("../../assets/svg/refresh.svg");
  --icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-2.64-6.36%22%2F%3E%3Cpath%20d%3D%22M21%203v6h-6%22%2F%3E%3C%2Fsvg%3E%0D%0A");
}

.icon.support-cart {
  background-image: url("../../assets/svg/support-cart.svg");
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Ccircle%20cx%3D%229.5%22%20cy%3D%2220.5%22%20r%3D%221.5%22%2F%3E%0A%09%3Ccircle%20cx%3D%2218%22%20cy%3D%2220.5%22%20r%3D%221.5%22%2F%3E%0A%09%3Cpath%20d%3D%22M1.5%202.5h3.1l2.5%2011.6a2%202%200%200%200%202%201.6h8.1a2%202%200%200%200%202-1.57L21%207H5.6%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  --icon-mask: url("../../assets/svg/support-cart.svg");
  --icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Ccircle%20cx%3D%229.5%22%20cy%3D%2220.5%22%20r%3D%221.5%22%2F%3E%0A%09%3Ccircle%20cx%3D%2218%22%20cy%3D%2220.5%22%20r%3D%221.5%22%2F%3E%0A%09%3Cpath%20d%3D%22M1.5%202.5h3.1l2.5%2011.6a2%202%200%200%200%202%201.6h8.1a2%202%200%200%200%202-1.57L21%207H5.6%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.icon.support-help {
  background-image: url("../../assets/svg/support-help.svg");
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0D%0A%09%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M9.85%209.25a2.55%202.55%200%200%201%204.86%201.1c0%201.82-1.95%202.38-2.57%203.53%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M12%2017.3h.01%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  --icon-mask: url("../../assets/svg/support-help.svg");
  --icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0D%0A%09%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M9.85%209.25a2.55%202.55%200%200%201%204.86%201.1c0%201.82-1.95%202.38-2.57%203.53%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M12%2017.3h.01%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}

.icon.support-inventory {
  background-image: url("../../assets/svg/support-inventory.svg");
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Cpath%20d%3D%22M3%2021V9l9-6%209%206v12%22%2F%3E%0A%09%3Cline%20x1%3D%222%22%20y1%3D%2221%22%20x2%3D%2222%22%20y2%3D%2221%22%2F%3E%0A%09%3Crect%20x%3D%226.5%22%20y%3D%2212.5%22%20width%3D%224.5%22%20height%3D%224%22%20rx%3D%220.6%22%2F%3E%0A%09%3Crect%20x%3D%2213%22%20y%3D%2212.5%22%20width%3D%224.5%22%20height%3D%224%22%20rx%3D%220.6%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  --icon-mask: url("../../assets/svg/support-inventory.svg");
  --icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Cpath%20d%3D%22M3%2021V9l9-6%209%206v12%22%2F%3E%0A%09%3Cline%20x1%3D%222%22%20y1%3D%2221%22%20x2%3D%2222%22%20y2%3D%2221%22%2F%3E%0A%09%3Crect%20x%3D%226.5%22%20y%3D%2212.5%22%20width%3D%224.5%22%20height%3D%224%22%20rx%3D%220.6%22%2F%3E%0A%09%3Crect%20x%3D%2213%22%20y%3D%2212.5%22%20width%3D%224.5%22%20height%3D%224%22%20rx%3D%220.6%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.icon.support-purchase {
  background-image: url("../../assets/svg/support-purchase.svg");
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Cpath%20d%3D%22M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%0A%09%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%2F%3E%0A%09%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  --icon-mask: url("../../assets/svg/support-purchase.svg");
  --icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Cpath%20d%3D%22M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%0A%09%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%2F%3E%0A%09%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.icon.support-returns {
  background-image: url("../../assets/svg/support-returns.svg");
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Cpolyline%20points%3D%229%2010%204%2015%209%2020%22%2F%3E%0A%09%3Cpath%20d%3D%22M20%204v7a4%204%200%200%201-4%204H4%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  --icon-mask: url("../../assets/svg/support-returns.svg");
  --icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%09%3Cpolyline%20points%3D%229%2010%204%2015%209%2020%22%2F%3E%0A%09%3Cpath%20d%3D%22M20%204v7a4%204%200%200%201-4%204H4%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.icon.sprt-onboarding {
  width: 100%;
  height: 100%;
  background: url("../png/onboarding-robot-head.png") center/contain no-repeat;
}