.screen-container{background-color:#213122;background-image:repeating-radial-gradient(circle at 0 0,#0000 0,#213122 8px),repeating-linear-gradient(#496e4d55,#496e4d);border-radius:10px;height:100%;opacity:.9;width:calc(100% - 100px)}.flex{display:flex}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}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:15px;height:50px;margin-top:20px;width:50px}a{text-decoration:none!important}.btn-body{align-items:center;background-color:#a0fa9e00;border-radius:10px;color:#568259;display:flex;flex-direction:column;height:80px;justify-content:center;margin:5px auto;transition:all .4s ease;width:80px}.btn-body.active{background-color:#a0fa9e;color:#314933;transform:scale(1.05)}.btn-body:hover{color:#314933}.btn-title{font-size:14px;font-weight:300;margin:4px auto}.login-page{align-items:center;background-color:#1f1f1f;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;width:100vw}.logo{height:200px;width:500px}.login-btn{background-color:#fefefe;border-radius:50px;color:#1f1f1f;font-weight:600;margin-top:20%;padding:15px 0;text-align:center;width:200px}a{text-decoration:none}.library-body{display:flex;flex-wrap:wrap;height:90%;justify-content:space-between;overflow-y:auto;padding:3%;width:90%}.playlist-card{background-color:#213122;background:#314933;background:linear-gradient(90deg,#314933 32%,#3b935b);border:1px solid #3645622e;border-radius:20px;cursor:pointer;height:42%;margin-bottom:2%;padding:1%;position:relative;transition:all .2s ease;width:20%}.playlist-card:hover{transform:scale(1.02)}.playlist-card:hover .playlist-fade{opacity:1}.playlist-image{aspect-ratio:1;border-radius:15px;width:100%}.playlist-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ccfccb;display:-webkit-box;font-size:16px;font-weight:800;margin:5px 0;overflow:hidden;text-overflow:ellipsis}.playlist-subtitle{color:#a0fa9e;font-size:14px;font-weight:400;margin:2px}.playlist-fade{align-items:end;border-radius:20px;bottom:0;display:flex;height:34%;justify-content:flex-end;opacity:0;padding:6%;position:absolute;right:0;transition:.3s ease;width:84%}@media (max-width:1200px){.playlist-card{width:30%}.playlist-fade{align-items:end;border-radius:20px;bottom:0;display:flex;height:34%;justify-content:flex-end;opacity:0;padding:6%;position:absolute;right:0;transition:.3s ease;width:84%}.playlist-card:hover .playlist-fade{opacity:1}}@media (max-width:900px){.playlist-card{width:45%}.library-body{height:95%;width:95%}}@media (max-width:600px){.playlist-card{height:auto;width:100%}.library-body{height:95%;width:95%}@media (max-width:600px){.playlist-card{height:auto;position:relative;width:100%}.playlist-fade{align-items:end;border-radius:20px;bottom:-5%;display:flex;height:34%;justify-content:flex-end;opacity:1;padding:6%;position:absolute;right:-1%;transition:.3s ease;width:84%}}}.screen-container{display:flex;height:100vh;overflow:hidden;width:100vw}.left-feed-body{gap:5%;height:auto;margin-left:10px;margin-top:7px;width:80%}.left-feed-body,.right-feed-body{display:flex;flex-direction:column;justify-content:space-between;padding:2%}.right-feed-body{height:93%;width:20%}.featured-playlist-body,.new-releases-body{flex-grow:1;height:48%;margin-bottom:1.5rem;width:100%}@media (max-width:768px){.screen-container{flex-direction:column;overflow-y:scroll}.left-feed-body,.right-feed-body{gap:3%;height:auto;padding:1%;width:90%}.featured-playlist-body,.new-releases-body{height:auto;margin-bottom:1rem}}.playlist-container{align-items:center;background-color:#2a2a2a;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:2%;width:100%}.widgetcard-body{background:#5d8a70;background:radial-gradient(circle,#5d8a70 -21%,#48804f 9%,#6c9d72 100%);border-radius:30px;cursor:pointer;height:74%;padding:3%;position:relative;transition:all .2s ease-in-out;width:37%}.widgetcard-body:hover{transform:scale(1.05)}.widget-title{font-size:18px}.widget-fade{align-items:flex-end;animation:none;background:#9fd9a6;background:radial-gradient(circle,#9fd9a6 -21%,#95e693 9%,#6c9d72 100%);border-radius:30px;bottom:0;display:flex;height:34%;justify-content:flex-end;opacity:0;padding:8%;position:absolute;right:0;transition:.5s ease-in-out;width:84%}.widgetcard-body:hover .widget-fade{opacity:1}@media (max-width:768px){.widgetcard-body{height:auto;margin-bottom:10px;width:90%}}.entry-body{align-items:center;margin-top:10%;width:93%}.entry-image{border-radius:15px;height:50px;margin-right:10px;width:50px}.entry-right-body{flex-direction:column;justify-content:center}.entry-title{color:#aef3ad;font-size:12px;font-weight:700;margin:0 0 5px}.entry-subtitle{color:#76d175;font-size:12px;font-weight:400;margin:0}.feedcard-body{background-image:linear-gradient(45deg,#243d25,#6bcb77);background-image:-webkit-linear-gradient(45deg,#243d25,#6bcb77);border-radius:20px;display:flex;flex-direction:column;height:100%;padding:2%;transition:all .2s ease-in-out;width:100%}.title-container{margin-bottom:1rem;text-align:center}.widget-title{color:#ccfccb;font-size:20px;font-weight:800}.entries-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow:hidden}.recommendations-container{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.feedcard-body .entry-body{align-items:center;border-radius:10px;display:flex;padding:10px;transition:background-color .2s ease-in-out}.feedcard-body .entry-body:hover{background-color:#fff3}.feedcard-body .entry-title{color:#ccfccb;font-size:18px;font-weight:700}.feedcard-body .entry-subtitle{color:#b0e0b6;font-size:16px}.feedcard-body .entry-image{height:60px;margin-right:15px;width:60px}.left-player-body{margin-right:2%;width:68%}.left-player-body,.right-player-body{display:flex;flex-direction:column;height:100%}.right-player-body{justify-content:space-between;width:30%}@media (max-width:768px){.screen-container{flex-direction:column;gap:50px}.left-player-body,.right-player-body{margin-bottom:10px;margin-right:0;width:100%}.player-body{align-items:center;flex-direction:column}.left-player-body{flex-direction:column;gap:5%;height:auto;margin-right:0;width:100%}.player-body,.widget-body{margin-bottom:50px;width:100%}.player-right-body{gap:2%}.player-left-body{display:flex;flex-direction:column;gap:20px;margin:0 auto;width:100%}}.songcard-body{align-items:center;background-color:#39563c;background:#57835c;background:radial-gradient(circle,#57835c 0,#355238 100%);border-radius:30px;border-bottom-right-radius:0;flex-direction:column;height:62%;justify-content:center;width:100%}img{aspect-ratio:1;border-radius:30px;width:100%}.albumImage{align-items:center;justify-content:center;position:relative;width:80%;z-index:1}.albumImage img{aspect-ratio:1;border-radius:30px;width:100%}.albumImage-shadow{filter:blur(10px);position:absolute;top:20px;width:90%;z-index:-1}.albumInfo-card{margin-top:20px;width:80%}.albumInfo-card p{margin:5px auto!important}.albumName-container{color:#ccfccb;font-size:20px;font-weight:700;overflow:hidden;width:100%}.marquee{animation:marquee 12s linear infinite;display:inline-block;padding-left:100%;white-space:nowrap}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.album-info{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;margin-top:15px;overflow:hidden;text-overflow:ellipsis}.album-info,.album-release{color:#6c9d72;font-weight:500}.album-release{font-size:13px;margin-top:10px}.queue-container{align-items:center;background:#57835c;background:radial-gradient(circle,#57835c 0,#355238 100%);border-radius:30px;border-top-right-radius:0;flex-direction:column;height:35%;justify-content:center;width:100%}.queue{flex-direction:column;height:85%;justify-content:space-between;width:80%}.upNext{color:#ccfccb;font-size:20px;font-weight:700;margin:10px 0;text-align:left}.queue-list{height:80%;overflow-y:auto;width:100%}.queue-list::-webkit-scrollbar{display:none}.queue-item{color:#8edf8d;cursor:pointer;font-size:14px;font-weight:550;justify-content:space-between;padding:5px 0;width:100%}.queue-item:hover{transform:scale(.95)}.queue-item p{margin:0}.track-name{text-overflow:ellipsis;width:75%}.player-body{height:44%;margin:3% 0;width:100%}.player-left-body{width:37%}.player-right-body{align-items:center;flex-direction:column;justify-content:space-evenly;width:63%}.song-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#a0fa9e;display:-webkit-box;font-size:58px;font-weight:700;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis}.song-artist{color:#a0fa9e;font-size:16px;font-weight:650}.player-right-bottom{align-items:center;flex-direction:column;width:100%}.song-duration{align-items:center;justify-content:space-between;margin-bottom:20px;width:50%}.duration{color:#a0fa9e;font-size:20px;font-weight:700;margin:0}@media (max-width:768px){.song-duration{width:100%}.player-right-body{gap:5px;width:90%}}.control-wrapper{align-items:center;justify-content:space-between;margin:0;width:60%}.action-btn{align-items:center;border-radius:20px;cursor:pointer;height:50px;justify-content:center;transition:all .2 ease-in-out;width:50px}.action-btn:hover{transform:scale(1.1)}.play-pause-btn{align-items:center;background-color:#278e4d;border-radius:30px;cursor:pointer;height:65px;justify-content:center;transition:all .2 ease-in-out;width:65px}.play-pause-btn,.play-pause-btn.active{box-shadow:inset -4px -4px 10px #1e4922,inset 4px 4px 10px 10px #63c662}.play-pause-btn:hover{transform:scale(1.1)}circle{transform:rotate(93deg);transform-origin:50% 50%;transition:all 1s ease-in-out}.active-image{animation:rotation 30s linear infinite;transform:rotate(0deg);transform-origin:50% 50%;will-change:transform}.progress-circle{align-items:center;justify-content:center}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@media (max-width:768px){.progress-circle{flex-direction:column;flex-grow:1;height:auto;margin:0 auto;max-width:400px;width:100%}.active-image,circle{height:100%;width:100%}}.box-container{--boxSize:4px;--gutter:8px;height:54px;justify-content:space-between;width:calc((var(--boxSize) + var(--gutter))*13)}.box{background:#4e7553;background:linear-gradient(180deg,#4e7553 -21%,#a0fa9e 9%,#6c9d72);border-radius:15px;height:100%;transform:scale(.4);width:var(--boxSize)}.box.active{animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.box1{animation-name:quiet}.box2{animation-name:normal}.box3{animation-name:quiet}.box4{animation-name:loud}.box5{animation-name:quiet}.box6{animation-name:normal}.box7{animation-name:quiet}@keyframes quiet{25%{transform:scale(.6)}50%{transform:scale(.4)}75%{transform:scale(.8)}}@keyframes normal{25%{transform:scale(1)}50%{transform:scale(.4)}75%{transform:scale(.6)}}@keyframes loud{25%{transform:scale(1)}50%{transform:scale(.4)}75%{transform:scale(1.2)}}.widgets-body{align-items:center;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);background:#57835c;background:radial-gradient(circle,#57835c 0,#355238 100%);border-radius:30px;height:49%;justify-content:space-evenly;margin:2% auto 3%;width:93%}@media (max-width:768px){.widgets-body{flex-direction:column;height:auto;margin:5% auto;width:auto}}.favorites-body{display:flex;flex-wrap:wrap;height:90%;justify-content:space-between;overflow-y:auto;padding:3%;width:90%}.favorites-card{background-color:#213122;background:#314933;background:linear-gradient(90deg,#314933 32%,#3b935b);border:1px solid #3645622e;border-radius:20px;cursor:pointer;height:42%;margin-bottom:2%;padding:1%;position:relative;transition:all .2s ease;width:20%}.favorites-card:hover{transform:scale(1.02)}.favorites-card:hover .favorites-fade{opacity:1}.favorites-image{aspect-ratio:1;border-radius:15px;width:100%}.favorites-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ccfccb;display:-webkit-box;font-size:16px;font-weight:800;margin:5px 0;overflow:hidden;text-overflow:ellipsis}.favorites-subtitle{color:#a0fa9e;font-size:14px;font-weight:400;margin:2px}.favorites-fade{align-items:end;border-radius:20px;bottom:0;display:flex;height:34%;justify-content:flex-end;opacity:1;padding:6%;position:absolute;right:0;transition:.3s ease;width:84%}@media (max-width:1200px){.favorites-card{width:30%}}@media (max-width:900px){.favorites-card{width:45%}.favorites-body{height:95%;width:95%}}@media (max-width:600px){.favorites-card{height:auto;width:100%}.favorites-body{height:95%;width:95%}}.signout-page{align-items:center;background-color:#ccfccb;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;width:100vw}.signout-btn{background-color:#a0fa9e;border-radius:20px;cursor:pointer;height:50px;width:300px}.signout-page p{text-decoration:underline}.signout-page p:hover{transform:scale(1.1);transition:transform .2s ease-in-out}.main-body{background-color:#ccfccb;border-radius:10px;display:flex;height:100vh;width:100vw}.sidebar{background-color:#2d2d2d;color:#fff;padding:20px;width:250px}.main-content{align-items:center;display:flex;flex-grow:1;justify-content:center;text-align:center}.main-body h1{color:#314933;font-size:48px}
/*# sourceMappingURL=main.451bccac.css.map*/