#primary{
width:100%;
position:fixed;
top:45px;
left:0;
z-index:2100;
background:#262626;}
.jimbo #primary::after{
  content:'';
  position :absolute;
  width:100%;
  height: 5px;
  bottom:-5px;
  left:0;
  background-color:#000;
}
.vratio-4x3 #primary{
height: calc(100vw * 0.75);
}
.vratio-1x1 #primary{
height:100vw;
}
.vratio-9x16 #primary{overflow:hidden;
height:100vw;
width:100vw;
 
  
 /* heiQght :100vw;
  
left: 0;
    right: 0;
 
    margin: 0 auto;*/
  background :#000;
}


@keyframes fade-in-up {
0% { opacity: 0; }
/*55% {opacity:0.45}
75% {opacity:0.75}*/
  100% { transform: translateX(0); opacity: 1; }
}

#primary.stuck {
z-index:2300;  
width:130px;
height:calc(130px * 0.5625);
border-right:2px solid red;
border-bottom:2px solid #000; 
border-bottom-right-radius:7px;
overflow:hidden;
transform:translateX(-100%);
animation: fade-in-up .25s ease forwards; 
}
/*
.vratio-9-16 #primary.stuck{
width:calc(140px * 0.5625);
height:140px;
}
*/

/*#######.vratio-9x16 #primary.stuck{
widQth:;
width:calc(130px * 0.5625);
  max-height:43.125;
}#####*/



#jimbo-meta{
width:100%; 
padding:7px 0 70px;
position:relative;
margin-top:calc((100vw * 0.5625) + 50px);
z-index:2000;
}
.vratio-4x3 #jimbo-meta{
margin-top:calc((100vw * 0.75) + 50px );
}
.vratio-9x16 #jimbo-meta{
margin-top:calc(100vw + 50px);
}
.vratio-1x1 #jimbo-meta{
margin-top:calc(100vw + 50px);
}
#secondary{
position:relative;
padding:15px 0 0;
  /*************
  50px = h de menutop (45px) + h .single #primary::after (5px)
  
  ATTENTION ceci pour vidéos 16/9.
  
  PREVOIR pour 1:1, etc.
  
  *****************************/
  
  /*border-top-right-radius:15px;
  border-top-left-radius:15px;
overflow:hidden;*/
background :#262626;
z-index:2200; 
}
.secondary::before{border-top-right-radius:5px;border-top-left-radius:5px;
content:'';
position:absolute;
width:100%;
height:15px;
top:-15px;
left:0;
backdrop-filter:blur(6px);
}