@import "tailwindcss";
/* TYPE */

@layer base {
    .icon {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* ARROW DOWN */
    .icon-filled-triangle-arrow-down-dark {
        background-image: url("../icons/icon-filled-triangle-arrow-down-dark.png");
    }
    .icon-filled-triangle-arrow-down-grey {
        background-image: url("../icons/icon-filled-triangle-arrow-down-grey.png");
    }

    /* ARROW LEFT */
    .icon-outline-chevron-left-orange{
      background-image: url("../icons/icon-outline-chevron-left-orange.png");
    }

    /* ARROW RIGHT */
    .icon-filled-square-arrow-right-white{
      background-image: url("../icons/icon-filled-square-arrow-right-white.png");
    }

    .icon-filled-square-arrow-right-grey{
      background-image: url("../icons/icon-filled-square-arrow-right-grey.png");
    }

    .icon-outline-chevron-right-orange{
      background-image: url("../icons/icon-outline-chevron-right-orange.png");
    }

    /* DASHBOARD */
    .icon-bulk-dashboard-grey {
        background-image: url("../icons/icon-bulk-dashboard-grey.png");
    }
    .icon-bulk-dashboard-white {
        background-image: url("../icons/icon-bulk-dashboard-white.png");
    }

    /* DOCUMENT */
    .icon-bulk-document-grey {
        background-image: url("../icons/icon-bulk-document-grey.png");
    }
    .icon-bulk-document-primary {
        background-image: url("../icons/icon-bulk-document-primary.png");
    }

    /* EDIT */
    .icon-outline-edit-white {
        background-image: url("../icons/icon-outline-edit-white.png");
    }
    
    /* EMAIL */
    .icon-outline-email-white {
        background-image: url("../icons/icon-outline-email-white.png");
    }
   
    /* INFO */
    .icon-bulk-info-grey {
        background-image: url("../icons/icon-bulk-info-grey.png");
    }

    .icon-bulk-info-primary {
        background-image: url("../icons/icon-bulk-info-primary.png");
    }
    .icon-bulk-info-white {
        background-image: url("../icons/icon-bulk-info-white.png");
    }
    
    /* LOCK */
    .icon-outline-lock-dark {
        background-image: url("../icons/icon-outline-lock-dark.png");
    }

    /* LOCK */
    .icon-outline-logout-dark {
        background-image: url("../icons/icon-outline-logout-dark.png");
    }

    /* MONEY */
    .icon-bulk-money-grey{
      background-image: url("../icons/icon-bulk-money-grey.png");
    }
    .icon-bulk-money-white{
      background-image: url("../icons/icon-bulk-money-white.png");
    }

    /* NOTIF */
    .icon-bulk-notification-grey{
      background-image: url("../icons/icon-bulk-notification-grey.png");
    }
    .icon-bulk-notification-white{
      background-image: url("../icons/icon-bulk-notification-white.png");
    }

    /* PHONE */
    .icon-outline-phone-white {
        background-image: url("../icons/icon-outline-phone-white.png");
    }

    /* PLUS */
    .icon-outline-plus-white {
        background-image: url("../icons/icon-outline-plus-white.png");
    }

    /* USER */
    .icon-bulk-user-grey{
      background-image: url("../icons/icon-bulk-user-grey.png");
    }
    .icon-bulk-user-white{
      background-image: url("../icons/icon-bulk-user-white.png");
    }

    /* SEARCH */
    .icon-outline-search-grey{
      background-image: url("../icons/icon-outline-search-grey.png");
    }

    /* SETTING */
    .icon-bulk-setting-grey{
      background-image: url("../icons/icon-bulk-setting-grey.png");
    }
    .icon-bulk-setting-white{
      background-image: url("../icons/icon-bulk-setting-white.png");
    }

    /* WHATSAPP */
    .icon-outline-whatsapp-white{
      background-image: url("../icons/icon-outline-whatsapp-white.png");
    }
}