/* SKELETON */

.skeleton{

    position:relative;

    overflow:hidden;

    background:
    rgba(255,255,255,0.05);

}

/* SHIMMER */

.skeleton::before{

    content:"";

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:100%;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.08),
        transparent
    );

    animation:
    skeletonLoading 1.5s infinite;

}

@keyframes skeletonLoading{

    100%{

        left:100%;

    }

}

/* TEXT */

.skeleton-text{

    height:16px;

    border-radius:8px;

    margin-bottom:12px;

}

/* TITLE */

.skeleton-title{

    height:28px;

    border-radius:10px;

    margin-bottom:18px;

}

/* CARD */

.skeleton-card{

    height:120px;

    border-radius:24px;

}