.skeleton {
    background: linear-gradient( 90deg, #e0e0e0 25%, #f5f5f5 37%, #e0e0e0 63% );
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
    border-radius: 4px;
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

/* Sizes */
.sk-text {
    height: 14px;
    margin-bottom: 6px;
}

.sk-title {
    height: 18px;
    width: 60%;
}

.sk-btn {
    height: 45px;
    border-radius: 6px;
}

.sk-circle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.sk-sm {
    width: 40px;
}

.sk-md {
    width: 80px;
}

.sk-lg {
    width: 140px;
}

.sk-full {
    width: 100%;
}

.skeleton-row {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}