/* =========================================================
   EMBLÈME SOLOQ XL
========================================================= */

.cdv-wide-rank {

    grid-template-columns:
        190px
        minmax(
            0,
            1fr
        ) !important;

    gap: 5px !important;
}


.cdv-wide-rank-emblem {

    width: 190px !important;
    height: 205px !important;

    overflow: visible !important;
}


.cdv-wide-rank-emblem::before {

    inset: 23% 17% !important;

    opacity: 1 !important;

    filter:
        blur(32px) !important;
}


.cdv-wide-rank-emblem img {

    width: 175px !important;
    height: 175px !important;

    opacity: .92 !important;

    transform:
        scale(1.72) !important;

    transform-origin:
        center center !important;

    filter:

        saturate(1.23)

        drop-shadow(
            0 17px 31px
            rgba(
                0,
                0,
                0,
                .54
            )
        )

        drop-shadow(
            0 0 17px
            rgba(
                var(--player-accent),
                .18
            )
        ) !important;
}


.cdv-wide-rank-copy {

    padding-left: 4px !important;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1050px) {

    .cdv-wide-rank {

        grid-template-columns:
            150px
            minmax(
                0,
                1fr
            ) !important;
    }


    .cdv-wide-rank-emblem {

        width: 150px !important;
        height: 175px !important;
    }


    .cdv-wide-rank-emblem img {

        width: 145px !important;
        height: 145px !important;

        transform:
            scale(1.62) !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 790px) {

    .cdv-wide-rank {

        width:
            min(
                390px,
                100%
            ) !important;

        grid-template-columns:
            175px
            minmax(
                0,
                1fr
            ) !important;
    }


    .cdv-wide-rank-emblem {

        width: 175px !important;
        height: 190px !important;
    }


    .cdv-wide-rank-emblem img {

        width: 165px !important;
        height: 165px !important;

        transform:
            scale(1.65) !important;
    }
}