html,body{height:100%;margin:0;padding:0;overflow:hidden}body{flex-direction:column;display:flex}#video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;margin:auto;position:absolute;inset:0}.container{background-color:#000;position:absolute;inset:0}.overlay-controls{justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.button-rim{border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;padding:5px;display:flex;position:relative}.stop-start-button{cursor:pointer;border:none;border-radius:50%;width:100%;height:100%;transition:all .2s;box-shadow:0 0 0 1px #000,inset 0 2px 4px #0000000f}.stop-start-button:hover{opacity:.9}.stop-start-button:disabled{opacity:.5;cursor:not-allowed}.stop-start-button.start{color:#000;background:#fff}.stop-start-button.stop{box-shadow:none;background:red;border-radius:10%;width:33px;height:33px}.activity-indicator{justify-content:center;align-items:center;width:66px;height:66px;display:none;position:absolute;inset:6px 0 0 5px}.activity-indicator.active{display:flex}.activity-indicator:after{content:" ";border:6px solid gray;border-color:gray #0000;border-radius:50%;width:34px;height:34px;margin:0;animation:1.2s linear infinite activity-indicator;display:block}@keyframes activity-indicator{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#video_device{color:#1a202c;border:none;border-radius:.375rem;width:100%;max-width:200px;margin-top:.5rem;padding:.375rem .5rem;display:block;position:absolute;top:16px;right:32px;box-shadow:0 0 0 1px #d1d5db,inset 0 2px 4px #0000000f}.error-overlay{color:#fff;text-align:center;background-color:#00000080;justify-content:center;align-items:center;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:700;display:flex;position:absolute;inset:0}#device{flex-direction:column}#device>div{justify-content:center;gap:20px;margin:10px 0;display:flex}select{width:200px}.kbps{color:#0f0;font-family:Roboto,Helvetica,Arial,sans-serif;position:absolute;bottom:46px;right:32px}.rotate-landsape-overlay{color:#fff;text-align:center;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;padding:2rem;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:700;display:none;position:absolute;inset:0}@media (orientation:portrait){.rotate-landsape-overlay{display:flex}.mobile .overlay-controls{display:none}}
/*# sourceMappingURL=index.a4baeb2c.css.map */