*{-webkit-box-sizing:border-box;box-sizing:border-box}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}.login-bg-container{background-image:url(https://res.cloudinary.com/dvf7rhe2l/image/upload/v1766233675/Group_138_1_bzdz1t.png);height:100vh;width:100vw;background-size:cover;padding:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.login-form-container{height:45%;width:90%;background-color:rgba(24,24,24,.9);border-radius:12px;color:#fff;padding-top:20px}.login-form-container,.login-logo-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.login-logo-container{line-height:.5;font-size:70%;font-weight:700;height:44px;width:196px}.login-form-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:20px;gap:20px;margin-top:7%;width:80%}.login-inputs{padding:7px;outline:none;border-radius:3px;border:0;font-family:"Roboto"}.login-labels-inputs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:5px;gap:5px;font-weight:600;font-size:12px}.login-button{padding:8px;border:0;background-color:#1db954;border-radius:8px;color:#fff;grid-gap:8px;gap:8px;font-weight:600;cursor:pointer;width:100px}.errorMsg,.login-button{font-family:"Roboto";align-self:center}.errorMsg{color:red;font-size:12px;font-weight:500;margin:0;-ms-flex-item-align:center}.show-password-container{font-family:"Roboto";font-size:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.showPassword-label{cursor:pointer;margin-left:1.5%}.loading-container{background-color:#181818;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100vh;width:100vw;-ms-flex-direction:column;flex-direction:column;color:#fff;font-family:"Roboto"}.loading-text{text-align:center}@media (min-width:600px){.login-bg-container{background-image:url(https://res.cloudinary.com/dvf7rhe2l/image/upload/v1766233093/Group_138_smicoc.png)}.login-form-container{max-height:433px;min-height:400px;min-width:400px;max-width:456px}.login-button{width:auto;-ms-flex-item-align:stretch;align-self:stretch}.errorMsg{width:auto;-ms-flex-item-align:start;align-self:flex-start}}.nav-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-top:20px;padding-bottom:20px;background-color:#040306;height:100vh;width:98px;-ms-flex-direction:column;flex-direction:column}.nav-icon{width:82px;height:33px}.title{text-decoration:none;color:#fff;font-weight:600;font-size:12px;line-height:.5;margin-top:0}.logo-container-title{line-height:.2;text-decoration:none;margin-top:5px}.logout-button{background-color:transparent;border:0;cursor:pointer;width:37px;height:56px;color:#9b9b9b;line-height:.5;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-weight:600;font-family:"Roboto"}.trigger-button{background:transparent;border:none;cursor:pointer;outline:none;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;display:none;padding:10px;margin-right:10px}.trigger-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.popup-container,.popup-content{display:none;padding:0;margin:0}.popup-content{background-color:transparent;width:105px!important;opacity:1%;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}.manu-item-container{background-color:#181818;color:#fff;font-family:"Roboto";position:relative;border-radius:5px;list-style-type:none;padding:0;margin:0;display:none;-ms-flex-direction:column;flex-direction:column}.manu-item-container li{color:#b3b3b3;padding:12px 20px;font-family:"Roboto",sans-serif;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.manu-item-container li:hover{color:#fff;background-color:#282828}.manu-item-container li:last-child{border-top:1px solid #333;margin-top:5px;color:#ff4d4d}.manu-item-container li:last-child:hover{background-color:rgba(255,77,77,.1)}.menu-logout-button{background-color:transparent;border:0;color:#ff4d4d;cursor:pointer}.menu-item{text-decoration:none;color:#fff}ul.manu-item-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100px;position:absolute;top:60px;right:10px;z-index:1000}ul.manu-item-container>li{display:block;width:100%}@media (max-width:600px){.nav-container{-ms-flex-direction:row;flex-direction:row;width:100vw;height:8vh;-ms-flex-align:center;align-items:center;padding-left:20px;padding-right:10px}.manu-item-container{display:-ms-flexbox;display:flex}.logout-button{display:none}.popup-container,.popup-content,.trigger-button{display:-ms-flexbox;display:flex}}.home-bg-container{display:-ms-flexbox;display:flex;background:#181818}.home-container{width:90vw}.play-lists-container{margin-bottom:10%}.head{display:none}.slide{display:-ms-flexbox;display:flex}@media (max-width:600px){.home-bg-container{-ms-flex-direction:column;flex-direction:column}.head{display:-ms-flexbox;display:flex}.slide{display:none}}.featured-playlist-container{width:100%;color:#fff;background-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:"Roboto"}.playlist-heading{font-family:"Roboto";color:#fff;font-size:24px;margin-left:5%}.featured-playlist-items{list-style:none;margin:25px 0 10px 25px;width:180px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}.featured-playlist-images{max-width:166px;max-height:166px;border-radius:5px}.featured-playlist-name{color:#fff;font-family:"Roboto"}.featured-playlist-bg-container{width:100%;padding:0}.error-bg-title{color:#fff;font-family:"Roboto";font-size:24px}.feature-error-bg-container{margin-left:5%}.error-info-bg{background-color:#040306;height:50vh;padding:50px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;color:#fff;font-family:"Roboto";text-align:center}.try-again-btn{padding:10px;width:100px;border:0;border-radius:4px;background-color:#fff;color:#171f46;font-family:"HK Grotesk";font-weight:600;font-style:SemiBold;cursor:pointer}a{text-decoration:none;color:inherit;display:contents}@media (max-width:600px){.featured-playlist-images{max-width:82px;max-height:82px}.featured-playlist-items{max-width:82px;margin:10px 0 35px 35px;margin-bottom:0!important;padding:0 0 0 18px;-ms-flex-align:center;align-items:center}.featured-playlist-name{font-size:12px}.featured-playlist-bg-container{padding:0;margin:0}.featured-playlist-bg-container,.featured-playlist-container{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.featured-playlist-container{padding:10px}}.playerdetails-bg-container{display:-ms-flexbox;display:flex;min-height:100vh}.playerdetails-container{height:100vh;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;background-color:#181818;line-height:1}.back-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:10px;gap:10px;margin-top:20px;margin-left:20px;background-color:transparent;border:0;cursor:pointer;color:#fff;font-weight:600}.playerdetails-upper-container{display:-ms-flexbox;display:flex;grid-gap:20px;gap:20px;margin-left:5%;margin-top:2%;height:auto;color:#fff;font-family:"Roboto"}.playerdetails-upper-container-info{-ms-flex-item-align:end;align-self:flex-end;line-height:100%;margin-bottom:0}.playerdetails-thumnail-image{width:160px;height:160px;max-width:295px;max-height:295px;border-radius:8px}.tracks-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex:1 1;flex:1 1;min-height:0;height:60vh;margin-top:0;padding-top:0;line-height:100%}.table-header{display:grid;grid-template-columns:2fr 1.5fr .6fr .8fr .7fr;padding:5px 5px 5px 6%;margin-top:5px;border-bottom:1px solid #475569;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.table-body{list-style-type:none;padding:0;margin:0;-ms-flex:1 1;flex:1 1;overflow-y:auto;color:#fff;font-family:"Roboto";font-size:12px;scrollbar-width:thin;scrollbar-color:#4b4b4b transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.table-row{display:grid;grid-template-columns:.2fr 2fr 1.5fr .5fr .8fr .7fr;width:100%;padding-left:2%;cursor:pointer}.table-row:hover{background-color:#303030}.mobile-track-view{display:none}.mobile-view-body{width:100%;padding:0;color:#fff;font-family:"Roboto";font-size:12px}.mobile-view-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:5px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;margin-bottom:0}.mobile-view-item:hover{background-color:#303030}.artist{color:#9b9b9b}.spotify-player{position:fixed;bottom:0;left:100;width:92%;height:70px;-ms-flex-pack:justify;justify-content:space-between;padding:0 10% 0 20px;background-color:rgba(24,24,24,.9);border-top:.1px solid #9b9b9b;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10000}.sp-left,.spotify-player{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sp-left{grid-gap:12px;gap:12px;line-height:100%}.sp-thumb{width:56px;height:56px;border-radius:4px}.sp-title{margin:0;font-size:14px;color:#fff;font-family:"Roboto";line-height:100%}.sp-artist{margin:5px 0 0;font-size:12px;color:#b3b3b3}.sp-center{grid-gap:6px;gap:6px;width:30%}.sp-center,.sp-play{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.sp-play{width:30px;height:27px;margin-right:1%;border-radius:50%;border:none;background:#fff;color:#000;font-size:14px;cursor:pointer}.timer{font-size:12px;color:#9b9b9b}.sp-timeline{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px;width:100%}.sp-timeline span{width:36px;font-size:12px;color:#b3b3b3;text-align:center}.sp-timeline input[type=range]{-ms-flex:1 1;flex:1 1;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;border-radius:2px}.sp-timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;border:none;background:#fff;cursor:pointer;-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5)}.sp-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;grid-gap:8px;gap:8px}.sp-right input[type=range]{width:100px;height:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:2px;outline:none;cursor:pointer}.sp-right input[type=range]::-webkit-slider-thumb{height:12px;width:12px;border-radius:50%;border:none;background:#fff;cursor:pointer;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.sp-right:hover input[type=range]::-webkit-slider-thumb{opacity:1}.sp-right input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:50%;border:none;background:#fff;cursor:pointer;opacity:0}.sp-right:hover input[type=range]::-moz-range-thumb{opacity:1}.mobile-slider-music,.movie-player{display:none}.songName{font-size:40px;line-height:1}@media (max-width:600px){.header{display:none}.playerdetails-upper-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:0;line-height:100%}.playerdetails-thumnail-image{max-width:150px;max-height:150px}.editorspick{display:none}.playerdetails-upper-container-info{-ms-flex-item-align:center;align-self:center;text-align:center;line-height:100%}.mobile-track-view,.tracks-container{display:-ms-flexbox;display:flex}.mobile-track-view{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex:1 1;flex:1 1;min-height:0;width:100%;overflow-y:auto;padding-bottom:20px}.sp-right,.sp-timeline,.timer{display:none}.spotify-player{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;height:90px;border:0}.mobile-slider-music,.spotify-player{display:-ms-flexbox;display:flex;width:100%;padding:0;margin:0}.mobile-slider-music{height:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:2px;outline:none;cursor:pointer}.movie-player{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:10px 10px 20px}.mobile-slider-music::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background-color:#9b9b9b;border:none}.songName{font-size:32px;line-height:1.2}.col-added,.col-album,.col-artist,.col-index,.table-header{display:none}.table-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:3%}}.featured-playlist-items-category{margin:20px;list-style:none;line-height:1.2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;max-width:170px}.featured-playlist-name-category{font-size:20px;font-weight:600;margin-bottom:5px}.tracks{color:#64748b;font-size:18px;margin-top:10px}.category-heading{font-family:"Roboto";color:#fff;font-size:24px;font-weight:600;margin-left:5%;margin-bottom:5px}.link-album{width:100%}.error-info-bg-full{background-color:#040306;height:80%;width:90%;margin-top:2%;margin-left:5%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px}@media (max-width:600px){.featured-playlist-items-category{-ms-flex-direction:row;flex-direction:row;padding-left:5%;-ms-flex-align:center;align-items:center;text-align:left;align-self:center;line-height:1;min-width:100%;grid-gap:10%;gap:10%}.featured-playlist-name-category{font-size:16px}.tracks{font-size:14px}}.table-header-album{display:grid;grid-template-columns:.2fr 1fr 1fr .7fr;padding:5px 5px 5px 6%;margin-top:5px;border-bottom:1px solid #475569;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.popularity{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;grid-gap:3px;gap:3px}.popularity span{width:3px;border-radius:2px;background-color:#b3b3b3}.popularity span:first-child{height:6px}.popularity span:nth-child(2){height:9px}.popularity span:nth-child(3){height:12px}.popularity span:nth-child(4){height:15px}.popularity span:nth-child(5){height:18px}.popularity span.active{background-color:#1db954}.table-row-album{display:grid;grid-template-columns:.2fr 1fr 1fr .7fr;padding-left:6%;cursor:pointer}.table-row-album:hover{background-color:#303030}.error-msg{color:#fff;font-family:"Roboto";font-weight:600;font-size:14px}@media (max-width:600px){.popularity,.table-header-album{display:none}.table-row-album{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:3%}.mobile-track-view{display:none}}.not-found-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:1}.error-code{font-size:200px;margin-bottom:10px;background-image:linear-gradient(359.08deg,rgba(0,188,67,0) -32.43%,#1ed760 99.35%);-webkit-background-clip:text;background-clip:text;color:transparent}.pageNotFound{font-size:20px;color:#fff;font-weight:700}.not-found-image{height:45%}.home-page-btn{padding:10px;width:150px;font-family:"Roboto";font-size:14px;font-weight:600;color:#fff;background:linear-gradient(359.08deg,rgba(0,188,67,0) -32.43%,#1ed760 99.35%);border:0;border-radius:8px;cursor:pointer}
/*# sourceMappingURL=main.9c5b5e46.chunk.css.map */