/* =========================================================
   CODSHIPX AI R18-R6
   BALANCED CINEMATIC VIDEO SIZE
   ========================================================= */

.r7-r24-cinematic{
  position:fixed !important;

  inset:0 !important;

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

  overflow:hidden !important;

  background:#000 !important;
}

.r7-r24-codi-entry{
  position:absolute !important;

  inset:0 !important;

  width:100% !important;
  height:100% !important;

  overflow:hidden !important;

  background:#000 !important;
}


/* DESKTOP */

.r7-r24-cinematic
.r7-r24-codi-entry
video[data-codi-cinematic="1"],

.r7-r24-codi-entry
video[data-codi-cinematic="1"],

video[data-codi-cinematic="1"]{

  position:absolute !important;

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

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

  height:auto !important;
  max-height:40dvh !important;

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

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

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

  background:#000 !important;

  border:0 !important;
  outline:0 !important;

  box-shadow:none !important;

  filter:none !important;

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

  transform-origin:center center !important;

  backface-visibility:hidden !important;
}


/* LAPTOP */

@media
(max-height:800px)
and
(min-width:901px){

  .r7-r24-cinematic
  .r7-r24-codi-entry
  video[data-codi-cinematic="1"],

  .r7-r24-codi-entry
  video[data-codi-cinematic="1"],

  video[data-codi-cinematic="1"]{

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

    max-height:37dvh !important;
  }
}


/* TABLET */

@media(max-width:900px){

  .r7-r24-cinematic
  .r7-r24-codi-entry
  video[data-codi-cinematic="1"],

  .r7-r24-codi-entry
  video[data-codi-cinematic="1"],

  video[data-codi-cinematic="1"]{

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

    max-height:34dvh !important;
  }
}


/* MOBILE */

@media(max-width:520px){

  .r7-r24-cinematic
  .r7-r24-codi-entry
  video[data-codi-cinematic="1"],

  .r7-r24-codi-entry
  video[data-codi-cinematic="1"],

  video[data-codi-cinematic="1"]{

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

    max-height:31dvh !important;
  }
}


/* Never restore unwanted verify overlay */

.r7-r24-codi-entry::after{
  content:none !important;

  display:none !important;

  opacity:0 !important;
  visibility:hidden !important;

  pointer-events:none !important;
}


/* CODSHIPX_AI_R18_R6_CINEMATIC_END */