@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.commit-infos{text-align:left;border:solid 3px}.commit-infos td{padding-left:1em}.MuiButton-sizeSmall{font-size:12px!important}.MuiInputBase-sizeSmall{padding-bottom:0!important}.onsho-page-container.full{max-width:1800px!important}.recording-details .MuiInputBase-input{color:#333!important;-webkit-text-fill-color:unset!important}.slider-container{position:relative}.slider-input{width:100%;height:100%}.slider-track{position:absolute;width:6px;height:100%;background-color:#ccc;border-radius:3px}.slider-handle{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#007bff;cursor:pointer}.slider-value{display:block}.vertical{display:inline-block;height:200px}.vertical .slider-track{width:100%;height:6px}.vertical .slider-handle{left:50%;transform:translate(-50%)}.broadcast-container{display:block;position:relative;height:337.5px;width:600px}.broadcast-screen{display:block;background-size:cover;position:static;background-color:#87cefa;height:337.5px;width:600px;overflow:hidden}.broadcast-banner{left:50px;position:relative;height:47.25px;top:270px;background-color:#fff;color:#000000b3;padding:10px 20px;font-size:18px;animation-play-state:running;animation-fill-mode:forwards;animation-name:banner-in,banner-still,banner-out;animation-delay:0s,2s,10s;animation-duration:2s,10s,3s}.banner-content{opacity:0;left:100px;width:100%;position:relative;top:228px;display:inline-block;animation-name:banner-content-in,banner-content-still,banner-content-out;animation-delay:0s,2s,10s;animation-duration:2s,10s,3s;bottom:1em}.banner-content .banner-content-name{font-size:18px;margin-bottom:.5em}.banner-content .banner-content-function{font-size:12px;margin-top:0}@keyframes banner-in{0%{opacity:0;width:0;filter:blur(10px)}30%{opacity:1;filter:blur(0px)}to{width:80%}}@keyframes banner-still{0%{width:80%}33%{width:79%}66%{width:80%}to{width:79%}}@keyframes banner-out{0%{width:80%}to{width:0;opacity:0;filter:blur(2px)}}@keyframes banner-content-in{0%{opacity:0;width:0;filter:blur(2px)}50%{opacity:0;width:0;filter:blur(2px)}to{opacity:1}}@keyframes banner-content-still{0%{opacity:1}50%{opacity:1}to{opacity:.5}}@keyframes banner-content-out{33%{opacity:0;filter:blur(2px)}to{opacity:0;width:0;filter:blur(2px)}}.cell{margin-left:50px;opacity:0;position:absolute;transform:translate(-100%);transition:transform .5s ease-out,opacity .5s ease-out}.cell.visible{transform:translate(0);opacity:1}.VideoScreen{width:1500px;height:600px;margin:0 auto;border:1px solid black;border-radius:50px;overflow:hidden}.spx_iframe{background-image:url(https://apprendre-la-photo.fr/wp-content/uploads/2015/09/stockholm.jpg);background-repeat:no-repeat;background-size:cover;width:100vw;height:56.25vw}.select{width:20%;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.debug{border:red solid 1px}.av.largebtn.cut{box-shadow:0 3px #3a3731,0 7px 10px #ffd0781a,inset 0 1px 1px #ffd0781a,inset 0 -12px 35px #00000080;background-color:#dfc491;color:#25252580;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.panel{border-radius:5px;border:solid 1px rgba(0,0,0,.2);box-shadow:inset 0 1px 1px #fafafa1a;position:relative;padding:8.75px;margin:8.75px;height:fit-content}.av.hbox{display:flex;flex-direction:row}.av.vbox{display:flex;flex-direction:column;justify-content:flex-start}.av.hwshell{background-color:#111}.av.tabbtn{font-size:13px;line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;height:18px;width:60px;margin-left:1em;border-radius:5px 5px 0 0;box-shadow:inset 0 1px 1px #fafafa33,inset 0 -12px 35px #0006}.av.tabbtn.active{background-color:#add8e6}.av.tabbtn.small,.av.tabbtn.disabled{width:auto;padding:0 .7em}.av.tabbtn.disabled.active{background-color:#b3b3b3}.av.squarebtn{font-size:13px;line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);border-radius:12px;text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;width:58px;margin:6px;height:58px}.av.squarebtn:active,.av.squarebtn.active{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.squarebtn.active.red{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #ff323299;background-color:#ff2929;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.squarebtn.active.green{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #0f09;background-color:#32ff32;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.squarebtn.active.white{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.squarebtn.active.blue{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#7dbad3;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.largebtn{font-size:13px;line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);border-radius:12px;text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;width:103.1111111111px;margin:6px 18.4444444444px;height:58px}.av.largebtn:active,.av.largebtn.active{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.largebtn.active.red{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #ff323299;background-color:#ff2929;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.largebtn.active.green{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #0f09;background-color:#32ff32;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.largebtn.active.white{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.largebtn.active.blue{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#7dbad3;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.faderbtn{font-size:13px;line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;width:45px;border-radius:2px}.av.faderbtn:active{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.faderbtn.active,.av.faderbtn.active.red{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #ff323299;background-color:#ff2929;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.faderbtn.active.green{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #0f09;background-color:#32ff32;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.faderbtn.active.white{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.faderbtn.active.blue{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#7dbad3;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.av.maincontainer{height:200vh;width:100vw;position:absolute;background-size:70px 70px;background:#0b0b0f;background:linear-gradient(5deg,#1d1815,#1d1815,#1d1815,#1d1815,#1d1916,#1e1917,#1f1b19,#201d1c,#222020,#252325,#262528,#27272a,#28272b,#28282c,#28282c,#28282c,#28282c);filter:blur(5%)}.avfader-container{background:#00000013;width:45px;border:solid 0px #111;margin:3px}.avfader-container .avfader-label{width:45px;text-align:center;font-size:11px;color:#d3d3d3;position:absolute;background-color:#222;border-radius:4px 4px 0% 0%;box-shadow:0 -2px 4px #ffffff0f,inset 0 1px 1px #0000001a}.avfader-container .avfader-value{width:45px;text-align:center;color:#d3d3d3;font-size:10px;display:block;background-color:#111;border-radius:0% 0% 4px 4px;box-shadow:0 2px 4px #ffffff08,inset 0 1px 1px #0000001a}.avfader-container input[type=range]{width:200px;height:4px;margin:20px 20px 5px;border-radius:4px;background-color:#111;box-shadow:0 7px 10px #ffffff13}.avfader-container input[type=range]::-moz-range-thumb{font-size:13px;line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;background-color:#818791;border-radius:2px;cursor:pointer;height:15px;width:30px}.avfader-container input[type=range]::-webkit-avfader-thumb{font-size:13px;line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;background-color:#818791;border-radius:2px;cursor:pointer;height:15px;width:30px}.avfader-container input[type=range]::-ms-thumb{font-size:13px;line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;background-color:#818791;border-radius:2px;cursor:pointer;height:15px;width:30px}.avfader-container input[type=range][orientation=vertical]{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:avfader-vertical;-moz-appearance:avfader-vertical;appearance:avfader-vertical;vertical-align:bottom;width:4px;height:200px}.avfader-container input[type=range][orientation=vertical]::-moz-range-thumb{height:10px}.avfader-container input[type=range][orientation=vertical]::-webkit-avfader-thumb{height:10px}.avfader-container input[type=range][orientation=vertical]::-ms-thumb{height:10px}.guest-panel{display:flex;flex-direction:column;padding:10px}.guest-row{display:grid;grid-template-columns:1fr 3fr 1fr 1fr;gap:10px;align-items:center;margin-bottom:10px;padding:5px;background-color:#111;border-radius:5px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 1px #fafafa1a}.guest-name div{font-size:13px;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.guest-name{background-color:#53575d;color:#d3d3d3;padding:10px;text-align:center;border:1px solid #444;font-size:1.1em;display:flex}.guestbtn{line-height:13px;text-overflow:clip;display:inline-block;position:relative;text-decoration:none;box-shadow:0 3px #222,0 7px 10px #111,inset 0 1px 1px #fafafa33,inset 0 -12px 35px #00000080;border:0;border-radius:12px;text-align:center;background-color:#53575d;transition:color .35s ease,text-shadow .15s;-o-transition:color .35s ease,text-shadow .15s;-moz-transition:color .35s ease,text-shadow .15s;-webkit-transition:color .35s ease,text-shadow .15s;font-size:13px;color:#141414;text-shadow:0px 1px 1px rgba(250,250,250,.1);height:58px}.guestbtn:active,.guestbtn.active{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.guestbtn.active.red{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #ff323299;background-color:#ff2929;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.guestbtn.active.green{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #0f09;background-color:#32ff32;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.guestbtn.active.white{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#fff;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.guestbtn.active.blue{box-shadow:0 0 #222,0 3px 7px #111,inset 0 1px 1px #fafafa33,inset 0 -10px 35px 5px #00000080,0 0 20px #fff9;background-color:#7dbad3;top:3px;color:#25252599;text-shadow:0px 1px 1px rgba(250,250,250,.1)}.guestbtn.right{margin-right:6px}.guestbtn.left{margin-left:6px}body{overflow:hidden}