*{margin:0}body::-webkit-scrollbar{display:none}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}.login{display:grid;place-items:center;height:100vh;background-color:#000}.login>img{height:300px;object-fit:contain}.login>a{padding:20px;border-radius:99px;background-color:#1db954;font-weight:800;color:#fff;text-decoration:none}.player-body{display:flex}.sidebar{height:100vh;flex:0.2 1;background-color:#040404;color:#fff;min-width:230px;padding-left:10px;padding-right:10px}.sidebar-logo{object-fit:contain;height:70px;margin-right:auto;padding:10px}.sidebar-title{margin-left:10px;padding:5px;font-size:12px}.sidebar>hr{width:90%;margin:10px auto;border:1px solid #282828}.sidebar-option{color:grey;height:40px;cursor:pointer;transition:color .2s ease-in;display:flex;align-items:center}.sidebar-option:hover{color:#fff}.sidebar-option-icon{padding-left:10px;padding-right:10px}.sidebar-option>p{font-size:14px;margin-top:10px;margin-left:20px}.body{flex:0.8 1;background:linear-gradient(#5b5773,#000);color:#fff;padding:30px;height:100vh;overflow-y:overlay}.body::-webkit-scrollbar{display:none}.body-info{display:flex;align-items:flex-end;padding:10px}.body-info-text{flex:1 1}.body-info-text>h2{font-size:48px;margin-bottom:10px}.body-info-text>p{font-size:14px}.body-info>img{height:20vw;margin:0 20px;box-shadow:0 4px 60px rgba(0,0,0,.5)}.body-songs{margin:20px -30px}.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-out;transform:scale(1.08)}.header{display:flex;justify-content:space-between;margin-bottom:30px}.header-left{background-color:#fff;color:grey;display:flex;align-items:center;border-radius:30px;padding:10px;flex:0.5 1;min-width:70px}.header-left>input{border:none;width:100%}.header-right{display:flex;align-items:center}.header-right>h4{margin-left:10px}.song-row{margin-left:20px;padding:20px;display:flex;align-items:center;color:#fff}.song-row:hover{cursor:pointer;background-color:#000;opacity:.8}.song-row-info{margin-left:20px}.song-row-info>h1{font-size:16px}.song-row-info>p{font-size:14px;margin-top:3px;color:grey}.song-row-album{height:40px;width:40px}.footer{position:fixed;bottom:0;width:97%;height:65px;background-color:#282828;padding:20px;display:flex;justify-content:space-between}.footer-left{flex:0.3 1;width:300px}.footer-center,.footer-left{display:flex;align-items:center;color:#fff}.footer-center{flex:0.4 1;padding:0 100px;max-width:300px}.footer-center,.footer-right{justify-content:space-between}.footer-right{flex:0.3 1;color:#fff;display:flex;align-items:center}.footer-green{color:#1ed15e}.footer-song-info>h4{margin-bottom:5px}.footer-song-info>p{font-size:12px}.footer-green:hover,.footer-icon:hover{transition:transform .2s ease-in-out;transform:scale(1.2)!important}.footer-right * .MuiSlider-root{color:green}
/*# sourceMappingURL=main.c04a695b.chunk.css.map */