@import url(https://fonts.googleapis.com/css2?family=Encode+Sans:wght@300;400;500&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Encode Sans";scrollbar-width:thin;scrollbar-color:hsla(0,0%,60.8%,.5) transparent;transition:all .25s ease-in}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:15em;margin:3.5em 0 .5em;border:1px solid hsla(0,0%,84.7%,.5)}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,60.8%,.5);border-radius:20px;border:transparent}body{font-family:"Encode Sans";font-weight:400}.fa-icon{font-size:1.5rem}.player{flex-direction:column;justify-content:space-between;min-width:240px;width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.player,.player-title{display:flex;align-items:center}.player-title{justify-content:flex-end;padding-right:1em;font-size:1.5rem;font-weight:500;height:2em;color:#fff;background-color:#000}.time-controls{display:flex;width:80%}.time-controls .time{display:flex;justify-content:center;min-width:3.5em}.time-controls .track{position:relative;width:100%;height:.75em;margin:1.3em 0;border-radius:1em;overflow:hidden}.time-controls .animate-track{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dde;transition:all 75ms ease-in}.time-controls input{position:relative;z-index:1;width:100%;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent}.time-controls input[type=range]{outline:transparent}.time-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;padding:1em 0;height:.9em;width:.9em}.time-controls input[type=range]::-moz-range-thumb{background-color:transparent;border:0}.time-controls p{padding:1em}@media(min-width:480px){.time-controls{width:80%;max-width:35em}}.player-controls{display:flex;justify-content:space-between;align-items:center;padding:1em;width:50%;max-width:100%}.player-controls svg{cursor:pointer;margin:.5em}.player-controls svg:hover{color:orange}@media(min-width:640px){.player-controls{width:75%;max-width:20em}}.library-container{display:flex;position:absolute;top:0;left:0;height:100vh;transition:all .35s ease-in;z-index:1}.library-folded{transform:translateX(calc(-100% + .8em))}.library{max-width:100vw;height:100vh;overflow-y:scroll;overflow-x:hidden;background-color:#fff;box-shadow:9px 2px 1em #333;z-index:1}@media(min-width:520px){.library{max-width:50vw}}.library-thumb{position:relative;top:calc(50vh - 2.5em);left:0;width:1em;height:5em;border-radius:0 5em 5em 0;box-shadow:9px 2px .5em #333;background-color:#999;cursor:pointer;z-index:10}.library-thumb:hover{background-color:orange}.library-title{position:-webkit-sticky;position:sticky;top:0;left:0;padding:.5em 1em;height:2.2em;font-size:1.3rem;font-weight:400;color:#fff;background-color:orange}.library-song{display:flex;position:relative;top:0;left:0;align-items:center;width:100%;height:100%;border-bottom:1px solid hsla(0,0%,84.7%,.25);cursor:pointer}.library-song:hover{background-color:orange}.library-song-selected{background-color:#999}.library-song-art{display:flex;flex-grow:1;width:30%;justify-content:center}.library-song-art img{max-width:100%}.library-song-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-left:1em;width:70%;font-weight:400}.library-song-info-title{font-size:1.1rem;font-weight:500;color:#000}.library-song-info-artist{font-size:.8rem;font-weight:400;color:#000}.song{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:240px;min-height:70vh;padding:1em;font-weight:400;text-align:center;grid-gap:.5em;gap:.5em}.song img{max-width:100%}.song-title{font-size:2em;font-weight:400;color:#000}.song-artist{font-size:1em;font-weight:300;color:#333}
/*# sourceMappingURL=main.e0a569e7.chunk.css.map */