/*
.skeleton{
    background: var(--grey)!important;
    opacity: 0.5;
    !*border-radius: 5px;*!
    color: var(--grey) !important;
    animation: pulse 0.3s infinite alternate;
}
@keyframes pulse {
    0%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}*/

.skeleton{
    position: relative;
    overflow: hidden;
    background: #D4DBD9 !important;
    border-radius: 6px;
    color: transparent !important;
    pointer-events: none;
    user-select: none;
}

.skeleton::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            100deg,
            transparent 20%,
            rgba(255,255,255,0.18) 40%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.18) 60%,
            transparent 80%
    );
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.2s ease-in-out infinite;
    animation-delay: -0.45s;
}

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