/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    MOLÉCULE : CARD VIGNETTE
    Style des vignettes de page
*/


.molecule_card-vignette {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    aspect-ratio: 13 / 19;
    overflow: hidden;
}

.molecule_card-vignette__img {
    position: absolute;
    inset: 0;
    z-index: -1;
}

    /* After */
    .molecule_card-vignette__img::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(0deg,
            rgb(var(--rgb_c-primary) / 100%) 0%,
            rgb(var(--rgb_c-primary) / 0%) 78%
        );
        opacity: 1;
        transition: opacity .4s;
    }