body::-webkit-scrollbar{display:none}*,body{margin:0}body{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}.login{display:grid;place-items:center;height:100vh;background-color:#000}.login>img{width:95%}.login>a{padding:20px;border-radius:99px;background-color:#1db954;font-weight:800;color:#fff;text-decoration:none}.player__body{display:flex}.sidebar{flex:0.2 1;color:#fff;padding-left:10px;padding-right:10px;width:230px;height:100vh;background-color:#040404}.sidebar__title{margin-left:10px;padding:5px;font-size:12px}.sidebar__logo{margin-right:auto;height:70px;padding:10px}@media only screen and (max-width:900px){.sidebar{width:200px}}@media only screen and (max-width:750px){.sidebar{width:30vw}.sidebar__logo{height:50px}}@media only screen and (max-width:480px){.sidebar{width:25vw}.sidebar__img{height:70px;width:70px;overflow:hidden;margin-bottom:20px}.sidebar__logo{height:70px}}.sidebarOption{display:flex;align-items:center;color:grey;height:auto;cursor:pointer;transition:color .15s ease-in}.sidebarOption:hover{color:#fff}.sidebar>hr{border:1px solid #282828;width:90%;margin:10px auto}.sidebarOption__top{height:40px}.sidebarOption__icon{padding-left:10px;padding-right:10px}.sidebarOption__playlist{margin-top:10px;margin-left:20px;margin-right:10px;max-height:60px;overflow:hidden}.sidebarOption>p{text-overflow:ellipsis;font-size:14px}@media only screen and (max-width:750px){.sidebarOption__top>h4{font-size:90%}}@media only screen and (max-width:480px){.sidebarOption__icon{padding-left:5px;padding-right:5px}.sidebarOption__playlist{font-size:90%;margin-left:5px;margin-right:5px}}.body{padding:30px;flex:0.8 1;height:100vh;color:#fff;overflow-y:overlay;background:linear-gradient(#5b5773,#000)}.body::-webkit-scrollbar{display:none}.body__info{display:flex;align-items:flex-end;padding:10px}.body__info>img{height:20vw;margin:0 20px;box-shadow:0 4px 60px rgba(0,0,0,.5)}.body__infoText{flex:1 1}.body__infoText>h2{font-size:48px;margin-bottom:10px}.body__infoText>p{font-size:14px}.body__icons{display:flex;align-items:center}.body__icons>.MuiSvgIcon-root{margin-right:20px}.body__shuffle{font-size:80px!important;margin-left:50px;margin-top:20px;margin-bottom:20px}.body__shuffle:hover{transition:transform .1s ease-in;transform:scale(1.08);cursor:pointer}.body__songs{margin:20px -30px}.body__bottom{padding:30px}@media only screen and (max-width:750px){.body__infoText>h2{font-size:32px}.body__info>img{width:150px;height:auto}}@media only screen and (max-width:480px){.body__infoText{display:none}.body__info>img{width:90%;margin:15px auto auto}}.header{display:flex;justify-content:space-between;margin-bottom:30px}.header__left{flex:0.6 1;min-width:70px;background-color:#fff;color:grey;border-radius:30px;padding:10px;display:flex;align-items:center}.header__left>input{border:none;width:100%}.header__right{display:flex;align-items:center}.header__right>h4{margin-left:10px}@media only screen and (max-width:480px){.header__right>h4{display:none}}.songRow{margin-left:20px;padding:20px;display:flex;align-items:center;color:#fff}.songRow:hover{cursor:pointer;background-color:#000;opacity:.8}.songRow__info{margin-left:20px}.songRow__info>h1{font-size:16px}.songRow__info>p{font-size:14px;margin-top:3px;color:grey}.songRow__album{height:40px;width:40px}.footer{position:fixed;display:flex;justify-content:space-between;bottom:0;height:50px;width:100%;background-color:#282828;padding:20px}.footer__left{flex:0.30 1;display:flex;align-items:center;color:#fff}.footer__albumLogo{height:60px;width:60px;margin-right:20px;object-fit:contain}.footer__green{color:#1ed15e}.footer__songInfo>h4{margin-bottom:5px}.footer__songInfo>p{font-size:12px}.footer__center{flex:0.4 1;padding:0 60px;color:#fff;display:flex;align-items:center;justify-content:space-between;max-width:300px}.footer__green:hover,.footer__icon:hover{transition:transform .2s ease-in-out;transform:scale(1.2)!important;cursor:pointer}.footer__right{flex:0.30 1;color:#fff;display:flex;align-items:center;justify-content:space-between;padding-right:50px}.footer__rightIcons{margin-top:15px}.footer__right * .MuiSlider-root{color:#d3d3d3;min-width:50px;max-width:400px}.footer__right * .MuiSlider-root:hover{color:#1ed15e}@media only screen and (max-width:900px){.footer__left{flex:0.34 1}.footer__center{flex:0.35 1;padding:0 40px}.footer__songInfo{font-size:90%}}@media only screen and (max-width:750px){.footer__albumLogo{height:45px;width:45px;margin-right:10px}.footer__songInfo{font-size:80%;height:110%}.footer__songInfo>h4{margin-bottom:3px}.footer__center{flex:0.3 1;padding:0 20px}}@media only screen and (max-width:480px){.footer__left{flex:0.2 1}.footer__albumLogo{height:60px;width:60px;margin-left:5px}.footer__songInfo{display:none}.footer__center{flex:0.4 1}.footer__right{flex:0.4 1;margin-top:5px;display:flex}.footer__rightIcons{display:none}}
/*# sourceMappingURL=main.f688c130.chunk.css.map */