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}#modalContent{margin:8.5rem auto auto;width:363px;background-color:#fff;border-radius:15px!important}#modalBodyMain{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:60px;margin-bottom:55px}#modalText{color:#000!important;font-family:poppins;font-size:14px!important;font-weight:500;margin-top:15px}.formPasswordError,.loginFormError{color:red;font-size:.6rem}.loginFormError{margin:0 0 10px}.signUpFormError{color:red;font-size:.6rem;margin:0 0 5px;text-align:center}#modalButton{height:72px;margin:31px 0 0}#userModalContent{margin:50px 0 0;width:363px;background-color:#fff;border-radius:15px!important}#close-button{background-color:#ffa700;height:24px;width:24px;align-self:flex-end;margin-right:33px;margin-top:34px;border-radius:100px}#close{width:.5px;padding:0;margin-right:20px;margin-top:-4px;color:#fff;opacity:1;background:none;border:none}#close span{padding-right:0}#userModalBodyMain{text-align:center;margin-top:13px}#modalLogo{display:flex;flex-direction:column;align-items:center;text-align:center}#userModalText{color:#000!important;font-family:poppins;font-size:14px!important;font-weight:500;margin-top:20px}#form{margin:38px 18px 12px;height:180px;width:291px}.form-control-login{height:52px;background-color:#f1f0f0!important;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:21px;text-align:left;border-radius:10px!important}#forgotPassword{margin:38px 0 15px}#forgotPassword text{color:#000;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:17px;letter-spacing:0;text-align:center}#sign-text{color:#ffa700}#SignUpModalContent{width:600px;border-radius:15px}#mainModal{width:600px;margin:13px 17px 15px 0;padding:0}#signUpModalBody{text-align:center}#signup-form{margin-top:40px}#signup-close-button{background-color:#ffa700;height:24px;width:24px;border-radius:100px;margin-top:42px;margin-right:33px;align-self:flex-end}.form-control-signup{height:52px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;text-align:left;background-color:#f1f0f0!important;border-radius:10px!important}#haveAccount{text-align:center}#haveAccount text{color:#000;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:17px;cursor:pointer}@media screen and (max-width:600px){#modalContent{width:auto}#signup-form{margin-top:0}#SignUpModalContent{width:auto}#mainModal{width:auto;margin:13px 0 0;padding:0}#form,#userModalContent{width:auto}}#button{border-radius:25px 25px 25px 25px;height:40px}.btn-sign-in{margin-left:7rem!important}.btn-sign-in,.btn-Sign-in{background-color:#ffa700!important;width:108px!important;height:40px!important}.btn-artist,.btn-sign-in,.btn-Sign-in{color:#000;font-family:Poppins!important}.btn-artist{background-color:hsla(0,0%,76.9%,.3)!important;font-size:14px;font-weight:400;width:148px!important;height:72px!important;margin:-1px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:15px!important;border-bottom-left-radius:15px!important;border:1px solid rgba(255,167,0,.3)}.btn-artist:active,.btn-artist:hover{background-color:#ffa700!important;color:#c4c4c4}.btn-listener{background-color:hsla(0,0%,76.9%,.3)!important;color:#000;font-family:Poppins!important;font-size:14px;font-weight:400;width:148px!important;height:72px!important;margin:-1px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:15px!important;border-bottom-right-radius:15px!important;border:1px solid rgba(255,167,0,.3)}.btn-listener:active,.btn-listener:hover{background-color:#ffa700!important;color:#c4c4c4}.btn-Login{font-family:Poppins!important}.btn-Login,.btn-Signup{width:291px!important;height:52px!important;background-color:#ffa700!important;color:#fff!important;text-align:center!important;font-size:14px!important;border-radius:10px!important}.btn-Signup{max-width:100%!important;margin:0 0 0 140px!important}@media screen and (max-width:500px){.btn-Signup{margin-left:0!important}.btn-Login{width:auto!important}}.btn-Continue{background-color:#ffa700!important;color:#000;font-family:Poppins!important;font-size:15px!important;font-style:medium!important;font-weight:500!important;width:108px!important;height:45px!important}.btn-back{height:56px;width:136px;border:1px solid #ffa700;border-radius:30px;background-color:#000;color:#ffa700;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;margin:auto;text-align:center}.btn-signin-player{background-color:#ffa700!important;color:#000;width:108px!important;height:40px!important;margin-top:40px!important}.btn-next{height:56px;width:136px;border:1px solid #ffa700;border-radius:30px;background-color:#000;color:#ffa700;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;text-align:center}.btn-back:focus,.btn-back:hover,.btn-next:focus,.btn-next:hover{background-color:#ffa700;color:#000}#sidebar-wrapper{height:100vmax;width:139px;position:fixed;background:#0d0d0d}.sidebar-header{padding:20px .95rem .95rem}.list-group-sidebar{padding-left:.8rem;margin-top:4.9rem}.list-item{margin-top:.5rem;list-style:none}.list-item p{font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:17px;text-align:center;color:rgba(239,240,241,.3)}#button-border{border-radius:15px;background-color:rgba(239,240,241,.3)}#button-border:active:focus,#button-border:focus,#button-border:hover{box-shadow:0 .5em .5em -.4em var(--hover);background-color:#ffa700}#profile{padding-left:0;text-align:center;font-family:Poppins;font-size:10px;font-style:normal;font-weight:400;color:rgba(239,240,241,.3)}.pad-top{margin-top:4.5em}.landingPage{background-color:#000;color:#fff}#landingPageContent{margin:35px 0 0 120px}.landingPageText{margin:150px 0 30px}h1{font-size:40px}p{font-size:15px}#landingPageButton{margin-left:-23px}#landingPageImage{width:709px;height:709px;padding-right:0!important}.header-text-dashboard{font-family:Poppins;font-size:40px;font-style:normal;font-weight:500;text-align:left;margin-top:-5rem;color:#fff;padding-left:19px}@media screen and (max-width:500px){.header-text-dashboard{margin-top:3rem;font-size:25px}}.card-dashboard{height:215px!important;margin-top:1.4em;border-radius:15px;background:#0d0d0d;padding-top:44px;cursor:pointer}.card-dashboard p{color:#fff;font-family:Poppins;font-size:25px;font-style:normal;font-weight:500;text-align:left;margin-left:45px}.card-dashboard img{margin-left:7rem}.innerPadding{padding:25px}#Profile{background-color:#e43d29}#Albums{background-color:#db7c01}#Followers{background-color:#1f2858}#albumFormGroup{height:86px;border-radius:10px}#formPadding{margin-left:2rem}@media screen and (max-width:500px){#formPadding{margin-left:0}}#moodFormGroup{height:86px;width:50%;margin-top:22px;border-radius:10px}.label-upload{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:21px;letter-spacing:0;text-align:left;color:#fff}.form-control-upload{height:56px;border-radius:10px;border:1px solid #202020;box-sizing:border-box;background-color:#0d0d0d!important}::-webkit-input-placeholder{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:#4f4f4f}:-ms-input-placeholder{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:#4f4f4f}::-ms-input-placeholder{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:#4f4f4f}::placeholder{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:#4f4f4f}#productionYear{letter-spacing:0;color:#4f4f4f}#genreSelect,#moodSelect,#productionYear{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:left}#moodSelect{height:56px;border-radius:10px;color:#4f4f4f}#albumCard{height:281px;width:266px;border-radius:0;background:#0d0d0d;border:.5px solid #56330d}#albumCard p{color:#ffa700;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:32px;text-align:center}#albumImage{margin-top:41px;margin-left:41px}.DropBox{display:flex;flex-direction:column;justify-content:center;align-items:center;height:209px;margin:100px 106px 795px 78px;border:2px dashed #828282;background-color:#1a1a1e}@media only screen and (max-width:600px){.DropBox{display:flex;flex-direction:column;justify-content:center;align-items:center;height:209px;margin:100px 106px 795px 78px;border:2px dashed #828282;background-color:#1a1a1e}}.DropBox p{color:#fff;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:21px;margin-top:58px}#browse-file{background-color:#ffa700!important;background:none;height:48px;width:131px;border-radius:30px;border:none;color:#000!important;font-family:Poppins!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;text-align:center!important;padding:.5rem}.spacer{margin-top:5em!important}#dropBox{margin:53px 106px 0 78px}@media only screen and (max-width:600px){#dropBox{margin-top:8em;margin-left:auto;margin-right:auto}}#uploadStatus{height:141px;margin-top:72px;border-radius:15px;background:#0d0d0d}.TrackInfo{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;margin-left:74px;padding-top:25px;color:#eff0f1}.TrackStatus{justify-content:space-between;margin-left:74px;padding-top:9px}.TrackStatus #size{color:#fff}.TrackStatus #size,.TrackStatus text{font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-align:left}.TrackStatus text{color:#ffa700}.fas.fa-trash{margin-right:76px}.progress{margin-top:30px!important;background-color:#434343!important;margin-left:74px!important;margin-right:76px!important}.progress,.progress-bar-info{height:7px!important;border-radius:31px!important}.progress-bar-info{width:210px!important;background-color:#ffa700!important}#buttonDiv{display:flex;justify-content:flex-end;margin-top:100px;border-radius:30px}.general-details{display:flex;flex-direction:column;justify-content:space-around;color:#fff}.general-details h2{font-family:Poppins;font-size:30px;font-style:normal;font-weight:600;letter-spacing:0;text-align:left}.general-details text{font-weight:300}.general-details strong,.general-details text{font-family:Poppins;font-size:14px;font-style:normal;letter-spacing:0;text-align:left}.general-details strong{font-weight:500}#songCard{margin-top:16px;height:281px;width:266px;border-radius:0;background:#0d0d0d;border:.5px solid #000}#songName{height:58px;border-radius:15px;background:#0d0d0d;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.innerAlbumCoverImage{width:100%!important;height:200px!important;object-fit:cover}.upload-success{height:302px;width:458px;border-radius:50px;margin:0 auto auto;background:#0c0c0e;align-items:center}#uploadImage{margin-top:76px}.nav-bar-mobile{margin-left:0;padding-left:0}.navbar-nav-mobile{flex-direction:unset}.nav-bar-mobile a{color:#fff;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:block;line-height:1em;max-height:2em}.nav-bar-mobile a:active{font-weight:600}#myTab .active{font-weight:500}.top-align{margin-top:-12em}.container{background-color:#0d0d0d;display:flex;justify-content:space-between;color:#fff}#playerWrap{display:flex;flex-direction:column;width:701px;margin-left:43px}#header{display:flex;justify-content:space-between}#songTracks{margin-top:109px}.playLibrary{display:flex}#playerList{line-height:50px}#listItems{border-bottom:.5px solid rgba(239,240,241,.2)}span{padding-right:90px}#playerImage{margin-top:-5.2rem;background-color:#8a2be2}#playerImageText{display:flex;flex-direction:column;margin:86px 145px 311px 52px;line-height:10px;height:248px;width:218px}#heading1{font-size:35px;margin-top:-170px}#heading1,#heading2{font-family:Poppins;font-style:normal;font-weight:600;text-align:left;color:#fff}#heading2{font-size:60px;line-height:90px;letter-spacing:0}#heading3{font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;line-height:30px;letter-spacing:0;text-align:left}#playerImageText text{line-height:35px}#playerImageButton{display:flex}#followButton{height:26px;width:61px;border-radius:5px;border:.5px solid #fff;background:none;color:#fff;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:21px;letter-spacing:0;text-align:left;cursor:pointer}#playButton{background:none;border:none}.fa-play{color:#fff;height:13.5px;width:9px;margin-left:22px}.container-fluid-music-controller{height:137px;position:fixed;margin-top:450px;background-color:rgba(13,13,13,.8)}#player{height:6px;margin:0 190px 0 90px;border-radius:31px}#player-bar{height:6px;width:60px;background-color:#ffa700}.btn{background:none;margin:0 3px}.btn:active{background-color:transparent}.fas{color:#fff}.fas:active{color:#ffa700}.circle{width:10px;height:10px;border-radius:50%;margin-left:1px;margin-top:-6px;background-color:#ffa700;box-shadow:0 0 10px #000;padding-top:1rem;cursor:pointer}.circle:active:focus,.circle:focus,/ .circle:hover{box-shadow:0 0 10px var(--hover)}.controller,.volume{display:flex;justify-content:space-around;align-items:center}#volume{height:6px;width:50px;border-radius:31px;margin:0 0 0 5px}#volume-bar{height:6px;width:20px;background-color:#ffa700}.player-buttons{flex-wrap:wrap}.music-article{display:flex;flex-wrap:wrap;align-items:center;margin:0 100px 0 0}.music-img{padding:0 10px 0 0}text{font-size:10px;color:#fff}.navbar{background:#000;z-index:4}.nav-item{font-family:"Poppins",sans-serif;font-size:20px;color:#e5e5e5;padding:20px 25px;transition:font-size .3s ease}.nav-item .active,.nav-item:active:focus,.nav-item:focus,.nav-item:hover{box-shadow:0 .5em .5em -.4em var(--hover) #e5e5e5;transform:translateY(-.35em);text-shadow:-.25px -.25px 0 #e5e5e5,.25px .25px #e5e5e5;outline:7px #fff;font-size:35px}#navbarSupportedContent{justify-content:space-between!important}#navbar-list{margin-left:5.5rem}.content{height:100vh;width:calc(100% - 135.5px);left:135.5px;position:relative;z-index:5;background-color:#0d0d00}.search-container{width:100%;display:grid;margin:34px auto auto}.search-container img{margin:5px auto}#text{font-size:15px;font-family:"Poppins",sans-serif;margin-top:13px;color:#c4c4c4;opacity:1%}#searchArtist{height:50px;margin-top:34px;border-radius:50px 50px;border:1px solid rgba(255,253,253,.2)}#button-addon4,#searchArtist{background-color:rgba(27,26,31,.3)!important}#button-addon4{border-radius:25px 0 0 25px;border:none;margin:0}#button-addon4 i{font-size:22px;margin-top:5px;margin-right:-8px}.fa.fa-search{color:#828282}#artistInput{border-radius:0 25px 25px 0!important;background-color:rgba(27,26,31,.3)!important;color:#fff}#artistInput:focus{box-shadow:none;outline:none!important}#progress{height:7px;width:630px;border-radius:31px}.rounded-circle{height:25px!important;width:25px!important;border-radius:0;background-color:#ffa700;margin-top:25px}.ratio-sidebar{max-width:10.4%}.ratio-main{margin-left:1.28em!important}@media only screen and (max-width:600px){.ratio-main{margin-left:0!important}}body{font-size:.875rem;background-color:#000;font-family:"Poppins",sans-serif}.sidebar{top:0;bottom:0;left:0;z-index:100;padding:0;box-shadow:inset -1px 0 0 rgba(0,0,0,.1);background:#0d0d0d}.sidebar-sticky{position:-webkit-sticky
    /*! position: sticky; */
    /*! top: 48px; */
    /*! height: calc(100vh - 48px); */
    /*! padding-top: .5rem; */
    /*! overflow-x: hidden; */
    /*! overflow-y: auto; */}.sidebar .nav-link{font-weight:500;color:#333}.sidebar .nav-link .feather{margin-right:4px;color:#999}.sidebar .nav-link.active{color:#007bff}.sidebar .nav-link.active .feather,.sidebar .nav-link:hover .feather{color:inherit}.sidebar-heading{font-size:.75rem;text-transform:uppercase}.navbar-brand{padding-top:.75rem;padding-bottom:.75rem;font-size:1rem;background-color:rgba(0,0,0,.25);box-shadow:inset -1px 0 0 rgba(0,0,0,.25)}.navbar .form-control{padding:.75rem 1rem;border-width:0;border-radius:0}.form-control-dark{color:#fff;background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.form-control-dark:focus{border-color:transparent;box-shadow:0 0 0 3px hsla(0,0%,100%,.25)}.border-top{border-top:1px solid #e5e5e5}.border-bottom{border-bottom:1px solid #e5e5e5}@media only screen and (min-width:600px){#spacer{width:100%;height:95px}}.genCard{border-bottom-left-radius:15px!important;border-bottom-right-radius:15px!important;overflow:hidden;background-color:#000}.cardImage{border-top-left-radius:15px;border-top-right-radius:15px}.songInnerText{display:grid;color:red!important;background-color:#0d0d0d;padding:14px 14px 14px 2.3em}.songName{font-size:18px;color:#fff}.songCountDetails{font-size:15px}.albumInnerText{padding:14px}.albumInnerText,.artistInnerText{display:grid;color:red!important;background-color:#0d0d0d;text-align:center}.artistInnerText{padding:26px 26px 26px 2.3em}.item{flex-grow:0;flex-shrink:1;flex-basis:20%;padding:9px 9px 25px}@media only screen and (max-width:600px){.item{flex-grow:0;flex-shrink:1;flex-basis:50%;padding:9px 9px 0}}.header-text{color:grey;padding-left:5px;font-size:18px}.lowerContainer{padding-top:6em}@media only screen and (max-width:600px){.lowerContainer{padding-top:0}}.card-s{height:250px;text-shadow:0 1px 3px rgba(0,0,0,.6);background-size:cover!important;color:#fff;position:relative;border-radius:5px;margin-bottom:20px}.mood-card{border-radius:23px;overflow:hidden;border:#ffebcd;height:160px!important}.text-large{font-size:large}.playBox{height:500px;text-align:center;width:100%}.react-jinke-music-player-main .music-player-panel .panel-content{height:100%;width:calc(100vw - 10.4%);padding:0 30px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-left:10.4%}.react-jinke-music-player-main .music-player-panel{box-shadow:0 0 3px #ffa700;position:fixed;width:calc(100vw - 10.4%);bottom:0;left:0;color:#fff;height:80px;background-color:#ffa700!important;z-index:99;transition:background-color .35s cubic-bezier(.43,-.1,.16,1.1)}
/*# sourceMappingURL=main.a0cc213a.chunk.css.map */