body{color:#eee;background:#131316;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}div.video-section{width:100%;padding-top:min(60px,5vh)}div.wrapper{box-sizing:border-box;width:95%;max-width:1280px;margin:0 auto;padding:0 10px}#video{aspect-ratio:16/9;object-fit:contain;background-color:#000;width:100%;max-height:85vh;display:block;box-shadow:2px 2px 6px 4px rgba(0,0,0,.3)}div.controls-grid{-ms-flex-align:center;align-items:center;gap:20px;height:60px;padding:0 10px;font-size:16px;display:-ms-flexbox;display:flex}div.controls-grid i{color:#fff;font-size:24px}div.controls-grid .right-grid{-ms-flex-align:center;align-items:center;gap:20px;margin-left:auto;display:-ms-flexbox;display:flex}div.controls-grid .video-settings-group{-ms-flex-align:center;align-items:center;gap:15px;display:-ms-flexbox;display:flex}div.controls-grid button{color:#fff;background:0 0;border:none}div.controls-grid select{color:#fff;cursor:pointer;z-index:10;-ms-appearance:none;appearance:none;background:rgba(19,19,22,.8) url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='8' height='8' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='white'/></g></svg>") right 5px top 50% no-repeat;border:none;border-radius:3px;width:auto;padding:3px 15px 3px 5px}div.controls-grid select:focus{background-color:#1e1e24;outline:none}div.controls-grid select option{background-color:#131316;padding:5px}div.controls-grid .control{cursor:pointer;opacity:.8;-ms-flex-align:center;align-items:center;gap:8px;transition:opacity .2s ease-in;display:-ms-flexbox;display:flex}div.controls-grid .control:hover{opacity:1}div.controls-grid .control:focus-within{opacity:1}div.controls-grid .control#resolution select,div.controls-grid .control#framerate select{min-width:100px;display:inline-block}div.controls-grid .control#resolution:hover select,div.controls-grid .control#framerate:hover select{opacity:1}div.controls-grid .control#resolution:focus-within select{opacity:1}div.controls-grid .control#framerate:focus-within select{opacity:1}div.controls-grid .control#record{position:relative}div.controls-grid .control#record.recording{color:red;animation:2s infinite pulse}div.controls-grid .control#record.recording:before{content:"";background-color:red;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;right:-5px}div.controls-grid .control#record.recording{opacity:1}div.controls-grid .control:focus-within{opacity:1}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.bottom-text{color:#4f4486;opacity:.5;font-size:12px;transition:opacity .2s;position:fixed;bottom:5px;right:5px}.bottom-text:hover{opacity:1}.bottom-text a{color:#3e2ea7;opacity:.5;text-decoration:none;transition:opacity .2s}.bottom-text a:hover{opacity:1}.bottom-text #status-message{margin-right:10px;font-weight:700}.bottom-text #status-message.error{color:#f33}.bottom-text #status-message.loading{color:#3e2ea7}.bottom-text #status-message.success{color:#3c3}@media (max-width:768px){div.video-section{padding-top:10px}div.controls-grid{-ms-flex-direction:column;flex-direction:column;gap:15px;height:auto;padding:10px}div.controls-grid .right-grid{-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-left:0}div.controls-grid .video-settings-group{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;width:100%}}@media (min-width:769px) and (max-width:1024px){div.wrapper{width:98%}div.controls-grid{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;padding:10px 5px}}
/*# sourceMappingURL=repo.88a0f60b.css.map */