@import url('https://fonts.cdnfonts.com/css/rubik?styles=19495,19491,19493,19488,19486');
*{margin:0;padding:0;box-sizing:border-box;outline:none;border:0;cursor:none;user-select:none;-webkit-user-select:none}html {min-width:100%;min-height:100%;font-family: 'Rubik', sans-serif;background: rgb(2,0,36);background: -moz-linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(17,17,138,1) 35%, rgba(0,212,255,1) 100%);background: -webkit-linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(17,17,138,1) 35%, rgba(0,212,255,1) 100%);background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(17,17,138,1) 35%, rgba(0,212,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);background-repeat:no-repeat;}body{width:100vw;height:100vh;background:;overflow:hidden;}.player {position:fixed;top:0;left:0;right:0;bottom:auto;width:100vw;margin:auto;overflow:hidden;}.player .shaka-controls-button-panel .material-icons-round{color:#eee}.player .shaka-overflow-menu,.player .shaka-settings-menu{background:rgba(0,0,0,0.8);border-radius:4px;}.player .shaka-overflow-menu span+span{font-size:80%;color:#fff;padding-top:2px}.player .shaka-overflow-menu button,.player .shaka-settings-menu button{color:#fff;transition:all .2s linear;}.player .shaka-overflow-menu button:hover,.player .shaka-settings-menu button:hover{background:#3275e4;cursor:none}video{width:100%;height:35vh;background:#000;}.playlist {position: fixed;top:auto;left:0;right:0;bottom:0;margin:auto;width:100vw;height:65vh;padding:15px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-around;overflow-x:hidden;overflow-y:scroll;}.playlist .channel {padding:20px 15px;margin:5px;width:45vw;border-radius:5px;text-align:center;font-size:0.9em;font-weight:500;color:rgba(0,212,255,1);background:#000;-webkit-box-shadow:0 0 1px 2px #333;-moz-box-shadow:0 0 1px 2px #333;-ms-box-shadow:0 0 1px 2px #333;-o-box-shadow:0 0 1px 2px #333;box-shadow:0 0 1px 2px #333;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}.playlist .channel:active {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);}@media screen and (min-width:600px) {.player {position:fixed;top:0;left:0;right:auto;bottom:0;width:70vw;margin:auto;overflow:hidden;}video{height:100vh;}.playlist {position:fixed;top:0;left:auto;right:0;bottom:0;margin:auto;width:30vw;height:100vh;display:grid;grid-template-columns:auto;}.playlist .channel{width:27vw;font-size:1em;}.playlist .channel:active {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);}}