.skeleton {

}

.skeleton-item {
    display: block;
    background-size: 600px;
    background-image: linear-gradient(90deg, #F1F3F5 0px, #e8e8e8 40px, #F1F3F5 80px);
    animation: shine-lines 2s infinite linear;
}

.skeleton-card {
    border-radius: .3rem;
    width: 2rem;
    height: 1.26rem;
}

.skeleton-text {
    border-radius: .3rem;
    width: 4rem;
    height: .7rem;
}

.skeleton-text-lg {
    width: 9rem;
}

.skeleton-radio {
    width: 1.4em;
    height: 1.4em;
    border-radius: 1rem;
}

@keyframes shine-lines {
    0% {
        background-position: -100px;
    }
    40%, 100% {
        background-position: 140px;
    }
}
@keyframes shine-avatar {
    0% {
        background-position: -32px;
    }
    40%, 100% {
        background-position: 208px;
    }
}