@import "tailwindcss";
/* TYPE */

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

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

    .icon-spark-pink {
        background-image: url("../../icons/gtm/icon-spark-pink.png");
    }

    .icon-spark-pink-dark {
        background-image: url("../../icons/gtm/icon-spark-pink-dark.png");
    }

    .icon-socmed-instagram-pink {
        background-image: url("../../icons/gtm/icon-instagram-pink.png");
    }

    .icon-socmed-tiktok-pink {
        background-image: url("../../icons/gtm/icon-tiktok-pink.png");
    }

    .icon-menu-pink {
        background-image: url("../../icons/gtm/icon-menu-pink.png");
    }

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

    .icon-arrow-down-pink {
        background-image: url("../../icons/gtm/icon-arrow-down-pink.png");
    }
}