:root .dark-mode {
    --credits-avatar-fill: #CCC;
    --credits-avatar-lose-fill: #777;
    --credits-avatar-stroke: #CCC;
    --credits-avatar-lose-stroke: #707070;
    --credits-fullname-color: #CCC;
    --credits-position-color: #AAA;
    --credits-position-lose-color: #aaa;
    --credits-text-color: #AAA;
    --credits-avatar-lose-url: url("/images/v2/credits/avatars/svg/credit_lose_dark.svg");
    --credits-banner-1x-url: url("/images/v2/credits/dark_mode/credits_784@1x.jpg");
    --credits-banner-2x-url: url("/images/v2/credits/dark_mode/credits_784@2x.jpg");
    --credits-banner-3x-url: url("/images/v2/credits/dark_mode/credits_784@3x.jpg");
    --credits-banner-4x-url: url("/images/v2/credits/dark_mode/credits_784@4x.jpg");
    --credits-banner-logged-out-1x-url: url("/images/v2/credits/dark_mode/credits_976@1x.jpg");
    --credits-banner-logged-out-2x-url: url("/images/v2/credits/dark_mode/credits_976@2x.jpg");
    --credits-banner-logged-out-3x-url: url("/images/v2/credits/dark_mode/credits_976@3x.jpg");
    --credits-banner-logged-out-4x-url: url("/images/v2/credits/dark_mode/credits_976@4x.jpg");
}

@media screen and (max-width: 1000px) {
    :root .r.dark-mode {

    }
}

@media screen and (max-width: 784px) {
    :root .r.dark-mode {
        --credits-banner-1x-url: url("/images/v2/credits/dark_mode/credits_386@1x.jpg");
        --credits-banner-2x-url: url("/images/v2/credits/dark_mode/credits_386@2x.jpg");
        --credits-banner-3x-url: url("/images/v2/credits/dark_mode/credits_386@3x.jpg");
        --credits-banner-4x-url: url("/images/v2/credits/dark_mode/credits_386@4x.jpg");
        --credits-banner-logged-out-1x-url: url("/images/v2/credits/dark_mode/credits_578@1x.jpg");
        --credits-banner-logged-out-2x-url: url("/images/v2/credits/dark_mode/credits_578@2x.jpg");
        --credits-banner-logged-out-3x-url: url("/images/v2/credits/dark_mode/credits_578@3x.jpg");
        --credits-banner-logged-out-4x-url: url("/images/v2/credits/dark_mode/credits_578@4x.jpg");
    }
}

@media screen and (max-width: 600px) {
    :root .r.dark-mode {
        --credits-banner-logged-out-1x-url: url("/images/v2/credits/dark_mode/credits_386@1x.jpg");
        --credits-banner-logged-out-2x-url: url("/images/v2/credits/dark_mode/credits_386@2x.jpg");
        --credits-banner-logged-out-3x-url: url("/images/v2/credits/dark_mode/credits_386@3x.jpg");
        --credits-banner-logged-out-4x-url: url("/images/v2/credits/dark_mode/credits_386@4x.jpg");
    }
}

@media screen and (max-width: 386px) {
    :root .r.dark-mode {
        --credits-banner-1x-url: url("/images/v2/credits/dark_mode/credits_320@1x.jpg");
        --credits-banner-2x-url: url("/images/v2/credits/dark_mode/credits_320@2x.jpg");
        --credits-banner-3x-url: url("/images/v2/credits/dark_mode/credits_320@3x.jpg");
        --credits-banner-4x-url: url("/images/v2/credits/dark_mode/credits_320@4x.jpg");
    }
}