*{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;background-color:#000;height:100vh}.login>img{max-width:400px}.login>a{background-color:#1db954;padding:20px;border-radius:99px;color:#fff;text-decoration:none;font-weight:800}.card{margin:1rem;background-color:#111;max-width:250px;object-fit:contain;box-shadow:0 4px 10px rgba(0,0,0,.5);border-radius:5px;cursor:pointer}.card>img{width:100%}.card__info{padding:1rem}.card__artist{min-width:200px}.header{-webkit-justify-content:space-between;justify-content:space-between}.header,.header__left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header__left{-webkit-flex:0.5 1;flex:0.5 1;background-color:#fff;min-width:70px;color:grey;border-radius:30px;padding:10px}.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;margin-right:10px}.header__rightLogout:hover{color:#1ed15e;cursor:pointer}.row{display:-webkit-flex;display:flex;overflow-y:hidden;overflow-x:scroll}.row::-webkit-scrollbar{display:none}.songRow{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:20px;padding:20px;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}.body{padding:30px;color:#fff;height:80vh;-webkit-flex:0.8 1;flex:0.8 1;overflow-y:overlay;background:linear-gradient(#5b5773,#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:20vw;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:60px;margin-bottom:10px}.body__infoText>p{font-size:14px}.body__songs{margin:20px -30px}.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:60px!important;color:#1db954;margin-left:50px;margin-top:20px;margin-bottom:20px}.body__shuffle:hover{transition:tranform .2s ease-in;-webkit-transform:scale(1.08);transform:scale(1.08)}.body__albums{-webkit-flex-wrap:wrap;flex-wrap:wrap}.body__albums,.footer{display:-webkit-flex;display:flex}.footer{-webkit-justify-content:space-between;justify-content:space-between;position:fixed;bottom:0;height:50px;width:98%;padding:20px;background-color:#282828}.footer__left{-webkit-flex:0.3 1;flex:0.3 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#fff;width:300px}.footer__songInfo>h4{margin-bottom:5px}.footer__songInfo>p{font-size:12px}.footer__albumLogo{width:60px;height:60px;margin-right:20px;object-fit:contain}.footer__center{-webkit-flex:0.4 1;flex:0.4 1;color:#fff;padding:0 100px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;max-width:300px}.footer__green{color:#1ed15e}.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__right{-webkit-flex:0.3 1;flex:0.3 1;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 * .MuiSlider-root{color:green}.backdrop{width:100%;height:100vh;position:fixed;z-index:1;top:0;left:0;background-color:rgba(0,0,0,.5)}.backdrop>iframe{display:block;width:300px;height:380px;margin:60px auto}.sidebarOption{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:grey;cursor:pointer;height:40px;transition:color .2s ease-in}.sidebarOption:hover{color:#fff}.sidebarOption__icon{padding-left:10px;padding-right:10px}.sidebarOption>p{font-size:14px;margin-top:10px;margin-left:20px}.sidebar{height:100vh;-webkit-flex:0.2 1;flex:0.2 1;min-width:230px;color:#fff;padding-left:10px;padding-right:10px;background-color:#040404;overflow-y:overlay}.sidebar::-webkit-scrollbar{display:none}.sidebar__logo{height:70px;padding:10px;margin-right:auto}.sidebar__title{font-size:12px;padding:5px;margin-left:10px}.sidebar>hr{border:1px solid #282828;width:90%;margin:10px auto}.sidebar>a{text-decoration:none}.sidebar__active>div{background-color:#282828}.player__body{display:-webkit-flex;display:flex}
/*# sourceMappingURL=main.db0ebbac.chunk.css.map */