/* =========================================================
   SÉCURITÉ D’AFFICHAGE
   Une carte ne peut plus rester invisible si une animation
   est neutralisée par une ancienne règle CSS.
========================================================= */

.cdv-profile-overview {
    visibility: visible !important;
    opacity: 1 !important;
}


.cdv-profile-overview
>
.replay-metric-card {

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;

    animation: none !important;
}


/* Aucun mouvement au passage de la souris. */

.cdv-profile-overview
>
.replay-metric-card:hover {

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
}


/* Les contenus internes restent visibles. */

.cdv-profile-overview
>
.replay-metric-card
>
* {

    visibility: visible !important;
}


/* =========================================================
   APPARITION FIABLE
   On utilise un voile lumineux indépendant de l’opacité
   des cartes.
========================================================= */

.cdv-profile-overview
>
.replay-metric-card
>
.cdv-card-reveal-layer {

    display: none !important;
}


/* =========================================================
   CONSERVE LES ANIMATIONS INTERNES UTILES
========================================================= */

.cdv-summary-avatar {

    animation:
        cdvAvatarBreathing
        4.8s
        ease-in-out
        infinite !important;
}


.cdv-summary-avatar::after {

    animation:
        cdvAvatarReflection
        6.5s
        ease-in-out
        infinite !important;
}


.cdv-summary-emblem::before {

    animation:
        cdvRankAura
        4.2s
        ease-in-out
        infinite !important;
}


.cdv-summary-ratio-track::after {

    animation:
        cdvRatioShine
        1.1s
        .5s
        ease-out
        1
        forwards !important;
}


.cdv-summary-ratio-track .wins,
.cdv-summary-ratio-track .losses {

    animation:
        cdvRatioGrow
        .9s
        .25s
        cubic-bezier(
            .2,
            .72,
            .2,
            1
        )
        both !important;
}


/* Les utilisateurs demandant moins d’animations
   gardent également toutes les cartes visibles. */

@media (prefers-reduced-motion: reduce) {

    .cdv-summary-avatar,

    .cdv-summary-avatar::after,

    .cdv-summary-emblem::before,

    .cdv-summary-ratio-track::after,

    .cdv-summary-ratio-track .wins,

    .cdv-summary-ratio-track .losses {

        animation: none !important;
    }


    .cdv-profile-overview
    >
    .replay-metric-card {

        visibility: visible !important;
        opacity: 1 !important;

        transform: none !important;
    }
}