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}.login{background-color:#000;display:grid;height:100vh;place-items:center}.login>img{height:200px}.login>a{background-color:#1db954;border-radius:99px;color:#fff;font-weight:600;padding:20px;text-decoration:none}.player__body{display:flex}.sidebar{background-color:#040404;border:1px solid #000;color:#fff;flex:0.2 1;height:100vh;min-width:230px;padding-left:10px;padding-right:10x};.sidebar>hr{border:1px solid #282828;margin:10px auto;width:90%}.sidebarOption{align-items:center;color:grey;cursor:pointer;display:flex;height:40px;transition:color .2s ease-in}.sidebarOption:hover{color:#fff}.sidebarOption__icon{padding-left:10px;padding-right:10px}.sidebar__title{font-size:12px;margin-left:10px;padding:5px}.sidebarOption>p{font-size:14px;margin-left:20px;margin-top:10px}.header{display:flex;justify-content:space-between;margin-bottom:30px}.header__left{align-items:center;background-color:#fff;border-radius:30px;color:gray;display:flex;flex:0.5 1;min-width:70px;padding:10px}.header__left>input{border:none;width:100%}.header__right{align-items:center;display:flex}.header__right>h4{margin-left:10px}.songRow{align-items:center;color:#fff;display:flex;margin-left:20px;padding:20px}.songRow:hover{background-color:#000;cursor:pointer;opacity:.8}.songRow__info{margin:20px}.songRow__info>h1{font-size:16px}.songRow__info>p{color:gray;font-size:14px;margin-top:3px}.songRow__album{height:40px;width:40px}.body{background:linear-gradient(transparent,#000);background-color:#5b5773;color:#fff;flex:0.8 1;height:100vh;overflow-y:overlay;padding:30px;width:100%}.body::-webkit-scrollbar{display:none}.body__info{align-items:flex-end;display:flex;padding:10px}.body__shuffle{font-size:80px!important;margin-bottom:20px;margin-left:50px;margin-top:20px}.body__icons{align-items:center;display:flex}.body__icons>.MuiSvgIcon-root{margin-right:20px}.body__shuffle: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}.body__background{background-color:#000;height:80%;opacity:.4;position:absolute;right:0;top:13vh;width:80%}.body__songs{margin:20px -30px;z-index:1}.body__info>img{box-shadow:0 4px 60px rgba(0,0,0,.5);height:20vw;margin:0 20px}.body__infoText{flex:1 1}.body__infoText>h2{font-size:48px;margin-bottom:10px}.body__infoText>p{font-size:14px}.footer{background-color:#282828;bottom:0;display:flex;height:65px;justify-content:space-between;padding:20px;position:fixed;width:100%}.footer__left{flex:0.3 1;width:300px}.footer__center,.footer__left{align-items:center;color:#fff;display:flex}.footer__center{flex:0.4 1;justify-content:space-between;padding:0 100px}.footer__right{align-items:center;color:#fff;display:flex;flex:0.3 1;justify-content:space-between}.footer__albumLogo{height:60px;margin-right:20px;object-fit:contain;width:60px}.footer__green{color:#1ed15e}.footer__songInfo>p{font-size:12px}.footer__songInfo>h4{margin-bottom:5px}.footer__green:hover,.footer__icon:hover{-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important;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}.footer__right * .MuiSlider-root{color:green}#player{background-color:#282828;color:#b3b3b3;flex-direction:row;justify-content:space-between;width:100%}#player,#player .track-data{align-items:center;display:flex}#player .track-data .track-cover{height:3.5rem;margin:15px;width:3.5rem}#player .track-data .track-info{display:flex;flex-direction:column}#player .track-data .track-info .track-name{color:#fff;font-size:14px;margin-bottom:5px}#player .track-data .track-info .track-name:hover{text-decoration:underline;text-underline-offset:4px}#player .track-data .track-info .track-artist{color:#c3c3c3;font-size:13px}#player .track-data .track-info .track-artist+.track-artist{content:", "}#player .track-data .track-info .track-artist:hover{color:#fff}#player .player-control{display:flex;flex-direction:column;justify-items:center;width:30%}#player .player-control .player-controls{align-items:center;display:flex;justify-content:center;margin-bottom:20px}#player .player-control .progress-bar{background-color:#404040;border-radius:2px;display:flex;height:4px;width:100%}#player .player-control .player-controls .play-pause{margin:0 15px;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}#player .player-control .player-controls .play-pause:hover{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}#player .options{align-items:center;display:flex;margin:15px}#player .options .spotify{align-items:center;background:transparent;border:2px solid #fff;border-radius:500px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1;padding:20px;text-transform:uppercase;transition:.2s}#player .options .spotify:hover{background-color:#1db954;border-color:#1db954;color:#000;-webkit-transform:scale(1.06);transform:scale(1.06)}#player .options .spotify svg{margin-right:5px}#player .track-slider{width:100%}#player .track-slider .rhap_container{background-color:transparent;box-shadow:none}#player .track-slider .rhap_time{color:inherit;font-size:14px}#player .track-slider .rhap_progress-indicator{background:#fff;display:none}#player .track-slider .rhap_progress-container:hover .rhap_progress-indicator{display:block}#player .track-slider .rhap_progress-container:hover .rhap_progress-filled{background-color:#1db954}#player .options .spotify-icon{color:#fff;display:none}#player .options .spotify-icon:hover{color:#1db954}#player .track-data .close-player{margin-left:15px}#player .track-data .close-player:hover{cursor:pointer}@media (max-width:810px){#player{flex-direction:column}#player .track-data .track-info .track-artist{display:none}#player .track-slider{margin-bottom:0!important;width:100%!important}#player .options,#player .track-data .track-cover{display:none}#player .track-data .track-info{margin:15px 45px;width:85%}#player .options .spotify{display:none}#player .track-data .close-player{left:0;margin-left:10px;position:absolute}#player .track-data .track-info .track-name{font-weight:700}.rhap_stacked-reverse{flex-direction:row!important}.rhap_additional-controls,.rhap_forward-button,.rhap_rewind-button,.rhap_volume-controls{display:none!important}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:0!important;position:absolute!important;right:0!important;top:5px!important}.rhap_container{padding:0!important}.rhap_controls-section{flex:0 1!important}.rhap_progress-container{height:0!important;margin:0!important;position:absolute!important;top:0!important;width:100%!important}.rhap_progress-bar{border-radius:0!important}.rhap_time{display:none!important}}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:baseline;vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#ddd;border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5);box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#868686;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:transparent;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}
/*# sourceMappingURL=main.eae5e56d.css.map*/