.loading-visualization{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.loading-visualization .ring{display:inline-block;position:relative;width:83px;height:83px}.loading-visualization .ring div{box-sizing:border-box;display:block;position:absolute;width:70px;height:70px;margin:6px;border-radius:50%;-webkit-animation:ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:6px solid transparent;border-top-color:#fff}.loading-visualization .ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.loading-visualization .ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading-visualization .ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-audio{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.loading-audio.show{opacity:1}.loading-audio .loading-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px;background-color:#eee;-webkit-animation:lethargic-bounce 1.5s linear infinite;animation:lethargic-bounce 1.5s linear infinite}.loading-audio .loading-dot:nth-child(2){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.loading-audio .loading-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes lethargic-bounce{0%,75%,to{-webkit-transform:none;-webkit-transform:initial;transform:none}30%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes lethargic-bounce{0%,75%,to{-webkit-transform:none;-webkit-transform:initial;transform:none}30%{-webkit-transform:translateY(10px);transform:translateY(10px)}}#audio-controls{position:fixed;text-align:center;width:100%;bottom:5%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}@media screen and (max-height:400px) and (orientation:landscape){#audio-controls{-webkit-transform:scale(.75);transform:scale(.75)}}#audio-controls #track-controls{margin-top:1rem}#audio-controls #track-controls button{background:none;border:1px solid #fff;color:#fff;font-size:2rem;outline:none;-webkit-transition:all .1s linear;transition:all .1s linear;text-align:center;line-height:50%;padding:5px}#audio-controls #track-controls button:last-child{margin-left:-1px}#audio-controls #track-controls button:hover{background:hsla(0,0%,100%,.1);color:#eee}#audio-controls #track-controls button:active{background:#fff;color:#000}#overlay{position:relative;top:0;left:0;width:100%;height:100%;opacity:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-transition:opacity .25s linear;transition:opacity .25s linear;touch-action:none}#overlay.show{opacity:1}#overlay.show .navigation{padding:0 2rem}#overlay #version{position:absolute;bottom:3rem;right:3rem;display:none}#overlay #play-pause-container{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0) scale(.5);transform:translate3d(-50%,-50%,0) scale(.5);padding:3rem;z-index:1}@media screen and (max-height:400px) and (orientation:landscape){#overlay #play-pause-container{-webkit-transform:translate3d(-50%,-50%,0) scale(.33);transform:translate3d(-50%,-50%,0) scale(.33)}}#overlay #play-pause-container .pause,#overlay #play-pause-container .play{height:100%;width:100%}#overlay #play-pause-container .play{border-color:transparent transparent transparent #fff;border-style:solid;border-width:2.5rem 0 2.5rem 4rem}#overlay #play-pause-container .pause{height:5rem;border:double #fff;border-width:0 0 0 4rem}#overlay #title{position:absolute;font-weight:600;font-size:1.25rem;left:50%;top:5%;-webkit-transform:translate3d(-50%,-5%,0);transform:translate3d(-50%,-5%,0);letter-spacing:7px;padding-left:7px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:text-shadow .1s linear;transition:text-shadow .1s linear}@media screen and (max-height:400px) and (orientation:landscape){#overlay #title{top:10%;-webkit-transform:translate3d(-50%,-10%,0) scale(.75);transform:translate3d(-50%,-10%,0) scale(.75)}}#overlay #title:hover{cursor:pointer;text-shadow:-1px 0 0 hsla(0,0%,100%,.33),1px 0 0 hsla(0,0%,100%,.33),0 -1px 0 hsla(0,0%,100%,.33),0 1px 0 hsla(0,0%,100%,.33)}#overlay .navigation{position:relative;display:-webkit-flex;display:flex;width:100%;padding:0 5rem;-webkit-justify-content:space-between;justify-content:space-between;-webkit-transition:padding .25s ease-out;transition:padding .25s ease-out}#overlay .arrow-container{padding:1rem;touch-action:none;-webkit-transform:scale(.5);transform:scale(.5)}@media screen and (max-width:400px){#overlay .arrow-container{-webkit-transform:scale(.33);transform:scale(.33)}}@media screen and (max-height:400px) and (orientation:landscape){#overlay .arrow-container{-webkit-transform:scale(.33);transform:scale(.33)}}#overlay .arrow-container .arrow polyline{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%;height:100%}#overlay .arrow-container:focus .arrow polyline,#overlay .arrow-container:hover .arrow polyline{stroke-width:5}#overlay .arrow-container:active .arrow polyline{stroke-width:8}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}#root,body,html{width:100%;height:100%;position:absolute;top:0;left:0;color:#eee;background-color:#101010;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:16px}@media screen and (max-width:400px){#root,body,html{font-size:10px}}
/*# sourceMappingURL=main.66e0da42.chunk.css.map */