@import"https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;font-family:Roboto}html,body,main{height:100%;overflow-y:hidden}main{background-color:#121212}:root{--columns: 6;--rows: 1}.menu{display:flex;justify-content:space-around;align-items:center;left:calc(50% - 202px);bottom:50px;position:absolute;width:400px;height:70px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e;transition:.3s linear;z-index:3;background-color:#1212124d}.removeStreams{width:200px;left:calc(50% - 100px);bottom:150px;position:absolute;cursor:pointer;border:0px;padding:5px;transition:.1s linear;background-color:#121212e6;color:silver;border-radius:10px;font-size:14px;border:1px solid rgba(255,255,255,.18)}.removeStreams:hover{transform:scale(1.05)}.menuHidden{bottom:-100px!important}.menu button{cursor:pointer;border:0px;padding:5px;transition:.1s linear;background-color:transparent;color:silver;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.menu button:hover{transform:scale(1.05)}.menuUp{width:80px;height:80px;border-radius:50%;left:calc(50% - 40px);bottom:-40px;padding-bottom:30px;position:absolute;cursor:pointer;border:0px;transition:.3s linear;color:silver;background-color:transparent;z-index:3;border:1px solid rgba(255,255,255,.18)}.menuUp:hover{transform:scale(1.05)}.menuUpDown{bottom:-100px!important}.popup-wrapper{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;height:100%;width:100%;z-index:2}.popup{display:flex;flex-direction:column;gap:10px;padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e}.popup input{color:silver;font-size:30px;caret-color:silver;width:500px;border:0px;outline:none;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.18)}.popup button{cursor:pointer;border:0px;padding:5px;transition:.1s linear;background-color:transparent;color:silver;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.popup button:hover{transform:scale(1.05)}.popup p{color:silver;font-size:12px;margin-top:10px}.streams{height:85%;display:grid;grid-template-rows:repeat(var(--rows),minmax(0,1fr));grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.streams iframe{width:100%;height:100%;border:0px}.streamItem{position:relative}.streamItem button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);top:10px;right:10px;width:40px;height:40px;border:2px solid red;color:red;border-radius:10px;position:absolute;cursor:pointer;background-color:#121212b3}.button-group{display:flex;justify-content:center;align-items:center;gap:10px}.settings-wrapper{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;height:100%;width:100%;z-index:2}.settings{display:flex;flex-direction:column;gap:10px;padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e}.settings h1{color:silver;font-size:16px;text-transform:uppercase;margin-bottom:10px}.options{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:20px}.option{width:100%;display:flex;justify-content:space-between;align-items:center;color:silver;font-size:14px;gap:30px}.range-group{display:flex;justify-content:center;align-items:center;gap:10px}.range-group input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background-color:transparent;border-radius:5px;border:1px solid rgba(255,255,255,.25)}.range-group input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background-color:silver;border-radius:50%}@media only screen and (max-width: 425px){.popup input{font-size:14px;width:100%}.popup{width:300px}.input-group{display:flex;justify-content:center;gap:20px}.popup p{line-height:20px}.option{font-size:12px}.menu{bottom:30px}}@media only screen and (max-width: 375px){.menu{width:calc(100% - 20px);left:9px}}@media only screen and (max-width: 320px){.option{flex-direction:column;gap:10px;align-items:flex-start}.settings h1{margin-bottom:15px}.popup{width:250px}}