@-webkit-keyframes iron-router-progress-before{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes iron-router-progress-before{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes iron-router-progress-before{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@-ms-keyframes iron-router-progress-before{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes iron-router-progress-before{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#iron-router-progress{display:block;position:fixed;top:0;left:0;width:0;height:3px;background-color:hsla(0,0%,62.7%,.6);box-shadow:0 0 5px hsla(0,0%,62.7%,.6);opacity:1;z-index:10000}#iron-router-progress.spinner:before{content:"";display:block;position:fixed;top:10px;right:10px;width:25px;height:25px;background-color:transparent;border:3px solid hsla(0,0%,62.7%,.6);border-radius:100px;border-right-color:transparent!important;opacity:0;z-index:10000;pointer-events:none;transition:opacity .5s;transition-delay:.5s}#iron-router-progress.loading{transition:width 1s,opacity 1s;transition-delay:0s,1s}#iron-router-progress.loading.spinner:before{opacity:1;-webkit-animation:iron-router-progress-before .5s linear infinite;-moz-animation:iron-router-progress-before .5s linear infinite;-o-animation:iron-router-progress-before .5s linear infinite;-ms-animation:iron-router-progress-before .5s linear infinite;animation:iron-router-progress-before .5s linear infinite}#iron-router-progress.done,#iron-router-progress.done.spinner:before{opacity:0}:root{box-sizing:border-box}*,:after,:before{box-sizing:inherit}::-webkit-scrollbar{display:none}:root,body{margin:0;padding:0;border:initial}html{min-height:calc(100% + env(safe-area-inset-top))}body{overflow:hidden;width:100lvw;height:100lvh;font-family:Montserrat,sans-serif;height:100vh;margin:0;color:#fff;display:flex;flex-direction:column;background-color:#000;position:fixed}body a{color:inherit}body a:not(:hover){text-decoration:none}body .content{overflow:hidden;flex-grow:1;height:calc(100% - 120px)}svg{width:100vw;height:100vh}.class-container{border:1px solid hsla(0,0%,100%,.2);max-width:640px;margin:30px;background-color:rgba(0,0,0,.06666666666666667);border-radius:16px}.class-title{font-size:24px;opacity:.4;padding:12px}.audio-menu-item{padding:10px;color:hsla(0,0%,100%,.9333333333333333)}.audio-menu-item:hover{color:#aff}.channel-logo{height:128px;width:128px;position:fixed;padding:9px;bottom:0;left:0}.channel-logo img{height:100%;width:100%}.bottom-infocenter-container{position:fixed;bottom:0;right:0;left:0;backdrop-filter:blur(7px);background-color:rgba(0,0,0,.06666666666666667);border-top:1px solid hsla(0,0%,100%,.5333333333333333)}.btn{font-family:Helvetica,Arial,sans-serif;display:inline-block;font-size:21px;padding:12px 28px;margin-bottom:60px;-webkit-appearance:none;appearance:none;color:#fff;border-radius:4px;cursor:pointer;position:relative;transition:transform .1s ease-in,box-shadow .25s ease-in;box-shadow:0 2px 25px rgba(255,0,130,.5)}.btn-outline{background-color:rgba(255,0,129,.13333333333333333)}.btn-brand,.btn-outline{border:1px solid #ff0081}.btn-brand{background-color:#ff0081;text-align:center;vertical-align:middle}.btn-confetti:focus{outline:0}.btn-confetti:after,.btn-confetti:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-1000;transition:all .5s ease-in-out;background-repeat:no-repeat}.btn-confetti:before{display:none;top:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,transparent 20%,#ff0081 0,transparent 30%),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}.btn-confetti:after{display:none;bottom:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0),radial-gradient(circle,#ff0081 20%,transparent 0);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}.btn-confetti:active{transform:scale(.9);background-color:#e60074;box-shadow:0 2px 25px rgba(255,0,130,.2)}.btn-confetti.animate:before{display:block;animation:topBubbles .75s ease-in-out forwards}.btn-confetti.animate:after{display:block;animation:bottomBubbles .75s ease-in-out forwards}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}.btn-icon{height:40px;margin-top:-12px;margin-bottom:-12px;margin-left:-12px}.centered-cluster{padding:5px;width:400px;height:500px;margin:10px;color:#fff;font-weight:700;font-size:3em;text-align:center}.centered-cluster img{position:relative;max-width:100%}.welcome-container{display:flex;align-items:center;justify-content:center}.application-container,.welcome-container{position:fixed;inset:0;backdrop-filter:blur(7px)}.application-container{background-color:rgba(0,0,0,.5333333333333333)}.menu-container{position:fixed;overflow-y:scroll;height:88vh;bottom:0;left:0;right:0}.text-muted{opacity:.4}.date-container{position:fixed;left:0;right:0;top:0;opacity:.03;top:calc(env(safe-area-inset-top));cursor:pointer}.date-container:hover{opacity:.8}.btn-clear-current-audio,.btn-select-menu-item{cursor:pointer;opacity:.7}.btn-clear-current-audio:hover{opacity:1}.lyrics{padding:50vh 0;min-height:calc(100vh - 120px);width:calc(100% - 40px);margin:0 20px;text-align:center}.lyrics,.lyrics>div{transition:all .25s;position:relative}.lyrics>div{font-size:32px;line-height:60px;color:#aaa}.lyrics>div:before{content:attr(note);position:absolute;top:0;left:50%;transform:translate(-50%,-50%);font-size:21px}.lyrics>div.highlighted{color:#fff;font-size:48px}.player{z-index:10;background:rgba(51,51,51,.26666666666666666);color:#fff;min-height:120px;max-height:120px;display:flex;font-size:21px;flex-direction:row}.player .left{width:120px;background-size:cover}.player .right,.player .right .top{flex-grow:1;display:flex;flex-direction:column}.player .right .top{justify-content:center;padding-left:10px}.player .right .top .song{font-size:1.2em;font-weight:600}.player .right .bottom{display:flex}.player .right .bottom video{flex-grow:1;height:32px}@-webkit-keyframes pop-in{0%,95%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop-in{0%,95%{transform:translateY(100%)}to{transform:translateY(0)}}