@font-face{font-display:swap;font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/material-icons-v143-latin-regular-kAwBdRge.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}.hidden{display:none}@keyframes pulse{0%{box-shadow:0 0 #1db95499}50%{box-shadow:0 0 10px #1db954e6}to{box-shadow:0 0 #1db95499}}.highlight{animation:pulse 1.5s infinite}@keyframes pulseText{0%,to{font-weight:400}50%{font-weight:900}}.highlight span{animation:pulseText 1.5s infinite}#user-bar{display:flex;gap:1rem;align-items:center;justify-content:center;padding:0}#login{margin-top:2rem}#shuffle-button{width:100%;position:relative;overflow:hidden;background-color:#1db954}#shuffle-button:hover{background-color:#20cb5c}#shuffle-span{position:relative;z-index:2}#shuffle-progress{position:absolute;left:0;top:0;bottom:0;width:0%;background-color:#0000004d;z-index:1;transition:width .3s}#shuffle-mode{width:max-content;position:relative;overflow:hidden;text-align:center;padding:.1rem}#shuffle-mode-label{width:max-content;position:relative;overflow:hidden;text-align:center;margin-right:.3rem}#banger-button{width:max-content;position:relative;overflow:hidden;text-align:center;margin-left:auto;background-color:#b91db9}#banger-button:hover{background-color:#cb20cb}#controls-top,#controls-bot{display:flex;align-items:center}#playlists-header{text-align:center}#playlists-header p{margin:0;padding:0}#playlists-scroll{max-height:55vh;overflow-y:auto;margin-top:.5rem;border:1px solid #ddd;border-radius:.5rem}#playlists ol{margin:0;padding:1rem;list-style:none}.playlist-item{display:flex;align-items:center;gap:1rem;margin-bottom:.1rem;cursor:pointer;transition:background-color .2s;padding:.25rem .5rem;border-radius:.4rem}.playlist-item:hover{background-color:#f0f0f0}.playlist-thumb{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:.25rem}.playlist-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item.selected{background-color:#eef;outline:2px solid #3399ff;border-radius:4px}#tracks-header{text-align:center}#tracks-header p{margin:0;padding:0}#tracks-control,#tracks-control-file{display:flex;align-items:center}.tracks-button{width:max-content;position:relative;overflow:hidden;text-align:center;background-color:#b91db9;padding:0 .5rem;margin:0 1rem}.tracks-button:hover{background-color:#cb20cb}#tracks-scroll{max-height:55vh;overflow-y:auto;margin-top:.5rem;border:1px solid #ddd;border-radius:.5rem}#tracks ol{margin:0;padding:1rem;list-style:none}.track-item{display:flex;align-items:center;gap:1rem;margin-bottom:.1rem;cursor:pointer;transition:background-color .2s;padding:.25rem .5rem;border-radius:.4rem}.track-item:hover{background-color:#f0f0f0}.track-item.selected{background-color:#eef;box-shadow:0 0 0 2px #cb20cb;border-radius:4px;background-image:url(data:image/png;base64,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);background-repeat:space}.track-thumb{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:.25rem}.track-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#faq{margin-top:1rem;padding:.5rem;border:1px solid #ddd;border-radius:.5rem;background-color:#fff}#faq p{margin:0;padding:0}#faq>h1{font-size:xx-large;margin:.5rem;line-height:1.2}#faq>ul>li{margin-top:.5rem}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}