html,body{margin:0;width:100%;height:100%;background:#050505;background-size:contain;color:#c5c5c5;overflow:hidden;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-size:medium;font-weight:400}header{position:fixed;top:0;width:100%;height:64px;background:#151515;border-bottom:1px solid #303030;z-index:99;box-sizing:border-box}header a{float:right;margin:4px;margin-top:8px;width:48px;height:48px;cursor:pointer;opacity:.75;transition:.2s ease}header a:hover{opacity:1;cursor:pointer}#logo{float:left;margin-left:8px;width:150px;background:url(logo/full.svg) left center no-repeat;background-size:contain;opacity:1}#search{position:fixed;left:50%;transform:translate(-50%,0)}.searchField{display:block;width:400px;line-height:25px;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-size:large;font-weight:500;margin:0;margin-top:11px;padding:8px;padding-left:40px;border:1px solid #303030;border-radius:12px;background:url(icons/search.svg) left 8px center no-repeat,#000000;color:#f5f5f5;text-align:left}.searchField:hover{cursor:pointer}.searchField:hover,.searchField:focus{outline:none;line-height:24px;border:2px solid #ff8c00}#toggleParty{background:url(icons/share.svg) center no-repeat}#toggleSettings{background:url(icons/settings.svg) center no-repeat;font-size:x-large;font-weight:800;color:#ff8c00;text-align:right}header #toggleQueue{display:none}button,input[type=submit]{font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-size:medium;font-weight:500;background-color:#f5f5f5;padding:2px;padding-left:4px;padding-right:4px;border:0;border-radius:4px}button:hover,input[type=submit]:hover{cursor:pointer;color:#fff;background-color:#ff8c00}section{box-sizing:border-box;display:none;position:fixed;top:64px;left:50%;transform:translate(-50%,0);min-width:1280px;width:75%;max-width:1600px;height:-moz-calc(100% - 139px);height:-webkit-calc(100% - 139px);height:calc(100% - 139px);border-bottom:1px solid #303030;background:rgb(16 16 16 / .9);z-index:98}section::-webkit-scrollbar{background:#fff0;width:0}section h1{float:left;margin:8px;line-height:48px;vertical-align:middle;font-size:x-large;font-weight:500}section h2{line-height:32px;vertical-align:middle;font-size:large;font-weight:500}section h3{line-height:16px;vertical-align:middle;font-size:medium;font-weight:500}section a.headButton{float:right;margin:8px;width:48px;height:48px;background:url(icons/close.svg) center no-repeat;opacity:.75;transition:.2s ease}section p{padding-left:5px;padding-right:5px}section a{color:#ff8c00;text-decoration:none}section a:hover{cursor:pointer;text-decoration:underline;opacity:1}section .content{position:fixed;width:100%;height:-moz-calc(100% - 64px);height:-webkit-calc(100% - 64px);height:calc(100% - 64px);top:48px;padding:8px;box-sizing:border-box;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}section ul{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:0;padding:0;list-style:none}section li{box-sizing:border-box;padding:8px;min-width:300px;background:rgb(16 16 16 / .5);opacity:.75;color:#f5f5f5;transition:.2s ease;border-bottom:1px solid #353535}section li:hover{background:rgb(32 32 32 / .5);cursor:pointer;opacity:1;border-bottom:1px solid #ff8c00}#home button{font-weight:600;margin:16px;padding:5px;padding-left:10px;padding-right:10px;border-radius:8px}#home h2{border-top:1px solid #b0b0b0;padding-top:16px;color:#ff8c00}#home h3{color:#fff}#browseContent{height:-moz-calc(100% - 185px);height:-webkit-calc(100% - 185px);height:calc(100% - 185px);overflow-y:auto}#YoutubeSearchButton,#YoutubeSearchHeader{display:none;margin-top:16px;padding:8px}.resultLink{opacity:1;cursor:default!important}.resultLink:hover .resultThumbnailOverlay,.resultLink:hover .resultTitle,.resultLink:hover .resultInfo,.resultFavorite:hover{opacity:1!important;cursor:pointer!important}.resultThumbnail{float:left;margin-right:8px}.resultThumbnailOverlay{position:absolute;width:120px;height:90px;transition:.2s ease;background:url(icons/add.svg) center no-repeat,rgb(16 16 16 / .5);opacity:0;z-index:99}.resultAdded{background:url(icons/added.svg) center no-repeat,rgb(16 16 16 / .5);opacity:1}.resultTitle{width:-moz-calc(100% - 128px);width:-webkit-calc(100% - 128px);width:calc(100% - 128px);height:56px;float:left;vertical-align:middle;overflow:hidden;opacity:.75}.resultInfo{height:16px;max-width:-moz-calc(100% - 160px);max-width:-webkit-calc(100% - 160px);max-width:calc(100% - 160px);margin-top:14px;float:left;font-size:small;color:#c5c5c5;vertical-align:middle;overflow:hidden;opacity:.75}.resultFavorite{float:right;margin-top:10px;margin-left:8px;height:24px;width:24px;background:url(icons/favorite.svg) center no-repeat;background-size:contain;opacity:.5}#favorites .resultFavorite{background:url(icons/remove.svg) center no-repeat}.resultLink:hover .resultFavorite,#favorites .resultLink:hover .resultFavorite{opacity:.75}.favorited{background:url(icons/favorited.svg) center no-repeat!important;opacity:.75}#queue{top:auto;bottom:76px;border-top:1px solid #303030;border-bottom:0}#queue.partyMode{display:block;bottom:0;height:64px}#queue #toggleQueue{display:none;background:url(icons/up.svg) center no-repeat!important}#queueLoadscreen{position:absolute;display:none;width:100%;height:100%;background:url(icons/load.png) top no-repeat}#queueList{margin-top:8px;grid-template-columns:repeat(1,auto);gap:4px}#queueList li{line-height:24px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#queueList a{float:right;width:24px;height:24px;background:url(icons/remove.svg) center no-repeat;cursor:pointer;opacity:.75}#queueList a:hover{opacity:1}#toggleQueueParty{display:block;position:fixed;left:50%;transform:translate(-50%,0);bottom:0;height:64px;width:200px}#partyContainer{padding:8px;background:rgb(16 16 16 / .6);text-align:center}#partyLink{color:#f5f5f5;font-size:x-large;font-weight:600;word-wrap:break-word}#partyQR{padding-bottom:8px;text-align:center;font-size:small}#partyQR img{width:180px;margin-top:16px;margin-left:auto;margin-right:auto;padding:8px;border-radius:12px;background:#f5f5f5}.player{min-width:unset;width:100%!important;max-width:unset;background:0;border:0;z-index:96}.player iframe,.player object,.player embed{position:absolute;top:0;left:0;width:100%;height:100%}#playerOverlay{display:block;z-index:97}#pauseScreen{display:flex;justify-content:space-around;align-items:center;z-index:98;background:rgb(16 16 16 / .75)}#pauseScreen a{width:256px;height:256px;background:url(icons/paused.svg) center no-repeat;opacity:.75}#pauseScreen a:hover{background:url(icons/resume.svg) center no-repeat;cursor:pointer;opacity:1}#settings p sup{color:#b0b0b0;padding-left:26px}#settings form{margin:0;padding:0}#settings label{display:inline-block;width:auto;padding-right:5px;text-align:right}#settingsVolume{width:50px}#settings span{font-weight:600;color:#ff8c00}#settingsButton{margin-left:75%}#notifierLog{padding-top:8px}#notifierLog p{padding:2px;margin:0;font-size:small}#notifier{display:none;position:absolute;bottom:76px;width:100%;z-index:99;box-sizing:border-box}#notifier p{margin:0;padding:5px;text-align:center;font-size:small;font-weight:500;color:#fff}.alert{background:rgb(255 140 0 / .25);border-top:1px solid #ff8c00}.error{background:rgb(255 0 0 / .5);border-top:1px solid red}#cookies{display:none;position:fixed;bottom:76px;width:100%;z-index:99;box-sizing:border-box;background:#202020;border-top:1px solid #ff8c00;margin:0;padding:5px;padding-bottom:20px;text-align:center;color:#fff}#cookies a{color:#ff8c00;text-decoration:none}#cookies a:hover{cursor:pointer;text-decoration:underline}footer{position:fixed;bottom:0;width:100%;height:76px;background:#151515;z-index:99;box-sizing:border-box}footer a{float:left;margin:4px;margin-top:12px;width:48px;height:48px;opacity:.75;transition:.2s ease}footer a:hover{opacity:1;cursor:pointer}#seekBar{width:100%;height:4px;background:#303030}#seekBar.active:hover{cursor:pointer}#seekContainer .ui-widget.ui-widget-content{border:0}#seekContainer .ui-widget-content{background:#303030;border-radius:0}#seekContainer .ui-widget-header{background:#ff8c00}#seekContainer .ui-slider-handle{top:0;margin-left:-32px;background-color:#ff8c00;height:4px;width:4px;border:0;border-radius:0;outline:none}#currentTrack{float:left;margin:4px;max-width:-moz-calc(100% - 352px);max-width:-webkit-calc(100% - 352px);max-width:calc(100% - 352px)}#currentTrack p{margin:0;padding:0;line-height:30px;vertical-align:middle}#currentTitle{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#currentTime{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}#currentFavorite{background:url(icons/favorite.svg) center no-repeat}#playbackPlay,#playbackPause{margin-top:8px;display:none;width:56px;height:56px;border-radius:12px!important;box-sizing:border-box;opacity:1}#playbackPlay{background:url(icons/play.svg) center no-repeat}#playbackPause{background:url(icons/pause.svg) center no-repeat}#playbackPlay:hover,#playbackPause:hover{background-color:#252525!important}#playbackNext{background:url(icons/next.svg) center no-repeat}#playbackFavorite{background:url(icons/favorite.svg) center no-repeat}#playbackShuffle{display:none;float:right;background:url(icons/shuffle.svg) center no-repeat}#toggleQueue{float:right;background:url(icons/queue.svg) center no-repeat}#volumeToggle{float:right;background:url(icons/volume.svg) center no-repeat}.muted{background:url(icons/mute.svg) center no-repeat!important}#volumeContainer{display:inline-block;position:absolute;padding:32px;right:20px;bottom:96px;background:#202020;border-radius:12px}#volumeContainer .ui-slider-vertical{width:8px;height:128px}#volumeContainer .ui-widget.ui-widget-content{border:0}#volumeContainer .ui-widget-content{background:#f5f5f5;border-radius:4px}#volumeContainer .ui-slider-handle{left:-12px;margin-bottom:-8px;background-color:#ff8c00;height:16px;width:32px;border:0;border-radius:8px;outline:none}@media only screen and (max-width:1280px){section{min-width:unset;width:100%;max-width:unset}section ul{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:800px){#logo{width:48px;background:url(logo/small.svg) left center no-repeat;background-size:contain}#search{left:64px;transform:unset;width:-moz-calc(100% - 240px);width:-webkit-calc(100% - 240px);width:calc(100% - 240px);max-width:400px}#search.partyMode{width:-moz-calc(100% - 176px);width:-webkit-calc(100% - 176px);width:calc(100% - 176px);max-width:400px}.searchField{width:100%}section ul{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:480px){#search{width:-moz-calc(100% - 200px);width:-webkit-calc(100% - 200px);width:calc(100% - 200px)}#search.partyMode{width:-moz-calc(100% - 160px);width:-webkit-calc(100% - 160px);width:calc(100% - 160px)}header a,footer a{width:32px}#playbackPlay,#playbackPause{width:48px}footer #playbackShuffle{display:none}#currentTrack{max-width:-moz-calc(100% - 224px);max-width:-webkit-calc(100% - 224px);max-width:calc(100% - 224px)}}