@import "tailwindcss";
/* TYPE */

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

    /* ARROW */
    .icon-arrow-up-black {
        background-image: url("../../icons/dealer/icon-arrow-up-black.png");
    }
    .icon-arrow-down-black {
        background-image: url("../../icons/dealer/icon-arrow-down-black.png");
    }
    .icon-arrow-left-black {
        background-image: url("../../icons/dealer/icon-arrow-left-black.png");
    }
    .icon-arrow-right-black {
        background-image: url("../../icons/dealer/icon-arrow-right-black.png");
    }

    /* CALENDAR */
    .icon-calendar-black {
        background-image: url("../../icons/dealer/icon-calendar-black.png");
    }

    /* CLOSE */
    .icon-close-black {
        background-image: url("../../icons/dealer/icon-close-black.png");
    }

    /* LOCATION */
    .icon-location-black {
        background-image: url("../../icons/dealer/icon-location-black.png");
    }
    .icon-location-white {
        background-image: url("../../icons/dealer/icon-location-white.png");
    }

    /* MENU */
    .icon-menu-black {
        background-image: url("../../icons/dealer/icon-menu-black.png");
    }

    /* PAPER */
    .icon-paper-white {
        background-image: url("../../icons/dealer/icon-paper-white.png");
    }

    /* PENCIL */
    .icon-pencil-black {
        background-image: url("../../icons/dealer/icon-pencil-black.png");
    }

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

    /* SOCMED */
    .icon-socmed-instagram-black {
        background-image: url("../../icons/dealer/icon-socmed-instagram-black.png");
    }
    .icon-socmed-facebook-black {
        background-image: url("../../icons/dealer/icon-socmed-facebook-black.png");
    }
    .icon-socmed-tiktok-black {
        background-image: url("../../icons/dealer/icon-socmed-tiktok-black.png");
    }

    .icon-socmed-instagram-white {
        background-image: url("../../icons/dealer/icon-socmed-instagram-white.png");
    }
    .icon-socmed-facebook-white {
        background-image: url("../../icons/dealer/icon-socmed-facebook-white.png");
    }
    .icon-socmed-tiktok-white {
        background-image: url("../../icons/dealer/icon-socmed-tiktok-white.png");
    }

    /* STEER */
    .icon-steer-black {
        background-image: url("../../icons/dealer/icon-steer-black.png");
    }
    .icon-steer-white {
        background-image: url("../../icons/dealer/icon-steer-white.png");
    }

    /* +62 */
    .icon-62-black {
        background-image: url("../../icons/dealer/icon-62-black.png");
    }
}