span{user-select:none;font-family:Roboto,sans-serif;color:#4781ac}.controlsGroup{display:flex;align-items:center}div{user-select:none;font-family:Roboto,sans-serif;color:#4781ac}.container{height:97vh;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.container.fullscreen{justify-content:space-between}.videos-container{display:flex;height:100%;width:100%;align-items:center;flex-direction:column;justify-content:center;gap:3%}.videos-container.fullscreen{display:flex;height:95%;width:100%;align-items:center;flex-direction:column;justify-content:space-between}.v-container.fullscreen{transform:scale(1.8)}.v-container.fullscreen.course{transform:scale(2.3)}.miniatures{width:200px}#videoPrincipale{overflow:hidden;width:var(--half-w);height:var(--half-h);pointer-events:all!important}#clickable{width:var(--half-w);height:var(--half-h);display:block;margin-top:var(--half-h-inv);position:absolute;z-index:999;cursor:pointer}#videoSecondaire{overflow:hidden;width:240px;height:135px}#clickableMiniature{width:240px;height:135px;display:block;margin-top:-135px;position:absolute;z-index:999}.upLeftFrame iframe{display:block}.upRightFrame iframe{display:block;margin-left:var(--half-w-inv)}.downLeftFrame iframe{display:block;margin-top:var(--half-h-inv)}.downRightFrame iframe{display:block;margin-top:var(--half-h-inv);margin-left:var(--half-w-inv)}.videoControl:hover,.videoControl:focus{opacity:.5}.controls{width:100%;display:flex;justify-content:center;align-items:center;z-index:999;gap:2%}.videoControl{cursor:pointer;color:#4781ac}.progress{width:40%;display:flex;align-items:center;justify-content:space-evenly}#progress{height:30px;width:80%;cursor:pointer;accent-color:#4781ac}progress::-moz-progress-bar{background-color:#4781ac}progress::-webkit-progress-value{background-color:#4781ac}progress span{width:0%;height:100%;display:inline-block;background-color:#4781ac}.volume{animation:ease-out}input{accent-color:#4781ac}.mozaic iframe{width:var(--half-w);height:var(--half-h)}.playbackSpeed{display:flex;align-items:center}