@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;900&display=swap";*{margin:0;font-family:Roboto,sans-serif}body{background:#000;color:#fff}.main{background-color:#107c10}.login-container{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center}.login-hidden{display:none}.login-box{background-color:#fff;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);box-shadow:10px 10px 5px #000000bf;padding:50px;border-radius:5px}.title{font-weight:100;font-size:42px;margin-bottom:50px;color:#000}.input-container{display:flex;flex-direction:column}.pid-input{height:25px;border:none;background-color:#e6e6e6;padding:5px 0 5px 5px;border-radius:5px;margin-top:10px;margin-bottom:10px;text-align:center;width:100%}.pid-input:focus{outline:none}.submit-button{width:100%;height:35px;text-decoration:none;background-color:#107c10;color:#fff;text-align:center;padding:7px;border-radius:5px;float:right}.submit-botton:disabled,.submit-button[disabled]{opacity:.65;cursor:not-allowed}:root{--unit: 10px;width:100vw;height:100vh}#overlay{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#0000;z-index:2}.container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.participant-pid{color:#fff;font-size:20px;font-weight:700;padding-right:5%;flex-shrink:0}.video-container{margin-top:12px;width:100vw;height:calc(100vh - 162px);position:relative}.video-player,.video-player iframe,.video-player video{pointer-events:none}.play-button{height:"100%";width:"100%";position:absolute;left:50%;top:50%;pointer-events:auto}.error-container{position:absolute;color:#e9967a;align-items:center}.warning{padding-top:0;padding-bottom:0;padding-left:5%;text-align:left;width:calc(100vw - 5%);height:50px;margin:30px 0 0}.status-row{display:flex;align-items:center;justify-content:space-between;width:100vw;padding-right:5%;box-sizing:border-box}.status-row .warning{flex:1;width:auto;line-height:1.2}.warning-placeholder{display:block;height:50px}.ticks{display:flex;justify-content:space-between;padding-bottom:10px;width:calc(100% - 50px);margin:0 auto}.tick{position:relative;display:flex;justify-content:space-around;width:1px;background:gray;height:var(--unit);line-height:35px;margin-bottom:var(--unit) * 2}.participant-interest-container{width:90%;padding-left:5%;padding-right:5%;height:150px;display:flex;flex-direction:row;align-items:center;justify-content:center}.smile-container{display:inline-flex;flex-direction:column;align-items:center}.slider-container{width:90%;display:flex;flex-direction:column;padding-right:10px;padding-left:10px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:#737373;outline:none;opacity:.6;-webkit-transition:.2s;transition:opacity .2s}.slider:focus{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:50px;background:#107c10;border:2px solid #9bf00b;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#4caf50;border:2px solid #9bf00b;cursor:pointer}.pulsate,.buffering-container{color:#9bf00b;animation:pulsate 1.5s infinite;animation-iteration-count:infinite;-webkit-animation:pulsate 1.5s ease-out;-webkit-animation-iteration-count:infinite;opacity:.5}.buffering-container{position:absolute}.sound-controls{display:flex;align-items:center;gap:10px;background:#0009;color:#fff;padding:8px 12px;border-radius:8px;flex-shrink:0}.sound-label{font-weight:600}.sound-slider{width:120px}.sound-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.inactivity-modal{position:fixed;left:0;right:0;bottom:0;height:160px;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.inactivity-modal__content{background:#111;color:#fff;border:2px solid #9bf00b;border-radius:10px;padding:16px 24px;width:auto;max-width:420px;min-width:280px;text-align:center;box-shadow:0 10px 30px #0009}.inactivity-modal__title{font-size:22px;font-weight:600;margin-bottom:8px}.inactivity-modal__subtitle{margin-bottom:16px}.inactivity-modal__button{background:#107c10;color:#fff;border:1px solid #9bf00b;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:600}.debug-panel{display:flex;flex-wrap:wrap;gap:12px;width:calc(100vw - 10%);margin:4px 5% 0;font-size:12px;color:#9bf00b;opacity:.8}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.countdown{transition:transform .5s ease-in-out,opacity .5s ease-out;transform:scale(1);opacity:1;color:#28c}.countdown-shrink{transform:scale(1.1);opacity:1}.countdown-hide{opacity:0}@media only screen and (max-width:768px){.ticks{width:93%}}