:root {
    --sbg: linear-gradient(90deg,  var(--demi), transparent,var(--demi) );
    --sbgAnimation: loading 3s infinite;
    --sbgBGColor: #e6e6e669;
}

@keyframes loading {
    100% {
        background-position-x: 400%;
    }
}


[data-skeleton="true"] {
    color: transparent;
}

[data-skeleton="true"]>.lineControls>img{
    display: none;
}
[data-skeleton="true"]>.lineControls,
[data-skeleton="true"]>div>h3,
[data-skeleton="true"]>h3,
[data-skeleton="true"]>div>h4,
[data-skeleton="true"]>h4,
[data-skeleton="true"]>div>.minGap>*,
[data-skeleton="true"]>.imagePlacer 
{
    
    background: var(--sbg);
    animation: var(--sbgAnimation);
    background-size: 200% 100% !important;
}

[data-skeleton="true"]>div>h3,
[data-skeleton="true"]>h3 {
    width: 250px;
    height: 20px;
    max-width: 100%;
}

[data-skeleton="true"]>div>h4,
[data-skeleton="true"]>h4 {
    width: 100%;
    height: 40px;
    max-width: 80%;
}


[data-skeleton="true"]>div>h3,
[data-skeleton="true"]>h3,
[data-skeleton="true"]>div>h4,
[data-skeleton="true"]>h4,
[data-skeleton="true"]>div>.minGap>*{
    border-radius: 5px;
}