html{font-size:62.5%}body{text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.6rem;background-color:#fff;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both}.app{margin:0 auto;width:95%;text-align:left}.app .header{background-color:beige;display:flex;flex-direction:column;align-items:center;justify-content:center}.app main section{margin:20px 0;width:50%;float:left}.app footer{margin:50px 0;background-color:#ffebcd;padding:2px 10px}.player .player-button{background:none;border:0;line-height:1;color:#666;text-align:center;outline:0;padding:0;cursor:pointer;max-width:50px}.player .player-button:focus{border-color:#40f}.player:hover .progress{height:15px}.player:hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0)}.player input[type=range]{-webkit-appearance:none;background:transparent;width:100%;margin:0 5px}.player input[type=range]:focus{outline:none}.player input[type=range]:focus::-webkit-slider-runnable-track{background:#8b8a8a}.player input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px transparent,0 0 1px rgba(13,13,13,0);background:hsla(0,0%,100%,.8);border-radius:1.3px;border:.2px solid rgba(1,1,1,0)}.player input[type=range]::-webkit-slider-thumb{height:15px;width:15px;border-radius:50px;background:#40f;cursor:pointer;-webkit-appearance:none;margin-top:-3.5px;box-shadow:0 0 2px rgba(0,0,0,.2)}.player input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px transparent,0 0 1px rgba(13,13,13,0);background:#fff;border-radius:1.3px;border:.2px solid rgba(1,1,1,0)}.player input[type=range]::-moz-range-thumb{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);height:15px;width:15px;border-radius:50px;background:#40f;cursor:pointer}.player-slider{width:10px;height:30px}.player-controls{display:flex;width:80%;flex-wrap:wrap;background:rgba(0,0,0,.1)}.player-controls>*{flex:1 1}.player-controls .info-text{font-size:1.1rem;padding:8px 0 0}.player-controls .progress{flex:10 1;position:relative;display:flex;flex-basis:100%;height:15px;background:rgba(0,0,0,.5);cursor:ew-resize}.player-controls .progress .filled{width:0;background:#40f;flex:0 1;flex-basis:0}ul.playlist{list-style:none;padding-left:0;width:50%}ul.playlist li{font-size:1.5rem;padding:5px;border-bottom:1px solid #666}ul.playlist li.item{background-color:#fff}ul.playlist li.item:hover{cursor:pointer;background-color:#e7e6e6}ul.playlist li.selected{background-color:#7fffd4}ul.playlist li a{text-decoration:none}ul.playlist li a:hover{text-decoration:underline}ul.playlist li .small{font-size:1.1rem}
/*# sourceMappingURL=main.ae99df2a.chunk.css.map */