@font-face{font-family:remixicon;src:url(/remixicon.woff2) format("woff2");font-display:swap}[class^=ri-],[class*=ri-]{font-family:remixicon!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ri-search-2-line:before{content:""}.ri-home-line:before{content:""}.ri-skip-back-line:before{content:""}.ri-skip-forward-line:before{content:""}.ri-repeat-line:before{content:""}.ri-heart-line:before{content:""}.ri-heart-fill:before{content:""}.ri-replay-15-line:before{content:""}.ri-forward-15-line:before{content:""}.ri-settings-line:before{content:""}.ri-loader-3-line:before{content:""}.ri-youtube-line:before{content:""}.ri-volume-down-line:before{content:""}.ri-volume-mute-line:before{content:""}.ri-volume-up-line:before{content:""}.ri-rfid-line:before{content:""}.ri-download-2-line:before{content:""}.ri-play-list-add-line:before{content:""}.ri-pause-circle-fill:before{content:""}.ri-play-circle-fill:before{content:""}.ri-stop-circle-fill:before{content:""}.ri-shuffle-line:before{content:""}.ri-close-line:before{content:""}.ri-delete-bin-7-line:before{content:""}.ri-list-check-2:before{content:""}.ri-play-line:before{content:""}.ri-subtract-line:before{content:""}.ri-stack-line:before{content:""}.ri-history-line:before{content:""}.ri-play-list-2-line:before{content:""}.ri-compass-3-line:before{content:""}.ri-edit-line:before{content:""}.ri-login-circle-line:before{content:""}.ri-logout-circle-line:before{content:""}.ri-tv-line:before{content:""}.ri-calendar-schedule-line:before{content:""}nav{display:flex}nav a{text-decoration:none;color:inherit;display:flex;align-items:center;opacity:50%}nav a:hover{opacity:75%}nav a.active{opacity:1}@media (orientation:portrait){nav{height:auto;justify-content:space-around;width:94%;padding:5% 3% 0}nav a{height:100%;flex-direction:column;justify-content:space-evenly}nav i{font-size:larger}nav p{margin:0;padding:0;font-size:small}}@media (orientation:landscape){nav{height:100dvh;flex-direction:column;width:20%;font-size:large;justify-content:center}nav a{width:auto;height:12%;margin:1dvh}nav i{margin:0 1vw}}footer{display:flex;height:19%;width:100%;border-radius:var(--roundness);background-color:var(--onBg);color:var(--text);border:var(--border);align-items:center;flex-direction:column;box-shadow:var(--shadow);overflow:hidden}footer>span{height:4vmin;display:flex;width:100%;justify-content:space-around;align-items:center;background-color:var(--onBg);border-bottom:var(--border);margin-bottom:2vmin}footer span p{margin:0;font-size:large}[type=range]{height:50%;width:70%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;background:none}[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%}[type=range]::-moz-range-track{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;width:1vmin;background-color:var(--text);border:var(--border);transform:scale(2)}input::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%;width:1vmin;background-color:var(--text);border:var(--border);transform:scale(2)}#volumeContainer{height:40%;display:flex;justify-content:space-between;align-items:center;background-color:var(--onBg);border-radius:var(--roundness);margin:auto 0;overflow:hidden}#volumeContainer label{filter:invert();margin:1vmin}#volumeContainer input{width:100%}#volumeContainer input::-webkit-slider-thumb{border:none;transform:none;box-shadow:-55vw 0 0 55vw var(--text)}#volumeContainer input::-moz-range-thumb{border:none;transform:none;box-shadow:-55vw 0 0 55vw var(--text)}#playerControls{height:100%;width:100%}#playerControls button{color:inherit;border:none;background:none;padding:0;margin:0;font-size:x-large;transition:all .5s}@media (orientation:landscape){#playerControls{display:flex;justify-content:space-evenly}}@media (orientation:portrait){#playerControls{display:grid;grid-template-areas:"A B C D E" "F G G G H"}#playPrevButton{grid-area:A}#seekBwdButton{grid-area:B}#playButton{grid-area:C}#seekFwdButton{grid-area:D}#playNextButton{grid-area:E}#loopButton{grid-area:F;width:15vw;font-size:medium!important;font-weight:700}#volumeContainer{grid-area:G;width:60vw;margin:auto}#playSpeed{grid-area:H;font-weight:700;width:15vmin;margin:auto}#playerControls *{text-align:center}}#playButton{transform:scale(1.7) translateY(1%)}#playButton:active{transform:scale(1.5) translateY(2%)}.on{text-shadow:0 0 1vmin var(--text)}#home{align-items:center}#metadata{width:96%;padding:0 2%;display:grid;grid-template-areas:"A A A A" "B C D E"}#img{border:var(--border);border-radius:var(--roundness);box-shadow:var(--shadow)}#title{font-size:larger;font-weight:700;margin-bottom:5%;grid-area:A}#author{font-size:small;display:flex;align-items:center;grid-area:B}#metadata select{font-family:inherit;font-size:small;text-align:right}#bitrateSelector{max-width:15ch;grid-area:C}#favButton{display:none}#favButton+label{text-align:right;font-size:x-large;font-weight:700;grid-area:E}#favButton:checked+label{animation:like .4s ease-in-out}@keyframes like{50%{transform:scale(.9)}}@media (orientation:portrait){#img{height:52vw;width:auto}#home{flex-direction:column;justify-content:space-evenly}}@media (orientation:landscape){#home{flex-direction:row;justify-content:space-between}img{width:auto;height:45%}}#superInputContainer{height:auto;width:calc(100% - 8.3vmin);padding:2.4vmin 4vmin;margin-bottom:2vmin;position:sticky;z-index:1;top:0;-webkit-backdrop-filter:blur(2vmin);backdrop-filter:blur(2vmin);background-color:var(--onBg);border-radius:var(--roundness);border:var(--border);box-shadow:var(--shadow);display:flex}#superInput{border:none;height:100%;width:100%;background:none;color:inherit;font-size:medium}#superInput::-moz-placeholder{color:inherit;opacity:75%}#superInput::placeholder{color:inherit;opacity:75%}#searchFilters{font-size:medium;max-width:10ch;padding:0;margin-right:1vmin;border:none;color:inherit;text-align:right}#search button{background:none;color:inherit;border:none;padding:0;margin:0;font-size:x-large}#suggestions{max-height:25vmax;overflow-y:scroll;position:absolute;z-index:1;margin-top:11.2vmin;width:80vmin;background-color:var(--bg);list-style-type:none;padding:0;border-radius:0 0 var(--roundness) var(--roundness);border:var(--border);box-shadow:var(--shadow);display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#suggestions li{background-color:var(--onBg);font-weight:700;padding:1vmin 3vmin;margin-top:.4vmin}#suggestions li:hover,#suggestions li:focus,#suggestions li.hover{background-color:var(--text);color:var(--bg)}h1.featuredPlaylists{background:var(--onBg);padding:2%;border-radius:var(--roundness);display:flex;justify-content:center;align-items:center}#settings{width:auto;background-color:var(--onBg);padding:0 4vmin;border:var(--border);border-radius:var(--roundness)}#settings.view{display:block}#settings h3{display:flex;justify-content:space-between;margin-top:4%;border-bottom:dotted}#settings span{width:100%;display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin:4vmin 0}#settings select{background-color:var(--onBg);font-size:inherit;border:var(--border);padding:1vmin;max-width:calc(100% - 15ch)}#settings a{background-color:var(--onBg);padding:1vmin;border:var(--border);border-radius:var(--roundness);display:inline-block;margin-bottom:4vmin;margin-right:2vmin}#settings button{margin:0 2vmin 4vmin 0!important;background-color:var(--onBg)!important;color:var(--text)!important}#netlifyForm{font-size:medium;background-color:var(--onBg);border:var(--border);border-radius:var(--roundness);color:inherit;padding:1vmin;width:calc(100% - 2.3vmin);margin-bottom:5%}#netlifyForm::-moz-placeholder{color:inherit;opacity:75%}#netlifyForm::placeholder{color:inherit;opacity:75%}#superModal ul{list-style:none;margin:0;padding:.5vmin 2vmin;width:auto;background-color:var(--bg);color:var(--text);border:var(--border);border-radius:calc(var(--roundness)*1.4);box-shadow:var(--shadow)}#superModal li{background-color:var(--onBg);padding:2vmin 4vmin;margin:2vmin 0;border:var(--border);border-radius:var(--roundness);font-weight:700;font-size:medium;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--shadow);display:flex;justify-content:flex-start;align-items:center}#superModal li i{font-weight:400;margin-right:2vmin;font-size:larger}#playlistSelector{font-weight:inherit;font-size:inherit;margin-left:-3px;width:16ch}p.snackbar{position:absolute;z-index:9;top:75%;width:calc(90dvmin - 1rem);padding:.5rem 1rem;background-color:var(--bg);color:var(--text);border:1px solid var(--text);border-radius:var(--roundness);animation:fadeIn 1s,fadeOut 1s 7s}@keyframes fadeIn{0%{top:100%;opacity:0}}@keyframes fadeOut{to{top:100%;opacity:0}}:root{--bg: transparent;--onBg: transparent;--text: transparent;--borderColor: transparent;--border: .1vmin solid var(--borderColor);--shadowColor: transparent;--shadow: 0 .5vmin 1.5vmin var(--shadowColor);--roundness: 2vmin}@font-face{font-family:Noto Sans;src:url(/NotoSans.woff2) format("woff2");font-display:swap}html,body{margin:0;padding:0;height:100dvh}body{background-color:var(--bg);color:var(--text);display:flex;align-items:center;transition:all .4s;font-family:Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}main{display:flex;flex-direction:column}section{display:none;flex-direction:column;align-items:center;width:100%;overflow-y:auto;animation:appear .2s cubic-bezier(.19,1,.22,1)}@keyframes appear{0%{opacity:0;transform:translate(100%)}}section.view{display:flex}@media (orientation:portrait){body{flex-direction:column}main{height:calc(100dvh - 6%);width:94%;padding:3%}section{height:calc(75dvh - 5dvw);margin-bottom:5dvw}}@media (orientation:landscape){main{height:96dvh;width:calc(80% - 4dvh);padding:2dvh}section{height:calc(80% - 2dvh);margin-bottom:2dvh}}button{transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:active{transform:scale(.8)}input{font-family:inherit;outline:none}select{font-family:inherit;background:none;outline:none;color:var(--text);border:none;border-radius:var(--roundness)}dialog[open]{background:none;border:none;display:flex;justify-content:center;align-items:center;animation:boing .3s ease-in-out forwards}@keyframes boing{0%{transform:scale(0);opacity:0}}dialog::backdrop{background-color:#0007;animation:x .3s ease-in-out forwards}@keyframes x{0%{background-color:transparent}}#library>div{display:flex;margin-top:1vmin}#library>div>label{background-color:var(--onBg);color:var(--text);border:var(--border);border-radius:var(--roundness);padding:1vmin;margin:0 3vmin;font-size:large}details{width:calc(100% - 4.3vmin);background-color:var(--onBg);color:var(--text);padding:2vmin;margin-bottom:4vmin;border:var(--border);border-radius:var(--roundness)}details>div{margin-top:3vmin}details>summary{list-style:none;font-size:larger;transition:all .3s ease-in-out}details[open]>summary{font-size:xx-large;margin-bottom:3vmin}a{text-decoration:none;color:inherit}stream-item,list-item{transition:all .3s ease-out}stream-item:hover,list-item:hover{transform:scale(.95)}.hide{display:none!important}.delete{background-color:#800!important}#queuetools{height:10vmin;width:100%;display:flex;justify-content:space-around;position:sticky;top:calc(100% - 10vmin);z-index:3}#queuetools button,#listTools button,details button,#settings button{border:var(--border);border-radius:var(--roundness);background:var(--text);color:var(--bg);font-family:inherit;font-size:inherit;padding:1vmin 2vmin;margin:1vmin 2vmin}#queuetools button:hover,#listTools button:hover,details button:hover{background-color:var(--bg);color:var(--text)}#queuelist{width:100%;height:100%;margin-top:-10vmin}#loadingScreen{background-color:var(--bg);color:var(--text);border-radius:var(--roundness)}#loadingScreen i{font-size:xx-large}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ri-loader-3-line{animation:spinner 1.5s cubic-bezier(.645,.045,.355,1) infinite}#changelog{position:fixed;z-index:4;width:calc(100% - 10dvmin);height:calc(100% - 10dvmin);background-color:var(--bg);animation:zoomout .5s ease-in-out forwards}@keyframes zoomout{0%{transform:scale(2);opacity:0}}