body::-webkit-scrollbar{display:none}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{margin:0}.Login-page{background-color:#000;display:grid;height:100vh;place-items:center}.Login-logo{width:60%}.Login-page>a{background-color:#1db954;border-radius:500px;color:#fff;font-weight:500;letter-spacing:2px;padding:16px 48px 18px;text-decoration:none;text-transform:uppercase;-webkit-transform:color ease-in;transform:color ease-in;transition-duration:.3s;white-space:normal}.Login-page>a:hover{background-color:#1fe464}.player-body{display:flex}.sidebar{background-color:#040404;color:#fff;flex:0.2 1;height:100vh;min-width:150px;overflow-y:overlay;padding:0 10px}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{height:65px;margin-right:auto;padding:10px}.sidebar-title{font-size:12px;margin:10px;padding:5px}.sidebar>hr{border:1px solid #282828;margin:10 auto;width:90%}.sidebarOption{align-items:center;color:#9c9c9c;display:flex;height:40px}.sidebarOption,.sidebarOption>button{cursor:pointer;transition:color .2s ease-in}.sidebarOption>button{background-color:transparent;border:none;color:grey}.sidebarOption:hover,.sidebarOption>button:hover{color:#fff}.sidebarOption-icon{padding:10px}.sidebarOption>button{font-size:13px;margin-left:10px;overflow:hidden;padding:10px 0;text-overflow:ellipsis;white-space:nowrap}.body{background:linear-gradient(rgba(177,0,162,.87),#000);color:#fff;flex:0.8 1;height:100vh;overflow-y:overlay;padding:20px 10px}.body::-webkit-scrollbar{display:none}.body-info{align-items:flex-end;display:flex;padding:30px 10px}.body-info>img{box-shadow:0 4px 64px rgba(0,0,0,.8);height:20vw;margin:20px 10px 0 0;min-height:100px}.body-infoText{padding:0 10px}.body-infoText>h2{font-size:40px}.body-infoText>p{font-size:14px}.body-songs-icons{align-items:center;background:linear-gradient(transparent,rgba(0,0,0,.5));display:flex;gap:20px;justify-content:left;margin:-10px;padding:30px 20px}.shuffle-icon{color:#1db954;font-size:64px!important}.liked-icon{background-color:transparent;border:none;color:#1db954;cursor:pointer;font-size:20px;padding:0}.shuffle-icon:hover{-webkit-transform:scale(1.08);transform:scale(1.08);transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.songRow-header{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.7));border:none;border-bottom:1px solid hsla(0,0%,50%,.616);color:grey;margin:10px -10px 0;padding:10px 40px;text-align:center}.header,.songRow-header{display:flex;justify-content:space-between}.header{margin:0 20px}.header-left{align-items:center;background-color:#fff;border-radius:50px;color:grey;display:flex;height:30px;min-width:70px;padding:0 10px}.header-left>input{border-style:none;width:80%}.header-right{color:#fff;gap:10px;padding-left:20px}.header-right,.songRow{align-items:center;display:flex}.songRow{background-color:rgba(0,0,0,.7);margin:0 -10px;max-height:70px;padding:0 40px 0 20px}.songRow:hover{background-color:#000}.songRow-index{color:grey;cursor:pointer;flex:0.05 1;margin-right:-10px;text-align:center}.songRow-index .playIcon{background-color:transparent;border:none;color:grey;cursor:pointer;display:none;margin:0;padding:0}.songRow:hover .indexNumber{display:none}.songRow:hover .playIcon{display:inline}.songRow-albumImage{flex:0.05 1;height:40px;margin-left:10px;object-fit:cover;padding:20px;width:40px}.songRow-info{align-items:center;display:flex;flex:0.9 1;gap:10px;justify-content:space-between}.like{color:#1db954}.songRow-albumInfo>p{color:grey;font-size:14px}#albumInfo-name{max-width:350px}#albumInfo-album,#albumInfo-name{flex:0.45 1;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#albumInfo-album{max-width:250px}#albumInfo-duration{align-items:center;display:flex;flex:0.1 1;gap:20px;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songRow-albumInfo>button{background-color:transparent;border:none;cursor:pointer;font-size:20px;padding:0}.footer{background-color:#282828;bottom:0;height:65px;justify-content:space-between;padding:10px;position:fixed;width:100%}.footer,.footer-left{align-items:center;display:flex}.footer-left{color:#fff;flex:0.3 1;max-width:350px;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-albumImage{height:60px;margin-left:10px;object-fit:cover;width:60px}.footer-albumDetails{font-size:12px;padding-left:10px;width:100%}.footer-center{color:#fff;flex:0.4 1;max-width:400px;padding:0 10px}.footer-center-icons{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:0 110px}.footer-center * .MuiSlider-rail{box-shadow:none!important;color:#fff;width:100%}.footer-center * .MuiSlider-thumb{display:none}.footer-center * .MuiSlider-rail:hover+.footer-center * .MuiSlider-thumb{display:block!important}.css-187mznn-MuiSlider-root{color:#1db954!important}.footer-center-slider{align-items:center;font-size:11px;gap:5px}.footer-center-slider,.footer-right{display:flex;justify-content:space-between}.footer-right{color:#fff;flex:0.3 1;justify-items:flex-end;left:100px;max-width:350px;min-width:200px;position:relative}.footer-right * .MuiSlider-root{color:#fff;margin:0;min-width:100px;width:40%}.footer-right * .css-eg0mwd-MuiSlider-thumb{height:0;width:0}.footer-right * .css-187mznn-MuiSlider-root{padding:8px 0}.footer-green-on{background-color:transparent;border:none;color:#1db954;cursor:pointer;margin:0;padding:0}.footer-green-off,.footer-icon{background-color:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0}.footer-green:hover,.footer-icon:hover{-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}
/*# sourceMappingURL=main.eaf18f57.css.map*/