/*
 * CODSHIPX_AI_R83_R16_R6_R1_SMALL_VIDEO
 *
 * Preserve original R83 black cinematic.
 * Constrain only the native Codi entrance video.
 */

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

    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 520px !important;
    max-width: 520px !important;

    height: auto !important;
    max-height: 50vh !important;

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

    margin: 0 !important;

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

    transform:
        translate3d(-50%, -50%, 0)
        scale(1) !important;

    transform-origin: center center !important;

    background: #000 !important;
    box-shadow: none !important;
}

/*
 * Until Codi mode is selected, do not expose the native
 * Sinhala / English UI behind the mode chooser.
 */
html.cx-r16-r6-r1-mode-lock
.codi-mandatory-gate {
    pointer-events: none !important;
    user-select: none !important;

    filter:
        blur(9px)
        brightness(.48) !important;

    opacity: .25 !important;
}

@media (max-height: 820px) and (min-width: 901px) {
    html body
    .r7-r24-cinematic
    .r7-r24-codi-entry
    video.r7-r24-codi-video[data-codi-cinematic="1"] {
        width: 460px !important;
        max-width: 460px !important;
        max-height: 46vh !important;
    }
}

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

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