@import url(https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}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:baseline}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}.App{background:linear-gradient(#353b3f,#1f2125);width:100%}input[type=range]{width:90%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-top:2px solid #161515;background-color:#ff0;height:8px;border-radius:5px;box-shadow:2px 2px 0 0 #474545}input[type=range]:hover{cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border:9px solid #1f2327;border-radius:50%;background-color:#ff0;margin-left:-1px;box-shadow:4px 2px 14px 2px #111010}.control-button{width:100%;margin:30px 0;display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:relative}.control-button .text{color:#a9a8a8;font-size:18px;font-weight:700}.control-button button{display:flex;flex-direction:column;align-items:center;border-radius:50%;width:35px;height:35px;outline:none;border:none;background:#212428;font-size:30px;box-shadow:2px 2px 9px 0 #18181a}.back-button-cover,.option-lines-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #2a2d31;box-shadow:-4px -4px 5px 4px #3c4348;border-radius:50%}.back-button-cover:hover,.option-lines-cover:hover{cursor:pointer}.option-lines-cover{position:relative}.proxy-back-button{position:absolute;width:33px;height:33px;border-radius:50%}.fa-arrow-left{color:#c9c4c4;font-size:23px;margin:auto 0}#option-lines{background:#c9c4c4}#Layer_1{width:40px;height:40px;position:absolute}.raw-option-btn{position:absolute;width:35px;height:35px;border-radius:50%;z-index:10}#playlist{overflow-y:auto;position:absolute;display:flex;align-items:center;flex-direction:column;left:50%;top:3.4em;transform:translateX(-50%);height:420px;transition:height;-webkit-animation:slideInDown;animation:slideInDown;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;padding:10px;background:linear-gradient(#353b3f,#1f2125);border-radius:20px}.track{border-radius:8px;width:90%;margin:5px 0;background-color:#212428;border:2px solid #2a2d31}.track p{margin:10px auto;color:#c9c4c4;font-size:16px}.song:first-of-type{margin-top:15px}@-webkit-keyframes slideInDown{0%{height:0}to{height:450px}}@keyframes slideInDown{0%{height:0}to{height:450px}}.player-controls{width:100%;margin-top:2.7em;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:25px}.player-controls .previous{margin-left:30px}.player-controls .next{margin-right:30px}.player-controls button{color:#a9a8a8;border-radius:50%;width:70px;height:70px;outline:none;border:none;background:#2d3034;font-size:35px;box-shadow:3px 4px 13px 5px #252527}.player-controls button:hover{cursor:pointer}.player-controls .previous-song p{margin-right:3px;margin-top:4px}.player-controls .next-song p{margin-left:3px;margin-top:4px}.player-controls .play-pause svg{font-size:23px}.player-controls .play-pause p{margin-left:2px;margin-top:-5px}.button-cover{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:3px solid #2a2d31;box-shadow:-6px -5px 12px 7px #32383c;border-radius:50%}.proxy-btn{position:absolute;width:100%;height:100%;border-radius:50%;opacity:0}.proxy-btn:hover{cursor:pointer}.play{border:3px solid #cc3533}.play .play-pause{background-color:#ea453b}@media only screen and (max-device-width:320px){.player-controls button{width:60px;height:60px;font-size:30px}.player-controls .play-pause svg{font-size:18px}.player-controls .play-pause p{margin-left:3px;margin-top:-4px}}body{box-sizing:border-box;font-family:"Muli",sans-serif}.player-wrapper{width:100%;margin:0 auto;overflow:auto;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#353b3f,#1f2125)}.song-pic{box-shadow:-6px -7px 12px 14px #394045;border-radius:50%;margin:3em 0 30px}.song-pic .circle{width:250px;height:250px;border-radius:50%;border:8px solid #1f2327;background-image:url(/static/media/matheo-jbt-Y8QmGCl8lLk-unsplash.85b7d490.jpg);background-size:cover;box-shadow:12px 11px 15px 0 #1a1a1d}.song-name{margin-top:1.5em;font-size:25px;font-weight:700;color:#c9c4c4}.song-name p{margin:5px 0}.song-name .description{font-size:16px;font-weight:600;line-height:20px;color:#a9a8a8}.song-progress{margin-top:1em;width:100%;display:flex;flex-direction:column}.song-progress .dis-time{display:flex;flex-direction:row;justify-content:space-between;font-size:14px;color:#a9a8a8;margin-bottom:13px}.song-progress .increasing-time{margin-left:20px}.song-progress .decreasing-time{margin-right:20px}@media only screen and (max-device-width:320px){.song-pic{margin:2em 0}.song-pic .circle{width:200px;height:200px}}.queue{background:linear-gradient(#353b3f,#1f2125);display:flex;flex-direction:column;align-items:center}.queue,.sect-1{width:100%}.album{margin-top:10px}.album marquee{color:#a9a8a8;font-size:20px;font-weight:700}.features{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:2em auto}.btn{border-radius:50%;width:45px;height:45px;outline:none;border:none;background:#212428;color:#8d8b8b;font-size:20px;box-shadow:2px 2px 9px 0 #18181a}.btn:hover{cursor:pointer}.fa-ellipsis-h,.fa-heart{margin-top:7px}.btn-cover,.btn-shell,.song-cover{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:3px solid #2a2d31;box-shadow:-4px -4px 5px 4px #3c4348;border-radius:50%}.song-cover{box-shadow:-6px -7px 12px 14px #394045;border-radius:50%}.song-picture{width:150px;height:150px;border-radius:50%;border:8px solid #1f2327;background-image:url(/static/media/matheo-jbt-Y8QmGCl8lLk-unsplash.85b7d490.jpg);background-size:cover;box-shadow:12px 11px 13px 0 #1a1a1d}.song-picture:hover{cursor:pointer}.sect-2{width:100%;margin-bottom:20px}.songs-list{font-weight:600;color:#c9c4c4;overflow-y:auto;overflow-x:hidden;height:400px}.song{display:flex;flex-direction:row;justify-content:space-between;margin:5px 10px;padding:12px 0 8px}.song-playing{background-color:#121316;border-radius:15px}.song-info{display:flex;font-size:18px;line-height:20px;text-align:start;margin-left:20px}.song-info p{color:#7b7b7b;margin:auto 0;font-size:20px}.song-info p:hover{cursor:pointer}.btn-shell{margin-right:20px;position:relative}.raw-btn{position:absolute;width:100%;height:100%;border-radius:50%;opacity:0}.raw-btn:hover{cursor:pointer}.song-btn{font-size:16px}.song-btn p{margin-top:4px}.playing{border:3px solid #cc3533}.playing button{background-color:#ea453b}@media only screen and (max-device-width:320px){.song-info p{font-size:18px}.song-cover{box-shadow:-4px -5px 12px 14px #394045;border-radius:50%}.song-picture{width:120px;height:120px;box-shadow:10px 9px 15px 0 #1a1a1d}.btn{width:38px;height:38px;font-size:15px}}.first-look{width:100%;display:flex;flex-direction:column;align-items:center}.music-cover{box-shadow:-7px -5px 12px 14px #4c545a;border-radius:50%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:2em 0}.music-circle{width:200px;height:200px;border-radius:50%;border:8px solid #1f2327;background-image:url(/static/media/music2.f8602fd4.jpg);background-size:cover;background-position:100%;box-shadow:12px 11px 15px 0 #1a1a1d;position:relative}.music-circle:hover{cursor:pointer}.overlay{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.46);position:absolute}.chose-track{margin:2em 0 0 20px;padding-bottom:10px;position:relative;display:flex;flex-direction:row;justify-content:center}.chose-track .style-input{width:250px;padding:10px 0;line-height:50px;font-size:30px;color:#a9a8a8;border:6px solid #2a2d31;border-radius:16px;box-shadow:-5px -5px 10px 7px #3c4348}.chose-track input{position:absolute;height:73px;width:250px;font-size:30px;box-shadow:7px 5px 14px 4px #18181a;opacity:0;z-index:2}.chose-track .shadow{width:255px;height:76px;position:absolute;top:0;box-shadow:7px 5px 14px 0 #18181a;border-radius:16px}input[type=file]:hover{cursor:pointer}.playlist-text{margin:1.5em 0}.playlist-text,.welcome-text{font-size:25px;color:#a9a8a8;line-height:30px}.welcome-text{margin:18px}@media only screen and (max-device-width:320px){.chose-track{margin:0;padding-bottom:20px}}
/*# sourceMappingURL=main.8f8f9bc1.chunk.css.map */