.skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
}
@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

/* TOP MINI SIDEBAR SKELETON SECTION */

.skeleton-store-mini-bar-top {
    padding-top: 3px;
    padding-bottom: 3px;
}

.card-title {
    font-size: 1.25rem;
    line-height: 1.33;
    font-weight: 700;
}
.card-title.skeleton {
    min-height: 25px;
    border-radius: 4px;
}

.card-intro {
    margin-top: 0.75rem;
    line-height: 1.5;
}
.card-intro.skeleton {
    min-height: 60px;
    border-radius: 4px;
}



/* TOP MINI SIDEBAR SKELETON RESPONSIVE SECTION */

@media (max-width: 1058px) {
    .card-intro.skeleton {
        min-height: 45px;
    }
}

@media (max-width: 770px) {
    .skeleton-store-mini-bar-top > .section-lef {
        width: 35% !important;
        max-width: 35% !important;
    }

    .skeleton-store-mini-bar-top > .section-right {
        width: 65% !important;
        max-width: 65% !important;
    }
}

@media (max-width: 600px) {
    .card-intro.skeleton {
        min-height: 40px;
    }
}

@media (max-width: 480px) {
    .skeleton-store-mini-bar-top {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .card-intro.skeleton {
        min-height: 35px;
    }
}

@media (max-width: 400px) {
    .card-intro.skeleton {
        min-height: 30px;
    }
}


/* STORE SIDEBAR SKELETON SECTION */

.card-intro-store {
    margin-top: 0.75rem;
    line-height: 1.5;
}

.card-intro-store.skeleton {
    min-height: 300px;
    border-radius: 4px;
}



/* STORE SIDEBAR SKELETON SECTION */

@media (max-width: 900px) {
    .card-intro-store.skeleton {
        min-height: 250px;
    }
}

@media (max-width: 750px) {
    .card-intro-store.skeleton {
        min-height: 220px;
    }
}

@media (max-width: 550px) {
    .card-intro-store.skeleton {
        min-height: 200px;
    }
}

@media (max-width: 480px) {
    .card-intro-store.skeleton {
        min-height: 170px;
    }
}

@media (max-width: 400px) {
    .card-intro-store.skeleton {
        min-height: 150px;
    }
}