.screen-container{background:linear-gradient(180deg,#f1f4f9,#dff1ff);border-bottom-left-radius:20px;border-top-left-radius:20px;height:100%;width:calc(100% - 100px)}.flex{display:flex}.screen-container .color{-webkit-filter:blur(150px);filter:blur(150px);position:absolute}.screen-container .color:first-child{background:#ff359b;height:300px;left:300px;top:0;width:600px}.screen-container .color:nth-child(2){background:#fffd87;bottom:0;height:500px;left:170px;width:500px}.screen-container .color:nth-child(3){background:#00d2ff;bottom:50px;height:300px;right:100px;width:300px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100px}.profile-img{border-radius:100px;height:50px;margin-top:10px;width:50px}.btn-body{align-items:center;border-radius:20px;color:rgba(255,253,135,.8);display:flex;flex-direction:column;height:80px;justify-content:center;transition:all .5s ease;width:80px}.btn-body:hover{color:#fff}.btn-body.active{background:rgba(255,253,135,.3);box-shadow:0 0 20px rgba(255,253,135,.3);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.btn-title{font-size:15px;font-weight:500;margin:4px}.login-page{align-items:center;background:rgba(0,210,255,.7);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;width:100vw}.login-btn{background:rgba(255,53,155,.6);border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;margin-top:20%;padding:15px 0;text-align:center;width:200px}a{text-decoration:none}.upper-body{background:linear-gradient(0deg,rgba(0,210,255,.1),rgba(0,210,255,.5),rgba(0,210,255,.1));border-top-left-radius:20px;height:50%;position:relative;width:100%}.upper-body .container{align-items:center;height:75%;margin-left:2%;position:relative;top:25px;width:95%}.upper-body .container .outer-box{align-items:flex-end;height:100%;justify-content:center;width:20%}.info{color:#ff359f;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:80%}.info p{margin:5px 10px}.info .same{font-weight:500}.like{font-size:70px;font-weight:700}.upper-body .container .outer-box .boxHeart{align-items:center;background:linear-gradient(135deg,rgba(255,53,159,.7),rgba(255,53,159,.15));border-radius:20px;box-shadow:0 0 35px rgba(255,53,159,.4);justify-content:center;min-height:200px;min-width:180px}.lower-body{background:rgba(255,53,159,.4);border-bottom-left-radius:20px;box-shadow:0 0 25px rgba(255,53,159,.4);flex-direction:column;height:50%;overflow-y:scroll;position:relative;width:100%}.lower-body::-webkit-scrollbar{display:none}.lower-body-container{height:95%;margin:.5%;width:95%}.fav-container{flex-direction:column;height:100%;width:100%}.playlist-pic{aspect-ratio:1;border-radius:20px;width:100%}.widget-body{cursor:pointer;max-height:17%;padding:.85%;width:100%}.widget-body:hover .widget-box,.widget-body:hover .widget-info{color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}.img-box{height:100%;width:7%}.img-box img{height:50px;width:50px}.widget-box{align-items:center;color:#fffd87;margin:0 2%;transition:.5s ease-in-out;width:31%}.widget-box p{font-weight:500}.widget-info{color:#fffd87;flex-direction:column;justify-content:center;transition:.5s ease-in-out;width:31%}.widget-info p{margin:0}.songName{font-size:18px;font-weight:500}.artists{font-size:14px;font-weight:300}p{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.home-body{flex-direction:column;height:98%;margin:10px;overflow-y:scroll;width:99%}.home-body::-webkit-scrollbar{display:none}.homeWidget-body{backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);flex-direction:column;height:70%;width:93%}.title{color:#ff359b;font-size:20px;font-weight:800;margin:5px}.widget-container{height:88%;justify-content:space-between;overflow-x:scroll;padding:1%;width:94%}.widget-container::-webkit-scrollbar{display:none}.widget-card{background:hsla(0,0%,100%,.2);border-bottom:1px solid hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.5) hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) hsla(0,0%,100%,.5);border-radius:10px;border-right:1px solid hsla(0,0%,100%,.5);border-style:solid;border-width:1px;cursor:pointer;flex-direction:column;margin:10px;min-height:270px;min-width:216px;padding:1%;position:relative;transition:.5s ease}.widget-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.widget-card:hover .widget-play{opacity:1}.widget-img{aspect-ratio:1;border-radius:10px;width:100%}.song-name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#ff359b;display:-webkit-box;font-size:16px;font-weight:700;margin:5px 0;overflow:hidden;text-overflow:ellipsis}.song-artists{color:#ff359b;font-size:12px;font-weight:400;margin:0}.widget-play{align-items:flex-end;background:linear-gradient(90deg,rgba(255,53,155,.2),rgba(0,210,255,.2));border-radius:10px;bottom:0;display:flex;height:100%;justify-content:flex-end;opacity:0;position:absolute;right:0;transition:.5s;width:100%}.library-body{display:flex;flex-wrap:wrap;height:88%;justify-content:space-between;overflow-y:scroll;padding:3%;width:94%}.library-body::-webkit-scrollbar{display:none}.playlist-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border-bottom:1px solid hsla(0,0%,100%,.5);border-radius:10px;border-right:1px solid hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.5) hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) hsla(0,0%,100%,.5);border-style:solid;border-width:1px;box-shadow:0 25px 45px rgba(0,0,0,.1);cursor:pointer;height:250px;margin-bottom:2%;padding:1%;position:relative;transition:.5s ease;width:200px}.playlist-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.playlist-card:hover .playlist-play{opacity:1}.playlist-img{aspect-ratio:1;border-radius:10px;width:100%}.playlist-name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#ff359b;display:-webkit-box;font-size:16px;font-weight:700;margin:5px 0;overflow:hidden;text-overflow:ellipsis}.playlist-track{color:#ff359b;font-size:12px;font-weight:400;margin:0}.playlist-play{align-items:flex-end;background:linear-gradient(90deg,rgba(255,53,155,.2),rgba(0,210,255,.2));border-radius:10px;bottom:0;display:flex;height:100%;justify-content:flex-end;opacity:0;position:absolute;right:0;transition:.5s;width:100%}.play-container{background:rgba(255,53,155,.7);height:10vh;justify-content:space-between;position:relative;width:100%}.play-container,.playOpenClose{align-items:center;display:flex}.playOpenClose{color:#fff;cursor:pointer;height:15px;justify-content:center;position:absolute;right:0;top:0;width:15px}.songInfoMain{align-items:center;display:flex;gap:10px;margin:0 10px}.playImage{border-radius:50%;height:50px;width:50px}.songInfo p{color:#fff;margin:0}.songNameInfo{font-size:16px;font-weight:500}.songArtists{font-size:12px;font-weight:300}.songDuration{color:#fff}.progressBar{align-items:center;display:flex;margin:0 20px}.base{background:hsla(0,0%,100%,.5);margin:0 10px;width:400px}.base,.percent{border-radius:5px;height:4px}.percent{background:#fff}.contolIcons{display:flex;margin:0 50px}.btn{align-items:center;border-radius:20px;cursor:pointer;height:50px;justify-content:center;transition:.3s;width:50px}.btn:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.box-container{--boxSize:4px;--gutter:8px;height:45px;justify-content:space-between;width:calc((var(--boxSize) + var(--gutter))*13)}.box{background:linear-gradient(0deg,#fffd87,#00d2ff) no-repeat;border-radius:18px;height:100%;opacity:0;-webkit-transform:scale(.4);transform:scale(.4);width:var(--boxSize)}.box.active{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}.box1,.box3,.box5,.box7{-webkit-animation-name:quiet;animation-name:quiet}.box2,.box6{-webkit-animation-name:normal;animation-name:normal}.box4{-webkit-animation-name:loud;animation-name:loud}@-webkit-keyframes quiet{25%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes quiet{25%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes normal{25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(.6);transform:scale(.6)}}@keyframes normal{25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(.6);transform:scale(.6)}}@-webkit-keyframes loud{25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes loud{25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.main-container{height:92%;margin:2%;position:relative;width:96%}.search-box{align-items:center;display:flex;height:15%;justify-content:center;width:100%}.search{background:rgba(255,53,155,.3);border-radius:50px;height:50px;overflow:hidden;position:relative;width:400px}.search .icon{background:rgba(255,53,155,.01);border-radius:50px;left:0;position:absolute;top:0;width:50px;z-index:1}.search .icon,.search .input{align-items:center;display:flex;height:50px;justify-content:center}.search .input{left:50px;position:relative;width:350px}.search .input input{background:rgba(255,53,155,.01);border:none;color:#ff359b;font-size:18px;height:100%;outline:none;position:absolute;top:0;width:100%}.clear{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}.search-list{display:flex;flex-direction:column;height:85%;overflow-y:scroll;width:100%}.search-list::-webkit-scrollbar{display:none}.search-list .search-container{height:95%;margin:.5%;width:95%}.search-body{cursor:pointer;max-height:17%;padding:.85%;width:100%}.search-body:hover .search-info{-webkit-transform:scale(1.02);transform:scale(1.02)}.search-info{color:#ff359b;display:flex;flex-direction:column;justify-content:center;transition:.5s ease-in-out;width:31%}.search-info p{margin:0}.search-songName{font-size:18px;font-weight:500}.search-artists{font-size:14px;font-weight:300}.main-body{background:linear-gradient(180deg,#ff359b,#00d2ff);display:flex;height:100vh;width:100vw}.main-body.active{height:90vh}.screen-container.signout,.signout-box{align-items:center;justify-content:center}.signout-box{background:rgba(255,53,155,.05);border:1px solid hsla(0,0%,100%,.3);display:flex;flex-direction:column;min-height:200px;min-width:300px;position:relative}.signout-box p{color:#ff359b;font-size:17px;font-weight:500}.signout-btn{display:flex;gap:20px}.signout-btn button{background:#ff359b;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px;transition:.5s}.signout-btn button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.7a1652af.css.map*/