/* ==========================================================================
   Máscaras de Ícones (CSS Mask)
   ========================================================================== */

/* 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: inline-block;
}

/* ==========================================================================
   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-down-tray { -webkit-mask-image: url('./24/outline/arrow-down-tray.svg'); mask-image: url('./24/outline/arrow-down-tray.svg'); }
.icon-arrow-left { -webkit-mask-image: url('./24/outline/arrow-left.svg'); mask-image: url('./24/outline/arrow-left.svg'); }
.icon-arrow-path { -webkit-mask-image: url('./24/outline/arrow-path.svg'); mask-image: url('./24/outline/arrow-path.svg'); }
.icon-arrow-right { -webkit-mask-image: url('./24/outline/arrow-right.svg'); mask-image: url('./24/outline/arrow-right.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-up-on-square { -webkit-mask-image: url('./24/outline/arrow-up-on-square.svg'); mask-image: url('./24/outline/arrow-up-on-square.svg'); }
.icon-arrows-pointing-out { -webkit-mask-image: url('./24/outline/arrows-pointing-out.svg'); mask-image: url('./24/outline/arrows-pointing-out.svg'); }
.icon-arrows-up-down { -webkit-mask-image: url('./24/outline/arrows-up-down.svg'); mask-image: url('./24/outline/arrows-up-down.svg'); }
.icon-building-storefront { -webkit-mask-image: url('./24/outline/building-storefront.svg'); mask-image: url('./24/outline/building-storefront.svg'); }
.icon-calendar-days { -webkit-mask-image: url('./24/outline/calendar-days.svg'); mask-image: url('./24/outline/calendar-days.svg'); }
.icon-chat-bubble-bottom-center-text { -webkit-mask-image: url('./24/outline/chat-bubble-bottom-center-text.svg'); mask-image: url('./24/outline/chat-bubble-bottom-center-text.svg'); }
.icon-check { -webkit-mask-image: url('./24/outline/check.svg'); mask-image: url('./24/outline/check.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-clock { -webkit-mask-image: url('./24/outline/clock.svg'); mask-image: url('./24/outline/clock.svg'); }
.icon-code-bracket { -webkit-mask-image: url('./24/outline/code-bracket.svg'); mask-image: url('./24/outline/code-bracket.svg'); }
.icon-cog-6-tooth { -webkit-mask-image: url('./24/outline/cog-6-tooth.svg'); mask-image: url('./24/outline/cog-6-tooth.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-document-duplicate { -webkit-mask-image: url('./24/outline/document-duplicate.svg'); mask-image: url('./24/outline/document-duplicate.svg'); }
.icon-document-duplicate-outline { -webkit-mask-image: url('./24/outline/document-duplicate.svg'); mask-image: url('./24/outline/document-duplicate.svg'); } /* Mapeado para o mesmo arquivo */
.icon-document-text { -webkit-mask-image: url('./24/outline/document-text.svg'); mask-image: url('./24/outline/document-text.svg'); }
.icon-ellipsis-horizontal { -webkit-mask-image: url('./24/outline/ellipsis-horizontal.svg'); mask-image: url('./24/outline/ellipsis-horizontal.svg'); }
.icon-exclamation-triangle { -webkit-mask-image: url('./24/outline/exclamation-triangle.svg'); mask-image: url('./24/outline/exclamation-triangle.svg'); }
.icon-eye { -webkit-mask-image: url('./24/outline/eye.svg'); mask-image: url('./24/outline/eye.svg'); }
.icon-floppy-disk { -webkit-mask-image: url('./24/outline/floppy-disk.svg'); mask-image: url('./24/outline/floppy-disk.svg'); }
.icon-folder { -webkit-mask-image: url('./24/outline/folder.svg'); mask-image: url('./24/outline/folder.svg'); }
.icon-funnel { -webkit-mask-image: url('./24/outline/funnel.svg'); mask-image: url('./24/outline/funnel.svg'); }
.icon-information-circle { -webkit-mask-image: url('./24/outline/information-circle.svg'); mask-image: url('./24/outline/information-circle.svg'); }
.icon-key { -webkit-mask-image: url('./24/outline/key.svg'); mask-image: url('./24/outline/key.svg'); }
.icon-list-bullet { -webkit-mask-image: url('./24/outline/list-bullet.svg'); mask-image: url('./24/outline/list-bullet.svg'); }
.icon-minus { -webkit-mask-image: url('./24/outline/minus.svg'); mask-image: url('./24/outline/minus.svg'); }
.icon-pencil-square { -webkit-mask-image: url('./24/outline/pencil-square.svg'); mask-image: url('./24/outline/pencil-square.svg'); }
.icon-photo { -webkit-mask-image: url('./24/outline/photo.svg'); mask-image: url('./24/outline/photo.svg'); }
.icon-plus { -webkit-mask-image: url('./24/outline/plus.svg'); mask-image: url('./24/outline/plus.svg'); }
.icon-printer { -webkit-mask-image: url('./24/outline/printer.svg'); mask-image: url('./24/outline/printer.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-shopping-cart { -webkit-mask-image: url('./24/outline/shopping-cart.svg'); mask-image: url('./24/outline/shopping-cart.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-video-camera { -webkit-mask-image: url('./24/outline/video-camera.svg'); mask-image: url('./24/outline/video-camera.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-eye-solid { -webkit-mask-image: url('./24/solid/eye.svg'); mask-image: url('./24/solid/eye.svg'); }

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

.icon-spinner { -webkit-mask-image: url('./custom/spinner.svg'); mask-image: url('./custom/spinner.svg'); }
.icon-whatsapp { -webkit-mask-image: url('./custom/whatsapp.svg'); mask-image: url('./custom/whatsapp.svg'); }