/* ==========================================================================
   Máscaras de Ícones (CSS Mask) - Loja (jornada "Minha Conta" / tema 2015)
   Declara apenas os icon-* usados pela área da conta. Compartilha os mesmos
   diretórios de SVG do admin3-heroicons.css.
   ========================================================================== */

/* Classe Base */
.mask-icon {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  display: grid;
  aspect-ratio: 1/1;
}

/* ==========================================================================
   Heroicons - Outline (v24)
   ========================================================================== */

.icon-archive-box { -webkit-mask-image: url('./24/outline/archive-box.svg'); mask-image: url('./24/outline/archive-box.svg'); }
.icon-arrow-down { -webkit-mask-image: url('./24/outline/arrow-down.svg'); mask-image: url('./24/outline/arrow-down.svg'); }
.icon-arrow-left { -webkit-mask-image: url('./24/outline/arrow-left.svg'); mask-image: url('./24/outline/arrow-left.svg'); }
.icon-arrow-right { -webkit-mask-image: url('./24/outline/arrow-right.svg'); mask-image: url('./24/outline/arrow-right.svg'); }
.icon-arrow-right-on-rectangle { -webkit-mask-image: url('./24/outline/arrow-right-on-rectangle.svg'); mask-image: url('./24/outline/arrow-right-on-rectangle.svg'); }
.icon-arrow-top-right-on-square { -webkit-mask-image: url('./24/outline/arrow-top-right-on-square.svg'); mask-image: url('./24/outline/arrow-top-right-on-square.svg'); }
.icon-arrow-up { -webkit-mask-image: url('./24/outline/arrow-up.svg'); mask-image: url('./24/outline/arrow-up.svg'); }
.icon-arrow-uturn-left { -webkit-mask-image: url('./24/outline/arrow-uturn-left.svg'); mask-image: url('./24/outline/arrow-uturn-left.svg'); }
.icon-banknotes { -webkit-mask-image: url('./24/outline/banknotes.svg'); mask-image: url('./24/outline/banknotes.svg'); }
.icon-bars-3 { -webkit-mask-image: url('./24/outline/bars-3.svg'); mask-image: url('./24/outline/bars-3.svg'); }
.icon-bell-alert { -webkit-mask-image: url('./24/outline/bell-alert.svg'); mask-image: url('./24/outline/bell-alert.svg'); }
.icon-book-open { -webkit-mask-image: url('./24/outline/book-open.svg'); mask-image: url('./24/outline/book-open.svg'); }
.icon-building-office { -webkit-mask-image: url('./24/outline/building-office.svg'); mask-image: url('./24/outline/building-office.svg'); }
.icon-calendar { -webkit-mask-image: url('./24/outline/calendar.svg'); mask-image: url('./24/outline/calendar.svg'); }
.icon-chart-bar { -webkit-mask-image: url('./24/outline/chart-bar.svg'); mask-image: url('./24/outline/chart-bar.svg'); }
.icon-check { -webkit-mask-image: url('./24/outline/check.svg'); mask-image: url('./24/outline/check.svg'); }
.icon-check-circle { -webkit-mask-image: url('./24/outline/check-circle.svg'); mask-image: url('./24/outline/check-circle.svg'); }
.icon-chevron-down { -webkit-mask-image: url('./24/outline/chevron-down.svg'); mask-image: url('./24/outline/chevron-down.svg'); }
.icon-chevron-right { -webkit-mask-image: url('./24/outline/chevron-right.svg'); mask-image: url('./24/outline/chevron-right.svg'); }
.icon-circle-stack { -webkit-mask-image: url('./24/outline/circle-stack.svg'); mask-image: url('./24/outline/circle-stack.svg'); }
.icon-clipboard-document-list { -webkit-mask-image: url('./24/outline/clipboard-document-list.svg'); mask-image: url('./24/outline/clipboard-document-list.svg'); }
.icon-credit-card { -webkit-mask-image: url('./24/outline/credit-card.svg'); mask-image: url('./24/outline/credit-card.svg'); }
.icon-cube { -webkit-mask-image: url('./24/outline/cube.svg'); mask-image: url('./24/outline/cube.svg'); }
.icon-device-phone-mobile { -webkit-mask-image: url('./24/outline/device-phone-mobile.svg'); mask-image: url('./24/outline/device-phone-mobile.svg'); }
.icon-document-currency-dollar { -webkit-mask-image: url('./24/outline/document-currency-dollar.svg'); mask-image: url('./24/outline/document-currency-dollar.svg'); }
.icon-document-duplicate { -webkit-mask-image: url('./24/outline/document-duplicate.svg'); mask-image: url('./24/outline/document-duplicate.svg'); }
.icon-document-text { -webkit-mask-image: url('./24/outline/document-text.svg'); mask-image: url('./24/outline/document-text.svg'); }
.icon-envelope { -webkit-mask-image: url('./24/outline/envelope.svg'); mask-image: url('./24/outline/envelope.svg'); }
.icon-exclamation-circle { -webkit-mask-image: url('./24/outline/exclamation-circle.svg'); mask-image: url('./24/outline/exclamation-circle.svg'); }
.icon-exclamation-triangle { -webkit-mask-image: url('./24/outline/exclamation-triangle.svg'); mask-image: url('./24/outline/exclamation-triangle.svg'); }
.icon-gift { -webkit-mask-image: url('./24/outline/gift.svg'); mask-image: url('./24/outline/gift.svg'); }
.icon-heart { -webkit-mask-image: url('./24/outline/heart.svg'); mask-image: url('./24/outline/heart.svg'); }
.icon-identification { -webkit-mask-image: url('./24/outline/identification.svg'); mask-image: url('./24/outline/identification.svg'); }
.icon-information-circle { -webkit-mask-image: url('./24/outline/information-circle.svg'); mask-image: url('./24/outline/information-circle.svg'); }
.icon-lock-closed { -webkit-mask-image: url('./24/outline/lock-closed.svg'); mask-image: url('./24/outline/lock-closed.svg'); }
.icon-magnifying-glass { -webkit-mask-image: url('./24/outline/magnifying-glass.svg'); mask-image: url('./24/outline/magnifying-glass.svg'); }
.icon-map-pin { -webkit-mask-image: url('./24/outline/map-pin.svg'); mask-image: url('./24/outline/map-pin.svg'); }
.icon-megaphone { -webkit-mask-image: url('./24/outline/megaphone.svg'); mask-image: url('./24/outline/megaphone.svg'); }
.icon-paint-brush { -webkit-mask-image: url('./24/outline/paint-brush.svg'); mask-image: url('./24/outline/paint-brush.svg'); }
.icon-plus { -webkit-mask-image: url('./24/outline/plus.svg'); mask-image: url('./24/outline/plus.svg'); }
.icon-qr-code { -webkit-mask-image: url('./24/outline/qr-code.svg'); mask-image: url('./24/outline/qr-code.svg'); }
.icon-question-mark-circle { -webkit-mask-image: url('./24/outline/question-mark-circle.svg'); mask-image: url('./24/outline/question-mark-circle.svg'); }
.icon-rocket-launch { -webkit-mask-image: url('./24/outline/rocket-launch.svg'); mask-image: url('./24/outline/rocket-launch.svg'); }
.icon-shield-check { -webkit-mask-image: url('./24/outline/shield-check.svg'); mask-image: url('./24/outline/shield-check.svg'); }
.icon-shopping-bag { -webkit-mask-image: url('./24/outline/shopping-bag.svg'); mask-image: url('./24/outline/shopping-bag.svg'); }
.icon-star { -webkit-mask-image: url('./24/outline/star.svg'); mask-image: url('./24/outline/star.svg'); }
.icon-tag { -webkit-mask-image: url('./24/outline/tag.svg'); mask-image: url('./24/outline/tag.svg'); }
.icon-ticket { -webkit-mask-image: url('./24/outline/ticket.svg'); mask-image: url('./24/outline/ticket.svg'); }
.icon-trash { -webkit-mask-image: url('./24/outline/trash.svg'); mask-image: url('./24/outline/trash.svg'); }
.icon-truck { -webkit-mask-image: url('./24/outline/truck.svg'); mask-image: url('./24/outline/truck.svg'); }
.icon-user-group { -webkit-mask-image: url('./24/outline/user-group.svg'); mask-image: url('./24/outline/user-group.svg'); }
.icon-users { -webkit-mask-image: url('./24/outline/users.svg'); mask-image: url('./24/outline/users.svg'); }
.icon-wallet { -webkit-mask-image: url('./24/outline/wallet.svg'); mask-image: url('./24/outline/wallet.svg'); }
.icon-wrench-screwdriver { -webkit-mask-image: url('./24/outline/wrench-screwdriver.svg'); mask-image: url('./24/outline/wrench-screwdriver.svg'); }
.icon-x-mark { -webkit-mask-image: url('./24/outline/x-mark.svg'); mask-image: url('./24/outline/x-mark.svg'); }

/* ==========================================================================
   Heroicons - Solid (v24)
   ========================================================================== */

.icon-star-solid { -webkit-mask-image: url('./24/solid/star.svg'); mask-image: url('./24/solid/star.svg'); }

/* ==========================================================================
   Ícones Customizados (Fora do Heroicons)
   ========================================================================== */

.icon-barcode { -webkit-mask-image: url('./custom/barcode.svg'); mask-image: url('./custom/barcode.svg'); }
.icon-coins { -webkit-mask-image: url('./custom/coins.svg'); mask-image: url('./custom/coins.svg'); }
.icon-hand-holding-dollar { -webkit-mask-image: url('./custom/hand-holding-dollar.svg'); mask-image: url('./custom/hand-holding-dollar.svg'); }
.icon-pix { -webkit-mask-image: url('./custom/pix.svg'); mask-image: url('./custom/pix.svg'); }
.icon-whatsapp { -webkit-mask-image: url('./custom/whatsapp.svg'); mask-image: url('./custom/whatsapp.svg'); }