html{height:100%}body{background-color:#222;background-image:linear-gradient(0deg,#2daaaa 12%,#2d929b 21%,#2d647e 39%,#2e4067 57%,#2e2656 74%,#2e164c 88%,#2e1149 100%);background-repeat:no-repeat;background-attachment:fixed;margin:0;font-family:Barlow,sans-serif;position:relative;height:100%}#hori-align{height:80%;max-height:800px;display:flex;flex-direction:row;justify-content:center;width:100%}#vertical-align{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;position:relative}#main-page{background-color:#1e1e1ecc;width:90%;max-width:1000px;height:100%;box-shadow:0 1px 6px #888;display:flex;flex-direction:row-reverse}#main-page.hide{display:none}#loading-page{background-color:#1e1e1ecc;width:90%;max-width:1000px;height:100%;box-shadow:0 1px 6px #888;display:none}#loading-page.active{display:flex;flex-direction:column}#loading-page>div{margin:auto;color:#fff;font-size:2em;text-align:center;padding:8px}@media (max-width: 768px){#vertical-align{height:auto}#hori-align{max-height:none}body{padding-bottom:16px;padding-top:16px}#main-page{flex-direction:column}}#background{width:100%;overflow:hidden;position:absolute;top:0;bottom:0;left:0;z-index:-1}#background>img,#background>div{position:absolute}#bg-stars{min-height:80%;min-width:100%;margin:auto;display:block;left:0;right:0;background-image:url(/assets/Asset3-90116220.svg);background-size:cover;background-position:center}#bg-mountains{width:100%;height:20%;margin:auto;display:block;bottom:0}@media (max-width: 768px){#background{position:fixed;width:100%;height:100%;left:0;top:0}}.loader{color:#fff;font-size:20px;margin:100px auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4 1.3s infinite linear;animation:load4 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}#sidebar{width:50%;max-width:300px;height:100%;display:flex;flex-direction:column}#format-list{width:100%;height:30%;max-height:300px;overflow-y:scroll}#format-list::-webkit-scrollbar{width:4px}#format-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#format-list::-webkit-scrollbar-thumb{background:rgba(100,100,100,.5);border-radius:4px}#format-list>div{background-color:#9c9c9c80;margin:8px;border-radius:4px;padding:8px;color:#ccc;transition:padding 1s;position:relative}#format-list>div.active{background-color:#2d929b80;padding:16px 8px}#format-list>div>span:first-child{font-size:1.2em}#format-list>div>span:nth-child(2){float:right}#format-list>div>div{font-size:.8em;margin-top:4px}#playlist{margin-top:8px;border-top:1px solid #AAA;position:relative;flex:1 1 0;max-height:70%}#playlist-body{position:relative;height:calc(100% - 8em)}#playlist-overlay{position:absolute;top:0;left:0;background-color:#000000b3;height:calc(100% - 32px);padding:16px 0;width:100%;color:#fff;text-align:center;display:none}#playlist-overlay.active{display:block}.overlay-button{background:none;border:1px solid #EEE;color:#eee;border-radius:4px;padding:8px;transition:color .2s,background-color .2s}.overlay-button:hover{background-color:#eee;color:#000}#playlist-content{overflow-y:scroll;height:100%}#playlist-content::-webkit-scrollbar{width:4px}#playlist-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#playlist-content::-webkit-scrollbar-thumb{background:rgba(100,100,100,.5);border-radius:4px}#playlist-content>div{background-color:#9c9c9c80;margin:8px;border-radius:4px;padding:8px;display:flex;transition:padding .5s}#playlist-content>div.active{background-color:#2d929b80;padding:16px 8px}#playlist-content>div>img{width:35%;object-fit:contain}#playlist-content>div>span{color:#ccc;margin-left:8px;flex:1 1 0;word-break:break-all}#playlist-content>div>div{display:none;margin:auto 8px;width:24px;height:24px}#playlist-content>div>div:before{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24px 24px' width='24px'><path fill='rgb(170,170,170)' d='M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/></svg>");display:block;width:24px;height:24px}#playlist-content.edit>div>div{display:inline}#playlist-controls{display:flex;flex-direction:column}#playlist-controls>div{display:flex;height:3em}#playlist-controls>div>select{font-size:1.5em;color:#ccc;margin:auto;background:none;border:none;outline:none;font-family:Barlow,sans-serif}#playlist-controls>div>select>option{background-color:#000000b3;color:#fff}#volume-controls{border-bottom:1px solid #CCC;padding:8px 0}#volume-slider{width:100%;background-color:#ffffff80;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;padding:0 2px}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:#2d929b;border:1px solid #FFF;cursor:pointer}#btn-shuffle.active>path{fill:#2d929b}#btn-loop>#loop-single{display:none}#btn-loop.all>path{fill:#2d929b}#btn-loop.single>path{fill:#2d929b}#btn-loop.single>#loop-single{display:block}#btn-loop.single>#loop-all{display:none}#btn-add>path,#btn-edit-playlist>path{transition:fill .2s}#btn-add:hover>path,#btn-edit-playlist:hover>path{fill:#2d929b}#playlist-controls.autoplay>div>#btn-add,#playlist-controls.autoplay>div>#btn-shuffle{visibility:hidden}#player{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;border-left:1px solid #AAA}#thumbnail{width:90%;text-align:center;margin:auto;max-height:calc(100% - 10em - 80px)}#thumbnail>img{object-fit:contain;padding:5%;width:90%;height:90%}#thumbnail>img[src=""]{visibility:hidden;height:400px}#controls{flex:3 3 0;margin:16px 10%;height:64px}#controls>div:first-child{width:100%;display:flex;flex-direction:row;justify-content:center;align-content:space-around;height:100%}#controls>div>div{display:flex;flex-direction:column;justify-content:center;height:100%}#video-title{font-size:2em;text-align:center;margin-top:16px;color:#fff;padding:0 8px}#uploader{font-size:1.2em;text-align:center;margin-top:8px;color:#aaa}#timeline-slider{width:80%;margin:16px 10%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;background-color:#ffffff80;height:5px;padding:0 2px}#timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:#2d929b;border:1px solid #FFF;cursor:pointer}#timeline-disp{color:#aaa;text-align:center;font-size:.8em}#path-play,#path-pause{transition:fill .2s}#btn-play>#path-pause{display:none}#btn-play.playing>#path-pause{display:block}#btn-play.playing>#path-play{display:none}#btn-play:hover>#path-play{fill:#34a8b3}#btn-play.playing:hover>#path-pause{fill:#34a8b3}@media (max-width: 768px){#player{border-bottom:1px solid #AAA;border-left:none}#sidebar{width:100%;max-width:none}#format-list{max-height:none;height:auto}#playlist{max-height:none}#playlist-body{height:auto;min-height:250px}#controls{margin:16px 10%}}