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;overflow:hidden}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{height:400px}.login>a{padding:20px;border-radius:99px;background-color:#1db954;font-weight:800;color:#fff;text-decoration:none;cursor:pointer}.login>a:hover{opacity:.8}.player__body{display:-webkit-flex;display:flex}.sidebar{border:1px solid #000;position:-webkit-sticky;position:sticky;height:100vh;-webkit-flex:0.2 1;flex:0.2 1;min-width:230px;padding-left:10px;padding-right:10px;color:#fff;background-color:#040404}.sidebar__logo{object-fit:contain;margin-right:auto;height:70px;padding:10px}.sidebar__title{margin-left:10px;padding:5px;font-size:12px}.sidebar>hr{border:1px solid #282828;width:90%;margin:10px auto}.sidebar__lists{overflow-y:scroll;height:335px}.sidebarOption{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:grey;height:40px;cursor:pointer;transition:color .2s ease-in}.sidebarOption>p{margin-top:10px;margin-left:20px;font-size:14px}.sidebarOption:hover{color:#fff}.sidebarOption__icon{padding-left:10px;padding-right:10px}.body{-webkit-flex:0.8 1;flex:0.8 1;padding:30px;height:100vh;color:#fff;overflow-y:overlay;background:linear-gradient(#5b5573,#000)}.body::-webkit-scrollbar{display:none}.body__info{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;padding:10px}.body__info>img{height:20vh;margin:0 20px;box-shadow:0 4px 60px rgba(0,0,0,.5)}.body__infoText{-webkit-flex:1 1;flex:1 1}.body__infoText>h2{font-size:48px;margin-bottom:10px}.body__infoText>p{font-size:14px}.body__icons{display:-webkit-flex;display:flex;-webkit-align-items:center;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:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in;-webkit-transform:scale(1.08);transform:scale(1.08)}.body__songs{margin:20px -30px}.body_bottomPadding{height:110px}.header{-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:30px}.header,.header__left{display:-webkit-flex;display:flex}.header__left{-webkit-flex:0.5 1;flex:0.5 1;background-color:#fff;color:grey;border-radius:30px;padding:10px;-webkit-align-items:center;align-items:center}.header__left>input{border:none;width:100%;outline:none}.header__right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header__right>h4{margin-left:10px}.songRow{margin-left:20px;padding:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;z-index:100;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;-webkit-justify-content:space-between;justify-content:space-between;bottom:0;height:65px;width:97%;background-color:#1d1c1c;padding:20px}.footer,.footer__left{display:-webkit-flex;display:flex}.footer__left{-webkit-flex:0.3 1;flex:0.3 1;-webkit-align-items:center;align-items:center;color:#fff;max-width:300px}.footer__albumLogo{height:60px;width:60px;object-fit:contain;margin-right:20px}.footer__green:hover,.footer__icon:hover{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important}.footer__green{color:#1ed15e}.footer__songInfo>h4{margin-bottom:5px}.footer__songInfo>p{font-size:12px}.footer__center{-webkit-flex:0.4 1;flex:0.4 1;padding:0 100px;max-width:300px}.footer__center,.footer__right{color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.footer__right{-webkit-flex:0.3 1;flex:0.3 1}.footer__right * .MuiSlider-root{color:green}
/*# sourceMappingURL=main.f52451a0.chunk.css.map */