/*
 * CODSHIPX_AI_R83_R16_R10_R3_FULLSCREEN_CODI_VIDEO
 *
 * Native guided-setup entrance video only.
 * No JS, backend, setup state, cinematic authority or video file mutation.
 */

/*
 * Make the entry layer occupy the whole viewport.
 */
html body
.r7-r24-cinematic
.r7-r24-codi-entry {
    position: fixed !important;

    inset: 0 !important;

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

    max-width: none !important;
    max-height: none !important;

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

    overflow: hidden !important;
}

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

    top: 50% !important;
    left: 50% !important;

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

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

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;

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

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

    transform-origin: center center !important;
}

/*
 * Remove the old cinematic footer branding completely.
 */
html body
.r7-r24-cinematic
.r7-r24-powered {
    display: none !important;

    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

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

    overflow: hidden !important;

    pointer-events: none !important;
}

/*
 * Mobile/tablet also stays true fullscreen.
 */
@media (max-width: 900px) {
    html body
    .r7-r24-cinematic
    .r7-r24-codi-entry
    video.r7-r24-codi-video[data-codi-cinematic="1"] {
        width: 100vw !important;
        height: 100vh !important;

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

        max-width: none !important;
        max-height: none !important;

        object-fit: cover !important;
    }
}