*{margin:0;box-sizing:border-box}body,button{font-family:"Poppins",sans-serif}.song-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:40px 0}.song-container img{width:40%;border-radius:50%}.song-container h3{padding:20px 0 5px}@media screen and (min-width:768px){.song-container{margin:40px 0}.song-container img{max-width:307px}}.player-container{min-height:20vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.time-control{width:80%;display:flex;justify-content:space-around}.time-control input{width:100%;-webkit-appearance:none;padding:5px 0;cursor:pointer}.time-control input[type=range]:focus{outline:none}.time-control input[type=range]::-webkit-slider-runnable-track{width:100%;height:14px;border-radius:10px;background-color:#cdddec;overflow:hidden;cursor:pointer}.time-control input[type=range]::-webkit-slider-thumb{height:12px;width:12px;border-radius:10px;background-color:#3c556e;-webkit-appearance:none}.time-control span{display:block;padding:5px;color:#414e5b;font-size:14px;font-weight:800;text-align:center}.play-control{display:flex;justify-content:space-between;align-items:center;padding:10px;width:60%}.play-control svg{color:#414e5b;cursor:pointer}@media screen and (min-width:768px){.player-container{padding:20px}.time-control{justify-content:center}.time-control input{max-width:509px;margin:0 10px}.play-control{max-width:460px}}.music-library{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px 0;background-color:#fff;opacity:0;box-shadow:2px 2px 20px #ddd;scrollbar-width:thin;scrollbar-color:rgba(85,94,102,.5) transparent;transform:translateX(-500px);transition:all .5s ease;overflow-y:scroll;z-index:-1}.music-library h2{padding:0 20px;margin-bottom:20px;color:#474747;font-size:20px}.music-library.open{opacity:1;transform:translateX(0);z-index:5}.music-library::-webkit-scrollbar{width:5px}.music-library::-webkit-scrollbar-track{background:transparent}.music-library::-webkit-scrollbar-thumb{border:transparent;border-radius:20px;background-color:rgba(85,94,102,.5)}.library-song{display:flex;padding:20px;cursor:pointer;transition:background .3s ease-in}.library-song:hover{background-color:#d3e6fa}.library-song img{display:block;width:30%;margin-right:10px}.song-desc{padding:10px 5px}.song-desc h3{margin-bottom:5px;color:#474747;font-size:15px}.song-desc h4{color:#474747;font-size:14px}.selected{background-color:#a9bdd2}@media screen and (min-width:768px){.library-song img{max-width:217px}.song-desc{padding:20px}.song-desc h3{font-size:20px}.song-desc h4{font-size:16px}}.header{min-height:10vh;display:flex;justify-content:space-between;align-items:center;padding:20px 15px}.header h1{color:#a9bdd2;font-size:16px}.header button{padding:5px 10px;border:2px solid #a9bdd2;background-color:transparent;color:#a9bdd2;font-weight:800;letter-spacing:.1em;transition:background .5s ease;cursor:pointer;z-index:10}.header button:hover{background-color:#a9bdd2;color:#fff}@media screen and (min-width:768px){.header{padding:20px 40px}.header h1{font-size:20px}}
/*# sourceMappingURL=main.72415e27.chunk.css.map */