*{padding:0;box-sizing:border-box}*,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-y:scroll;overflow-x:hidden}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.login{height:100vh;width:100vw;background-color:#000;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.loginButton{border:1px solid #000;background-color:green;color:#fff;text-decoration:none;padding:10px 15px;border-radius:100px;font-weight:500;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}.loginButton:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.player{height:100vh;width:100vw}.player__top{display:flex}.sidebar{flex:0.2 1;height:100vh;background-color:#000;padding:10px;color:grey;font-weight:600;max-width:300px}.sidebar__logo{margin:15px 15px 30px}.sidebar__logo,.siderow{height:40px;cursor:pointer}.siderow{margin-left:20px;transition:color .2s ease-in-out}.siderow:hover{color:#fff}.siderow__title{display:flex;align-items:center}.siderow__icon{margin-right:15px}.sidebar__heading{font-size:16px}.siderow__para{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body{flex:1.0 1;height:100vh;background-image:linear-gradient(#4d084d,#000);width:100vw}.body__header{padding:20px;width:100%;display:flex;justify-content:space-between}.body__header__arrows{display:flex}.roundBlack{height:35px;width:35px;background-color:#111;color:#fff;text-align:center;padding-top:5px;padding-left:5px;margin:0 10px;border-radius:100%;cursor:pointer}.body__header__profile{display:flex;width:300px}.upgradeButton{background-color:#000;margin-right:20px;border:1px solid #fff;padding:7px 25px;color:#fff;font-weight:250;letter-spacing:1px;border-radius:20px;transition:all .2s ease-in}.upgradeButton:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.body__header__profileAvatar{display:flex;align-items:center;justify-content:space-between;width:200px;background-color:#000;border-radius:20px;color:#fff;padding-right:10px;-webkit-filter:brightness(.8);filter:brightness(.8)}.body__header__profileAvatar:hover{-webkit-filter:brightness(1);filter:brightness(1)}.avatar{height:20px;width:20px;object-fit:contain}.body__greetings,.body__recentlyHeading{color:#fff;margin-left:40px;margin-bottom:20px;font-size:30px}.body__dailyMixes{display:flex;flex-direction:column;width:100%;min-width:100%}.body__dailyMixes__first,.body__dailyMixes__second,.body__recentlyPlayed{display:flex}@media only screen and (max-width:1400px){.body__header__arrows,.body__header__profile{flex:0.5 1}}@media only screen and (max-width:1295px){.upgradeButton{display:none}.body__header__profile{flex:0.35 1}}.mixbox{display:flex;height:80px;justify-content:space-between;align-items:center;width:280px;cursor:pointer;background-color:grey;padding-right:20px;border-radius:5px;margin-right:15px;margin-bottom:20px;-webkit-filter:brightness(.8);filter:brightness(.8);flex:0.245 1}.mixbox:hover,.playButtonOnHover{-webkit-filter:brightness(1);filter:brightness(1)}.playButtonOnHover{visibility:hidden;color:#08ff08;-webkit-transform:scale(2);transform:scale(2);cursor:auto;transition:all .2s ease-in-out}.playButtonOnHover:hover{-webkit-transform:scale(2.15);transform:scale(2.15)}.mixbox:hover .playButtonOnHover{visibility:visible}.mixbox__albumPhoto{width:80px;height:80px;object-fit:contain;border-top-left-radius:5px;border-bottom-left-radius:5px}.mixbox__albumTitle{overflow:hidden;white-space:nowrap;overflow:ellipsis;letter-spacing:.5px;width:100px;display:flex;align-items:center;color:#fff}.recentlyPlayedBox{height:250px;width:200px;background-color:#282828;-webkit-filter:brightness(.8);filter:brightness(.8);border:1px solid #282828;border-radius:5px;margin-left:40px;transition:all .2s ease-in-out;cursor:pointer;padding:15px}.recentlyPlayedBox:hover{-webkit-filter:brightness(1);filter:brightness(1)}.recentlyPlayedBox:hover .recentlyPlayedBox__playIcon{visibility:visible}.albumPhotoAndPlayButton{height:170px;width:170px;margin-bottom:10px}.recentlyPlayedBox__albumPhoto{width:100%;height:100%;object-fit:contain;position:relative}.recentlyPlayedBox__playIcon{position:absolute;right:30px;top:145px;color:#08ff08;-webkit-transform:scale(2);transform:scale(2);visibility:hidden;cursor:auto;transition:all .2s ease-in}.recentlyPlayedBox__playIcon:hover{-webkit-transform:scale(2.5);transform:scale(2.5)}.albumTitle{color:#fff}.albumTitle,.artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist{color:grey}.footer{position:fixed;bottom:0;height:90px;width:100%;background-color:#282828;color:#bbb9b9}.footer,.footer__left{display:flex;justify-content:space-between;align-items:center}.footer__left{margin-left:20px;min-width:200px;width:250px;flex:0.3 1;max-width:300px}.footer__left__albumPhoto{height:50px;width:50px;object-fit:contain}.footer__left__songInfo{width:150px}.footer__middle{display:flex;flex-direction:column;justify-content:center;flex:0.5 1;padding:0 10px;max-width:400px;margin-left:15px}.footer__middle__icons{display:flex;justify-content:space-between;width:200px;margin:0 auto}.footer__middle__songSlider{width:350px;min-width:200px;margin:0 auto}.footer__right{margin-right:20px;flex:0.2 1;display:flex;width:20px}.footer__right__slider{margin-left:20px}.favIcon,.pipIcon{-webkit-transform:scale(.8);transform:scale(.8)}.favIcon:hover,.pipIcon:hover{color:#fff}@media only screen and (max-width:900px){.footer__left{margin-right:25px}.footer__left__albumPhoto{margin-right:10px}.footer__left__songInfo>h4,.footer__left__songInfo>p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
/*# sourceMappingURL=main.56b26e4f.chunk.css.map */