:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#4c585b;opacity:.8;text-decoration:inherit}a:hover{cursor:pointer;opacity:1;color:#4c585b}html,body{margin:0;width:100%;height:100%;background-color:#242424}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto}.button{min-width:304px;padding:.8em 2em;border:1px solid #000;border-radius:0;cursor:pointer;transition:all .3s;font-size:1em;font-weight:500;background:#888;color:#000;margin:.3em 0}.button:hover{opacity:.8;border:1px solid #000}.button:active{opacity:.6}.button:focus{outline:0}.button.active{opacity:.6}.button:disabled{opacity:1}.input{padding:1em;border:1px solid #000;color:#fff;background-color:#1a1a1a;width:100%;max-width:1250px}@media (max-width: 860px){.input{max-width:288px}.button{min-width:10px;width:318px;margin-left:-1px}}input::placeholder{color:#fff;opacity:.2}.input:focus{outline:0}#root{margin:0 auto;text-align:center;background-color:#242424;color:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.grid{display:grid;grid-column-gap:1em;grid-row-gap:1em;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.item{background-color:#242424;display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin:0 auto}.item .peers{display:none;position:absolute;bottom:2.5em;left:0;right:0}.item video{width:100vw;height:100vh;display:block}.navigation{display:flex;flex-wrap:wrap;justify-content:center;max-width:1120px;margin:0 auto}.navigation a.button{padding:.5em 1em;margin:.2em;border-radius:10px;min-width:116px}.navigation a.button:hover{color:#000}@media (max-width: 860px){.navigation a.button{min-width:0;width:96px}}.inputs-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.inputs-container h1,.inputs-container h2{color:#fff}.inputs-container label{font-size:18px;color:#fff;align-self:flex-start;margin-left:-0px;margin-bottom:5px}.inputs-container input{width:320px;padding:15px;margin:10px 0 20px;font-size:16px;color:azure;border:1px solid rgba(0,0,0,1);background-color:#0003;border-radius:10px;outline:none;transition:background-color .3s ease}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input:focus{background-color:#0000004d}.inputs-container button{display:flex;align-items:center;justify-content:center;width:350px;padding:15px;margin-top:20px;font-size:16px;background-color:#0009;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.inputs-container button:hover{background-color:#000000e6}.inputs-container button:disabled{background-color:#0000004d;cursor:not-allowed}.select-button{width:325px;padding:12.2px 9.2px 12.2px 15.2px;margin:10px 0 20px;font-size:16px;color:azure;border:1px solid rgba(0,0,0,1);background-color:#0003;border-radius:10px;outline:none;cursor:pointer;text-align:left}.select-button.opened{background-color:#0000004d}.select-duration-options{position:absolute;padding:1em;border-radius:10px;border:1px solid rgba(0,0,0,1);background-color:#1d1d1d;margin:-1em 0 0;z-index:2}.select-duration-options li{list-style:none;font-size:1em;cursor:pointer;text-align:left;opacity:.9}.select-duration-options li:not(:last-child){margin-bottom:1em}.select-duration-options li:hover{opacity:1}.hidden{display:none}.streams{max-width:1280px;margin:1em auto;display:grid;grid-column-gap:1em;grid-row-gap:1em;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stream{background-color:#0003;padding:1em;max-width:1120px;margin:0 auto;border-radius:10px;word-break:break-word;text-align:left;width:90%;position:relative}.stream-buttons{position:absolute;bottom:5px}.score-point-0{display:inline-block;width:15px;height:15px;border-radius:100px;background-color:green;color:#fff;font-size:.8em;margin-bottom:-2px}.score-point-1{display:inline-block;width:15px;height:15px;border-radius:100px;background-color:orange;color:#fff;font-size:.8em;margin-bottom:-2px}.score-point-2{display:inline-block;width:15px;height:15px;border-radius:100px;background-color:red;color:#fff;font-size:.8em;margin-bottom:-2px}.search-offline{margin:45px 0 0!important}.streams-list{text-align:left}.loading{width:192px;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.play-button{position:absolute;top:48.5%;left:50%;transform:translate(-50%,-50%);background-color:#0009;color:#fff;border:none;border-radius:50%;width:120px;height:120px;font-size:45px;cursor:pointer;z-index:10;transition:background-color .3s}.play-button:hover{background-color:#000c}.play-button span{width:0;height:0;border-top:30px solid transparent;border-left:55px solid #fff;border-bottom:30px solid transparent;position:absolute;top:26.5%;left:33%}