.skeleton-loader {
    position: relative;
    height: 320px;
}
.skeleton-loader:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100% ),
    linear-gradient(#aaaaaa 171px, transparent 0),
    linear-gradient(#aaaaaa 171px, transparent 0),
    linear-gradient(#aaaaaa 14px, transparent 0),
    linear-gradient(#aaaaaa 14px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#ffffff 100%, transparent 0);
    background-size: 264px 100%, 242px 171px, 236px 171px, 128px 14px, 128px 14px, 71px 23px, 33px 23px, 128px 23px, 87px 23px, 100% 100%;
    background-position: 0 0 , 9px 77px, 270px 77px, 9px 256px, 270px 256px, 9px 19px, 98px 19px, 149px 19px, 295px 19px, 0 0;
    animation: skeleton-animation 2300ms infinite;
}

@keyframes skeleton-animation {
    to {
        background-position: 100% 0, 9px 77px, 270px 77px, 9px 256px, 270px 256px, 9px 19px, 98px 19px, 149px 19px, 295px 19px, 0 0;
    }
}

/* Carte en attente de chargement dans le slider des prochaines sessions */
.s-card.s-card-skeleton {
    min-height: 320px;
    cursor: default;
    pointer-events: none;
}
.s-card-skeleton .sk-block {
    position: relative;
    overflow: hidden;
    background: #e6e6e6;
    border-radius: 6px;
}
.s-card-skeleton .sk-visual {
    height: 171px;
    border-radius: 0;
}
.s-card-skeleton .sk-line {
    height: 14px;
    margin: 18px 18px 0;
}
.s-card-skeleton .sk-short {
    width: 40%;
}
.s-card-skeleton .sk-block:after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100% );
    animation: s-card-skeleton-animation 1400ms infinite;
}

@keyframes s-card-skeleton-animation {
    to {
        transform: translateX(100%);
    }
}