/*
 * CODSHIPX_AI_R83_R16_R10_R4_BALANCED_CODI_VIDEO
 *
 * Exact guided-setup cinematic video only.
 * Keeps POWER LANKA hidden.
 */

html body
.r7-r24-cinematic
.r7-r24-codi-entry {
    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

html body
.r7-r24-cinematic
.r7-r24-codi-entry
video.r7-r24-codi-video[data-codi-cinematic="1"] {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    width: 88vw !important;
    height: 86vh !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 1500px !important;
    max-height: 820px !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;

    transform-origin: center center !important;
}

html body
.r7-r24-cinematic
.r7-r24-powered {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 900px) {
    html body
    .r7-r24-cinematic
    .r7-r24-codi-entry
    video.r7-r24-codi-video[data-codi-cinematic="1"] {
        width: 92vw !important;
        height: 78vh !important;

        max-width: 92vw !important;
        max-height: 78vh !important;

        object-fit: contain !important;
    }
}

@media (max-width: 520px) {
    html body
    .r7-r24-cinematic
    .r7-r24-codi-entry
    video.r7-r24-codi-video[data-codi-cinematic="1"] {
        width: 94vw !important;
        height: 72vh !important;

        max-width: 94vw !important;
        max-height: 72vh !important;
    }
}
