/* =========================================================
   CODSHIPX AI R18-R7
   BALANCED CINEMATIC SCALE
   ========================================================= */

.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-codi-entry video[data-codi-cinematic="1"],
video[data-codi-cinematic="1"]{

  position:absolute !important;

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

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

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

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

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

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

  transform-origin:center center !important;

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

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

  background:#000 !important;

  filter:none !important;
  box-shadow:none !important;
}


/* LAPTOP */

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

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

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

    max-height:42dvh !important;
  }
}


/* TABLET */

@media(max-width:900px){

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

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

    max-height:39dvh !important;
  }
}


/* MOBILE */

@media(max-width:520px){

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

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

    max-height:36dvh !important;
  }
}


/* Keep unwanted website-generated verify UI removed */

.r7-r24-codi-entry::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* CODSHIPX_AI_R18_R7_CINEMATIC_END */