.Home-skeleton{height:100vh;width:100vw}.home-music-container{display:flex}.home-music-container .sidebar-home{flex:.2 1}.home-music-container .main-home{flex:.8 1}.current-large-banner{height:90vh;left:0;position:absolute;top:0;width:100%}@media only screen and (max-width:970px){.home-music-container .sidebar-home{flex:0 1}.home-music-container .main-home{flex:1 1}}nav{background-color:#f6f6f6;border-bottom:1px solid #e0e0e0;height:10vh;padding-right:10px;-webkit-user-select:none;user-select:none}nav,nav div{display:flex}nav div{align-items:center;justify-content:center;padding:10px}nav .navigation{flex-flow:row wrap}nav .language{padding:10px}nav .Dropdown-btn{display:flex}nav .Dropdown-btn .wrapper{flex-direction:column;padding:0}@media only screen and (max-width:970px){nav{display:none}}.dropdown{border:1px solid #e0e0e0;border-radius:0 0 10px 10px;display:flex;position:absolute;right:7px;top:67px;-webkit-user-select:none;user-select:none;width:20vw;z-index:100000}.dropdown,.dropdown .dropdown-head{flex-flow:column}.dropdown .dropdown-head p{color:gray}.dropdown .button-div,.dropdown .button-div a{width:100%}.dropdown .button-div button{border:none;padding:7px;width:100%}.lang-list{display:grid;grid-template-columns:50% 50%;width:100%}.lang-list button{margin:5px}.SearchBar{flex:1 1;margin:0 50px;padding:0;position:relative;transition:margin .15s ease-in-out}.SearchBar .search-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-grow:1;height:2.5rem;padding:0}.SearchBar input{background-color:transparent;border:none;border-radius:10px;height:100%;line-height:2.5rem;outline:none;padding:11px 45px;width:100%}.SearchBar .SearchBar-customPlaceholderOpen{cursor:text;position:absolute;width:100%}.SearchBar .SearchBar-customPlaceholderClose{cursor:pointer;position:absolute;right:10px}.SearchBar .search-icon{left:11px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.SearchBar p{color:gray}.open{margin:0}@media only screen and (max-width:215px){.hide{display:none}}.brand a{background-color:#f1f1f1;border-radius:10px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);color:#333;padding:3px 5px;transition:all .2s ease-in-out}.brand h1{font-size:2rem}.brand img{margin:0 2px;position:relative;-webkit-transform:translateY(4px);transform:translateY(4px)}@media only screen and (max-width:350px){.brand{display:none}}.dropdown-profile{border:1px solid #e0e0e0;border-radius:0 0 10px 10px;display:flex;flex-direction:column;position:absolute;right:7px;top:67px;-webkit-user-select:none;user-select:none;z-index:100000}.dropdown-profile .MuiSvgIcon-root{color:#07689f}.hb{display:inline-block;margin:5px 0}.hb,.hb button{width:100%}.mob-top-navigation{display:flex;flex-flow:row;height:10vh}@media only screen and (max-height:610px){.mob-top-navigation{display:flex;flex-flow:row;height:10vh}}.aside-bar{align-items:center;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:80vh;justify-content:flex-start;overflow:auto}.aside-bar .p1{border-bottom:1px solid #e0e0e0;font-weight:bolder;padding:15px;-webkit-user-select:none;user-select:none}.aside-bar .lib-sub{align-items:center;display:flex;justify-content:flex-start;margin:5px;padding:10px}.aside-bar .lib-sub .MuiButton-startIcon{color:#07689f}.aside-bar .aside-bar-container{display:flex;flex-flow:column;width:100%}.aside-bar .playlist{flex:1 1}.aside-bar .playlist .p1{border-top:1px solid #e0e0e0}.aside-bar .playlist .lib-sub:hover{background-color:#a2d5f2}@media only screen and (max-width:970px){.aside-bar{display:none}}.footer-player{align-items:center;border-top:1px solid #e0e0e0;display:flex;flex-direction:row;height:10vh;position:relative}.footer-player .playback{left:0;overflow:hidden;position:absolute;top:-14px;width:100%;z-index:99999999}.footer-player .playback .playback-completed{width:100%}.footer-player .playback .MuiSlider-thumb{box-shadow:none!important}.curr-music-container{flex-grow:1;height:100%;justify-content:flex-start!important}.curr-music-container .curr-music-cover{padding-left:10px}.curr-music-container .curr-music-details{padding-left:20px;text-align:left}.curr-music-container .curr-music-details p:first-child{font-weight:bolder}.curr-music-container .curr-music-details p:nth-child(2){color:gray;font-weight:lighter}.playback-controls{align-items:center;display:flex;flex-basis:40%;flex-direction:row;height:100%;justify-content:center}.playback-controls div{padding-right:10px}.playback-widgets{align-items:center;display:flex;flex-basis:30%;flex-direction:row;height:100%;justify-content:flex-end}.playback-widgets .timer{padding-right:10px}.playback-widgets .slider{margin:0 20px;width:100px}.playback-widgets .volume{padding-right:10px}@media only screen and (max-width:970px){.footer-player .playback-controls{flex-grow:0;justify-content:flex-end;padding:0 20px}.footer-player .playback-widgets{display:none}}@media only screen and (max-width:500px){.footer-player .curr-music-details{display:none}}@media only screen and (max-width:970px){.footer-player .repeat{display:none}}.song-name{font-size:1.1rem;font-weight:bolder}.author-name{color:gray;font-weight:lighter}.bottom-navigation{display:flex;height:10vh}.bottom-navigation .bottom-navigation-link{align-items:center;background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative;width:100%}.bottom-navigation .bottom-navigation-link .BottomNavAction{height:100%;left:0;position:absolute;top:0;width:100%}.bottom-navigation .bottom-navigation-link .label{bottom:5px;color:#07689f;display:none;position:absolute;z-index:1000}.bottom-navigation .bottom-navigation-link .active{color:#07689f}.bottom-navigation .bottom-navigation-link .active+.label{display:block}@media only screen and (max-width:320px){.bottom-navigation div{flex-shrink:1}.bottom-navigation div svg{font-size:1.1rem}}@media only screen and (max-height:610px){.bottom-navigation .bottom-navigation-link .active+.label,.bottom-navigation .bottom-navigation-link .label{display:none}}.music-card-container{display:flex;flex-flow:row wrap;justify-content:space-evenly}@media only screen and (max-width:970px){.music-card-container{height:70vh}::-webkit-scrollbar{display:none}}.music-card{padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.music-card .music-card-cover{display:flex;position:relative}.music-card .music-card-cover img{height:210px;width:210px}.music-card .music-card-cover .play-circle{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;visibility:hidden;width:100%}.music-card .music-card-cover .play-circle .MuiSvgIcon-root{font-size:4rem}.music-card .music-card-cover .hover-img{visibility:visible}.music-card .music-card-cover:hover{cursor:pointer}.music-card .music-card-cover:hover img{-webkit-filter:brightness(.34);filter:brightness(.34)}.music-card .music-card-cover:hover .play-circle{color:#fff;visibility:visible}@media only screen and (max-width:545px){.music-card .music-card-cover img{height:150px;width:150px}}.Container{height:80vh;overflow-y:auto}.Container>div{height:100%}@media only screen and (max-width:970px){.Container{height:70vh}}.Profile{display:flex;flex-direction:column}.Profile .top-profile{align-items:center;background-color:#f1f1f1;border-bottom:1px solid #dcdcdc;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:20px;z-index:10}.Profile .top-profile .MuiAvatar-root{box-shadow:0 4px 15px rgba(0,0,0,.5)}.Profile .top-profile .profile-detail{background-color:#f1f1f1;border-radius:7px;display:flex;flex-direction:column;margin:10px;padding:10px;text-align:center}.Profile .top-profile .profile-detail h3{font-size:4rem;font-weight:600}.Profile .top-profile .profile-detail p{color:gray;font-size:1.1rem;font-weight:lighter}.Profile .bottom-profile{display:flex;flex:1 1;flex-direction:column;padding:10px}.Profile .bottom-profile h3{font-size:1.5rem;padding-left:10px;text-transform:uppercase}.Profile .bottom-profile .most-played{display:flex;flex-wrap:wrap;justify-content:flex-start}.profile-playlist{display:none}@media only screen and (max-width:970px){.Profile .top-profile{justify-content:center}.Profile .bottom-profile{text-align:center}.Profile .bottom-profile .most-played{justify-content:center}.profile-playlist{display:block}}@media only screen and (max-width:580px){.Profile .top-profile .profile-detail h3{font-size:3rem}.Profile .bottom-profile{text-align:center}.Profile .bottom-profile .most-played{justify-content:center}}.AddMusic{display:flex;height:80vh;overflow:auto}.AddMusic .add-music-sub-container{display:flex;flex-wrap:wrap;margin:10px;width:100%}.AddMusic .add-music-sub-container button,.AddMusic .add-music-sub-container input,.AddMusic .add-music-sub-container select{border:none;box-shadow:1px 2px #b0b0b0;outline:none;padding:10px;width:100%}.AddMusic .add-music-sub-container .d1,.AddMusic .add-music-sub-container .d2{margin:10px}.AddMusic .add-music-sub-container .d1{display:flex;flex-direction:column}.AddMusic .add-music-sub-container .d1 button{margin-bottom:15px}.AddMusic .add-music-sub-container .d2{display:flex;flex-direction:column;flex-grow:1}.AddMusic .add-music-sub-container .d2 .preview{background-color:#fff;box-shadow:2px 3px #b0b0b0;color:#616060;margin:10px 0;padding:10px;-webkit-user-select:none;user-select:none}.AddMusic .add-music-sub-container .d2 input{margin-bottom:15px}@media only screen and (max-width:970px){.AddMusic{height:70vh}}.CurrentPlayingLarge{display:flex;height:90vh;position:relative;z-index:9999999}.CurrentPlayingLarge .music-left{align-items:center;flex-grow:1;justify-content:center;position:relative}.CurrentPlayingLarge .music-left,.CurrentPlayingLarge .music-left .wrapper{display:flex;flex-direction:column}.CurrentPlayingLarge .music-left .music-cover{max-width:400px;width:100%}.CurrentPlayingLarge .music-left .detail{background-color:#fff;max-width:400px;padding:10px;text-align:center;width:100%}.banner{-webkit-filter:brightness(.3);filter:brightness(.3);height:100%;object-fit:cover;object-position:center;position:absolute;width:100%}@media only screen and (max-width:970px){.CurrentPlayingLarge{height:80vh}}.Search{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.Search .Search-img img{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:240px}.Search .Search-img .Rotate-img{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}.Search .Search-img .Arrow{left:60%;top:15%;-webkit-transform:translateX(-60%) translateY(-50%) rotate(70deg);transform:translateX(-60%) translateY(-50%) rotate(70deg);width:100px}@-webkit-keyframes spin{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);transform:translateX(-50%) translateY(-50%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);transform:translateX(-50%) translateY(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);transform:translateX(-50%) translateY(-50%) rotate(1turn)}}.Search h3{left:0;position:absolute;text-align:center;top:15%;-webkit-transform:translateY(-15%);transform:translateY(-15%);width:100%}.Search-result{display:flex;flex-wrap:wrap}.About{flex-direction:column}.About,.About .Dark-mode{background-color:#333;display:flex}.About .Dark-mode{align-items:center;color:#fff;justify-content:space-evenly;padding:15px}.About .Dark-mode h5{font-size:1.1rem}.About .Dark-mode button{color:#fff}.Developer{background-color:#f5f5f5}.Developer .Developer-head{background-color:#333;color:#fff;flex-wrap:wrap;font-size:1.5rem;justify-content:space-between;padding:10px;text-transform:uppercase}.Developer .Developer-head,.Developer .Developer-head span{align-items:center;display:flex}.Developer .Developer-profile{background-color:#bbe1fa;display:flex;flex-flow:row wrap;padding:5px}.Developer .Developer-profile .Developer-profileCard{background-color:hsla(0,0%,100%,.75);flex:1 1 200px;text-align:center}.Developer .Developer-profile .Developer-profileCard img{border:1px solid #000;border-radius:50%;padding:2px;width:200px}.Developer .Developer-profile .Developer-profileCard .Card-details{align-items:center;background-color:#1e56a0;display:flex;flex-direction:column;justify-content:center;padding:10px}.Developer .Developer-profile .Developer-profileCard .Card-details h3,.Developer .Developer-profile .Developer-profileCard .Card-details p{padding:10px;text-transform:uppercase}.Developer .Developer-profile .Developer-profileCard .Card-details h3{color:#fff;font-size:1.3rem}.Developer .Developer-profile .Developer-profileCard .Card-details p{color:#dcdcdc}.Developer .Developer-profile .Developer-profileDetails{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.Developer .Developer-profile .Developer-profileDetails p{color:#000;letter-spacing:1px;padding:10px;text-transform:uppercase}.Developer .Developer-profile .Developer-profileDetails .Card-btn{background-color:#0267c1;background-color:hsla(0,0%,100%,.75);background-color:#a2d5f2;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:10px}.Developer .Developer-profile .Developer-profileDetails .Card-btn a{color:#fff;padding:15px;text-transform:lowercase}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:hover{opacity:.8}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:first-child{background:#3b5998}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:nth-child(2){background:#55acee}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:nth-child(3){background:#125688}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:nth-child(4){background:#007bb5}.Developer .Developer-profile .Developer-profileDetails .Card-btn a:nth-child(5){background:#e74e6d}.Attribution{background-color:#333;display:flex;flex-direction:column;text-align:center}.Attribution .Attribution-div{background-color:#f1f1f1;border-radius:3px;flex-grow:1;margin:5px;padding:10px}.Attribution h3{color:#fff;font-size:1.5rem;padding:10px;text-transform:uppercase}.Attribution a{color:#07689f;text-decoration:none}.Playlist h3{background-color:#333;color:#fff;padding:10px;text-transform:uppercase}.Playlist .Playlist-container{display:flex;flex-wrap:wrap;justify-content:space-evenly}#main{background:#794141;background:linear-gradient(110deg,#eb4559 50%,#f78259 0);display:flex;flex-flow:column wrap;font-family:Consolas,sans-serif;height:100vh;text-align:center}#main .nav-item{display:flex;font-size:1rem;height:10vh}#main .nav-item .navbar-brand{color:#f8eeee;font-family:Roboto,sans-serif;font-size:2.4rem;margin-left:10px;margin-top:10px}#main .main-row{align-items:center;display:flex;flex-flow:row wrap;height:90vh;justify-content:space-between}#main .main-row .main-row-img{flex-basis:50%;flex-grow:1}#main .main-row .main-row-img .head-phone-img{width:40%}#main .main-row .main-row-text{align-items:center;display:flex;flex-basis:50%;flex-flow:column wrap;flex-grow:1;justify-content:center}#main .main-row .main-row-text h1{font-family:Bungee,cursive;font-size:2rem}#main .main-row .main-row-text p{color:#f8eeee;font-size:1.2rem}#main .main-row .main-row-text .btn{background-color:#000;border-radius:50px;color:#fff;font-size:2rem;height:60px;margin-top:10px;padding:15px 20px;width:65px}#main .main-row .main-row-text .btn:hover{cursor:pointer;opacity:.9}*{box-sizing:border-box}body{font-family:Consolas,sans-serif}body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{text-decoration:none}button{text-transform:capitalize!important}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#fafafa}::-webkit-scrollbar-thumb{background:#07689f}::-webkit-scrollbar-thumb:hover{background:#a2d5f2}
/*# sourceMappingURL=main.69fe96ac.css.map*/