@import "tailwindcss";
/* TYPE */

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

    .icon-contain {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

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

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

    .icon-arrow-down-black {
        background-image: url("../../icons/dealer/icon-arrow-down-black.png");
    }
    .icon-arrow-down-white {
        background-image: url("../../icons/dealer/icon-arrow-down-white.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");
    }
    .icon-arrow-right-white {
        background-image: url("../../icons/foton/icon-arrow-right.png");
    }
    .icon-arrow-right-secondary {
        background-image: url("../../icons/foton/icon-arrow-right-secondary.png");
    }
    .icon-arrow-right-primary {
        background-image: url("../../icons/foton/icon-arrow-right-primary.png");
    }

    .icon-arrow-line-left-black {
        background-image: url("../../icons/mercedes/icon-arrow-line-left-black.png");
    }
    .icon-arrow-line-left-white {
        background-image: url("../../icons/mercedes/icon-arrow-line-left-white.png");
    }
    .icon-arrow-line-right-black {
        background-image: url("../../icons/mercedes/icon-arrow-line-right-black.png");
    }
    .icon-arrow-line-right-white {
        background-image: url("../../icons/mercedes/icon-arrow-line-right-white.png");
    }

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

    /* CHECK */
    .icon-check-white {
        background-image: url("../../icons/dealer/icon-check-white.png");
    }
    .icon-check-filled-white {
        background-image: url("../../icons/dealer/icon-check-filled-white.png");
    }

    /* CIRCLE */
    .icon-circle-journey {
        background-image: url("../../icons/foton/icon-circle-journey.png");
    }

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

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

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

    /* LOADING */
    .icon-loading {
        background-image: url("../../icons/foton/icon-loading.gif");
    }

    /* 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");
    }
    .icon-location-primary {
        background-image: url("../../icons/foton/icon-location-primary.png");
    }

    /* MENU */
    .icon-menu-white {
        background-image: url("../../icons/dealer/icon-menu-white.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");
    }

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

    /* SHARE */
    .icon-share-black {
        background-image: url("../../icons/dealer/icon-share-black.png");
    }
    .icon-share-white {
        background-image: url("../../icons/dealer/icon-share-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");
    }

    /* SOCMED SHARE */
    .ic-socmed-email {
        background-image: url("../../icons/dealer/icon-socmed-email.png");
    }
    .ic-socmed-facebook {
        background-image: url("../../icons/dealer/icon-socmed-facebook.png");
    }
    .ic-socmed-google {
        background-image: url("../../icons/dealer/icon-socmed-google.png");
    }
    .ic-socmed-line {
        background-image: url("../../icons/dealer/icon-socmed-line.png");
    }
    .ic-socmed-link {
        background-image: url("../../icons/dealer/icon-socmed-link.png");
    }
    .ic-socmed-twitter {
        background-image: url("../../icons/dealer/icon-socmed-twitter.png");
    }
    .ic-socmed-whatsapp {
        background-image: url("../../icons/dealer/icon-socmed-whatsapp.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");
    }

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

    /* SQUARE */
    .icon-square-white {
        background-image: url("../../icons/dealer/icon-square-white.png");
    }
    .icon-square-filled {
        background-image: url("../../icons/dealer/icon-square-filled.png");
    }

    /* TIME */
    .icon-time-primary {
        background-image: url("../../icons/foton/icon-time-primary.png");
    }
}