/* =========================================================
   CODSHIPX AI R18-R4
   CINEMATIC VIDEO SCALE - LIGHTWEIGHT LIVE OVERRIDE
   ========================================================= */

/*
 * Keep the cinematic canvas full-screen.
 * Shrink ONLY the actual Codi cinematic video element.
 */

.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:260px !important;
  max-width:260px !important;

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

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

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

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

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

  background:#000 !important;

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

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

  transform-origin:center center !important;
}


/* 1366x768 / 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:220px !important;
    max-width:220px !important;
    max-height:26dvh !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:200px !important;
    max-width:200px !important;
    max-height:25dvh !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:180px !important;
    max-width:180px !important;
    max-height:24dvh !important;
  }
}


/* Do not restore the unwanted website verify label. */

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


/* CODSHIPX_AI_R18_R4_VIDEO_SCALE_END */