.audio-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:2em;left:50%;padding:1em;text-align:center;cursor:default;white-space:nowrap;border-radius:var(--border-radius);background-color:#111;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.audio-controls>.button{cursor:pointer}.audio-controls>.button:active{color:#555}.audio-controls .play-pause i{-webkit-transform:scale(1.2);transform:scale(1.2)}.audio-controls.mic-on .audio-control,.audio-controls .off{color:#888}.audio-controls .playlist{position:relative}.audio-controls .playlist .list{position:absolute;bottom:100%;right:50%;margin-bottom:2em;max-height:400px;width:300px;border-radius:var(--border-radius);background-color:#111;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.audio-controls .playlist .playlist-enter,.audio-controls .playlist .playlist-leave-active{opacity:0;bottom:50%!important}.audio-controls .playlist .list ul{list-style:none;margin:0;padding:0;max-height:400px;width:100%;overflow:auto}.audio-controls .playlist .list ul:empty:before{content:"queue empty";display:block;padding:1em 1em}.audio-controls .playlist .list li{position:relative}.audio-controls .playlist .list li .song-title{position:relative;text-align:left;padding:.5em 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.audio-controls .playlist li:before{content:"";position:absolute;bottom:0;left:0;width:0;height:100%;background-color:#222;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.audio-controls .playlist li:hover:before{width:100%}.audio-controls .title{width:18em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-controls .progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#222}.audio-controls .progress:before{content:"";position:absolute;top:50%;left:0;width:100%;height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.audio-controls .progress>.scrubber{position:relative;width:0;height:100%;background-color:#333}.audio-controls .progress>.scrubber:after{content:"";position:absolute;opacity:0;top:0;right:0;width:5px;height:13px;margin-top:-5px;background-color:#555;border-radius:1px;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;-webkit-transition-delay:1s;transition-delay:1s}.audio-controls .progress:hover>.scrubber:after{opacity:1;-webkit-transition:none;transition:none}.audio-dropzone{top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,49.8%,.3);z-index:1000}.audio-dropzone,.audio-dropzone .note{position:absolute;-webkit-transition:all .3s ease;transition:all .3s ease}.audio-dropzone .note{top:50%;left:50%;padding:1em 1.5em;white-space:nowrap;text-align:center;font-size:2em;background-color:#111;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.audio-dropzone .note .small{font-size:.61em}.note-enter,.note-leave-active{opacity:0}.note-enter .note,.note-leave-active .note{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.donate-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:320px;text-align:center}.donate-form .donate-buttons{width:200px}.donate-form .donate-buttons .btn{width:100%;margin-bottom:.5rem}.donate-form .donate-crypto{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.crypto-link{position:relative;cursor:pointer;padding:1em}.crypto-link:hover .crypto-link__qr{pointer-events:auto;opacity:1;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.crypto-link__qr{pointer-events:none;opacity:0;position:absolute;top:-.5em;left:50%;-webkit-transform:translate(-50%,-110%);transform:translate(-50%,-110%);padding:1em;border-radius:var(--border-radius);background:#111;-webkit-transition:all .3s ease;transition:all .3s ease}.crypto-link__qr:after{content:"";position:absolute;left:50%;bottom:-.9em;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:1em solid transparent;border-right:1em solid transparent;border-top:1em solid #111}.crypto-link__qr h3{margin:0}.crypto-link__qr img{width:200px;padding:10px;margin:1em;background:#fff}.crypto-link__qr div{max-width:210px;word-wrap:break-word}.modal__cover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__content{border-radius:var(--border-radius);background:#111;line-height:1.5;padding:1.5em;-webkit-transition:background .3s ease,-webkit-transform .3s ease;transition:background .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background .3s ease;transition:transform .3s ease,background .3s ease,-webkit-transform .3s ease}.modal.peek{pointer-events:none}.modal.peek .modal__cover{background:transparent}.modal.peek .modal__content{-webkit-transform:translateY(calc(50% + 50vh - var(--peek-offset)));transform:translateY(calc(50% + 50vh - var(--peek-offset)))}.vis-settings{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vis-settings__open,.vis-settings__panel{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:var(--border-radius);background:#111;-webkit-transition:right .3s ease;transition:right .3s ease}.vis-settings__open.hidden,.vis-settings__panel.hidden{right:-200px}.vis-settings__close,.vis-settings__open{cursor:pointer}.vis-settings__open{right:0;padding:1em 1.5em;-webkit-transform:rotate(-90deg) translate(50%,-100%);transform:rotate(-90deg) translate(50%,-100%);-webkit-transform-origin:right top;transform-origin:right top}.vis-settings__close{position:absolute;top:.5em;right:.5em}.vis-settings__panel{right:2em;width:200px;text-align:center;padding:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vis-settings__panel>div,.vis-settings__panel>label{width:100%;margin-bottom:.5em}.vis-settings__quality{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius);overflow:hidden}.vis-settings__quality button{border:0;border-radius:0;padding:.25em;line-height:0;-webkit-box-flex:0;-ms-flex:0;flex:0}.vis-settings__quality button i{font-size:inherit;line-height:1}.vis-settings__quality div{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.25em 1em}.vis__welcome{max-width:300px}.vis__welcome h2{text-align:center}.vis__donate .crypto-link__qr{background:#222}.vis__donate .crypto-link__qr:after{border-top-color:#222}.vis__container,.vis__controls{position:absolute;width:100%;height:100%;overflow:hidden}.vis__container{background:#000}.vis__controls{-webkit-transition:all .3s ease;transition:all .3s ease}.vis__controls .nav{-webkit-transition:top .3s ease;transition:top .3s ease}.vis__controls .vis-settings__open,.vis__controls .vis-settings__panel{-webkit-transition:right .3s ease;transition:right .3s ease}.vis__controls .audio-controls{-webkit-transition:bottom .3s ease;transition:bottom .3s ease}.vis__controls.hidden{opacity:0;cursor:none}.vis__controls.hidden .nav{top:-100px}.vis__controls.hidden .vis-settings__open{right:-100px}.vis__controls.hidden .vis-settings__panel{right:-300px}.vis__controls.hidden .audio-controls{bottom:-100px}.vis__fps{position:absolute;right:0;bottom:0;padding:.5em 1em;opacity:.5}.vis canvas{position:relative;top:50%;left:50%;height:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}