.music-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;background-color:var(--phone-color-primary)}.music-container .music-content{height:100%;width:100%;display:flex;flex-direction:column}.music-container .music-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:4.5rem}.music-container .music-header .search{width:90%;display:flex;flex-direction:column;gap:.5rem}.music-container .music-header .title{font-size:30px;font-weight:600;color:var(--phone-text-primary)}.music-container .music-header .left{width:90%;display:flex}.music-container .music-header .space{width:90%;display:flex;align-items:center;justify-content:space-between}.music-container .music-header svg{font-size:35px;color:var(--phone-color-blue);cursor:pointer}.music-container .list-view{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:absolute;z-index:10;top:0;left:0;background-color:var(--phone-color-primary)}.music-container .list-view .list-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%;padding-top:4rem}.music-container .list-view .list-header div{flex:1}.music-container .list-view .list-header .back-button svg{font-size:26px;color:var(--phone-text-primary);cursor:pointer}.music-container .list-view .list-header .title{text-align:center;font-size:18px;font-weight:500;color:var(--phone-text-primary)}.music-container .music-body{display:flex;flex-direction:column;align-items:center;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}.music-container .music-body::-webkit-scrollbar{display:none}.music-container .music-body .home-page{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding-bottom:15rem}.music-container .music-body .home-page .sections{display:flex;flex-direction:column;gap:.75rem;width:90%;padding:2rem 0 1rem}.music-container .music-body .home-page .sections .title{font-size:18px;font-weight:500;color:var(--phone-text-primary)}.music-container .music-body .home-page .sections .items{display:flex;flex-direction:column;align-items:center;width:100%}.music-container .music-body .home-page .sections .items .section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:.75rem .25rem;box-sizing:border-box;border-bottom:1px solid var(--phone-color-border);cursor:pointer;transition:all .2s ease-in-out}.music-container .music-body .home-page .sections .items .section:hover{background-color:var(--phone-color-hover)}.music-container .music-body .home-page .sections .items .section .section-info{display:flex;flex-direction:row;align-items:center;gap:.75rem;font-size:18px;color:var(--phone-text-primary)}.music-container .music-body .home-page .sections .items .section .section-info svg{font-size:24px;color:var(--phone-color-blue)}.music-container .music-body .home-page .sections .items .section svg{font-size:20px;color:var(--phone-text-secondary)}.music-container .music-body .home-page .recently-added{display:flex;flex-direction:column;gap:.75rem;width:90%;overflow:hidden}.music-container .music-body .home-page .recently-added .title{font-size:18px;font-weight:500;color:var(--phone-text-primary)}.music-container .music-body .home-page .recently-added .items{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem .5rem;width:100%}.music-container .music-body .home-page .recently-added .items .item{width:11rem;aspect-ratio:1/1;cursor:pointer}.music-container .music-body .home-page .recently-added .items .item[data-playing=true] .item-info .song-title{color:var(--phone-color-blue)}.music-container .music-body .home-page .recently-added .items .item[data-playing=true] .item-info .song-artist{color:var(--phone-color-blue);opacity:.75}.music-container .music-body .home-page .recently-added .items .item img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;transition:all .2s ease-in-out}.music-container .music-body .home-page .recently-added .items .item img:hover{filter:brightness(.5)}.music-container .music-body .home-page .recently-added .items .item .item-info{display:flex;flex-direction:column;gap:.25rem}.music-container .music-body .home-page .recently-added .items .item .item-info .song-title{font-size:16px;font-weight:500;color:var(--phone-text-primary)}.music-container .music-body .home-page .recently-added .items .item .item-info .song-artist{font-size:14px;color:var(--phone-text-secondary)}.music-container .music-body .library{display:flex;flex-direction:column;align-items:center;width:100%;max-height:37rem;overflow-y:scroll;overflow-x:none}.music-container .music-body .library::-webkit-scrollbar{display:none}.music-container .music-body .library .playlist{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;border-bottom:1px solid var(--phone-color-border);cursor:pointer;transition:all .2s ease-in-out}.music-container .music-body .library .playlist:hover{background-color:var(--phone-color-hover)}.music-container .music-body .library .playlist .playlist-details{display:flex;flex-direction:row;align-items:center;gap:1rem;margin:0 1rem}.music-container .music-body .library .playlist .playlist-details img{height:7.5rem;width:7.5rem;object-fit:cover;border-radius:5px}.music-container .music-body .library .playlist .playlist-details .playlist-cover{height:7.5rem;width:7.5rem;border-radius:5px}.music-container .music-body .library .playlist .playlist-details .playlist-cover[data-grid=true]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.music-container .music-body .library .playlist .playlist-details .playlist-cover[data-grid=true] img{border-radius:0}.music-container .music-body .library .playlist .playlist-details .playlist-cover[data-grid=true] img:nth-child(1){border-top-left-radius:5px}.music-container .music-body .library .playlist .playlist-details .playlist-cover[data-grid=true] img:nth-child(2){border-top-right-radius:5px}.music-container .music-body .library .playlist .playlist-details .playlist-cover[data-grid=true] img:nth-child(3){border-bottom-left-radius:5px}.music-container .music-body .library .playlist .playlist-details .playlist-cover[data-grid=true] img:nth-child(4){border-bottom-right-radius:5px}.music-container .music-body .library .playlist .playlist-details .playlist-cover img{width:100%;height:100%;border-radius:5px}.music-container .music-body .library .playlist .playlist-details .text .title{font-size:18px;color:var(--phone-text-primary)}.music-container .music-body .library .playlist .playlist-details .text .subtitle{font-size:15px;color:var(--phone-text-secondary)}.music-container .music-body .library .playlist svg{font-size:20px;color:var(--phone-text-secondary);cursor:pointer;margin-right:1.75rem}.music-container .music-body .artist-profile{max-height:55rem;overflow-y:auto;overflow-x:hidden;width:100%}.music-container .music-body .artist-profile::-webkit-scrollbar{display:none}.music-container .music-body .artist-profile .avatar{width:100%;height:15rem!important;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;filter:brightness(.8)}.music-container .music-body .artist-profile .avatar .top{width:100%;margin-top:2.5rem}.music-container .music-body .artist-profile .avatar .top svg{padding:.25rem;margin:0 1rem;border-radius:50%;color:var(--phone-text-primary);background-color:var(--phone-color-opacity);font-size:25px;cursor:pointer}.music-container .music-body .artist-profile .avatar .title{margin-left:1rem;margin-bottom:.5rem;font-size:35px;font-weight:500;color:#fff}.music-container .music-body .artist-profile .category{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%;margin-top:2.5rem}.music-container .music-body .artist-profile .category:last-child{margin-bottom:15rem}.music-container .music-body .artist-profile .category .title{width:90%;text-align:left;display:flex;align-items:center;gap:.2rem;font-size:20px;font-weight:700px;color:var(--phone-text-primary)}.music-container .music-body .artist-profile .category .title svg{color:var(--phone-text-secondary);font-size:20px}.music-container .music-body .artist-profile .category section{display:flex;flex-direction:column;width:100%}.music-container .music-body .artist-profile .category section.albums{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;width:90%}.music-container .music-body .artist-profile .category section.albums .album{display:flex;flex-direction:column;gap:.5rem;width:100%;height:100%;cursor:pointer;transition:all .2s ease-in-out}.music-container .music-body .artist-profile .category section.albums .album:hover{filter:brightness(.5)}.music-container .music-body .artist-profile .category section.albums .album img{height:100%;width:100%;object-fit:fill;border-radius:10px}.music-container .music-body .artist-profile .category section.albums .album .title{font-size:18px;font-weight:500;color:var(--phone-text-primary)}.music-container .music-body .artist-profile .category section .song{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem 5%;border-bottom:1px solid var(--phone-color-border);cursor:pointer;transition:all .2s ease-in-out}.music-container .music-body .artist-profile .category section .song:hover{background-color:var(--phone-color-hover)}.music-container .music-body .artist-profile .category section .song .song-info{display:flex;align-items:center;gap:.5rem}.music-container .music-body .artist-profile .category section .song .song-info img{height:4rem;width:4rem;border-radius:5px;object-fit:cover}.music-container .music-body .artist-profile .category section .song .song-info .text .title{font-size:17px;font-weight:500;color:var(--phone-text-primary);width:inherit}.music-container .music-body .artist-profile .category section .song .song-info .text .subtitle{font-size:15px;font-weight:400;color:var(--phone-text-secondary)}.music-container .music-body .artist-profile .category section .song[data-playing=true] .text .title{color:var(--phone-color-blue)}.music-container .music-body .artist-profile .category section .song[data-playing=true] .text .subtitle{color:var(--phone-color-blue);opacity:.75}.music-container .music-body .artist-profile .category section .song[data-playing=true] svg{color:var(--phone-color-blue)}.music-container .music-body .artist-profile .category section .song svg{color:var(--phone-text-primary);font-size:20px}.music-container .music-body .playlist-wrapper{width:100%;display:flex;flex-direction:column;gap:2rem;margin-top:2rem;overflow-y:auto;overflow-x:hidden;max-height:55rem}.music-container .music-body .playlist-wrapper::-webkit-scrollbar{display:none}.music-container .music-body .playlist-wrapper .playlist-details{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;height:100%}.music-container .music-body .playlist-wrapper .playlist-details img{height:17rem;width:17rem;border-radius:12px;object-fit:cover;box-shadow:0 5px 20px 5px #00000040}.music-container .music-body .playlist-wrapper .playlist-details .cover-wrapper{position:relative}.music-container .music-body .playlist-wrapper .playlist-details .cover-wrapper .actions{position:absolute;z-index:10;top:0;bottom:0;right:0;left:0;margin:auto;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.music-container .music-body .playlist-wrapper .playlist-details .cover-wrapper .actions svg{color:var(--phone-text-secondary);background-color:var(--phone-color-highlight2);opacity:.95;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 20px 5px #0006;padding:.6rem;border-radius:50%;font-size:24px;cursor:pointer}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover{height:17rem;width:17rem;border-radius:5px;box-shadow:0 5px 20px 5px #00000040}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover[data-grid=true]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover[data-grid=true] img{border-radius:0}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover[data-grid=true] img:nth-child(1){border-top-left-radius:5px}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover[data-grid=true] img:nth-child(2){border-top-right-radius:5px}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover[data-grid=true] img:nth-child(3){border-bottom-left-radius:5px}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover[data-grid=true] img:nth-child(4){border-bottom-right-radius:5px}.music-container .music-body .playlist-wrapper .playlist-details .playlist-cover img{width:100%;height:100%;border-radius:5px;box-shadow:none}.music-container .music-body .playlist-wrapper .playlist-details .text{display:flex;flex-direction:column;align-items:center;gap:.25rem}.music-container .music-body .playlist-wrapper .playlist-details .text input{font-size:20px;font-weight:500;color:var(--phone-text-primary);text-align:center;border:2px solid var(--phone-color-highlight2);border-radius:8px;padding:.15rem 0;transition:all .2s ease-in-out}.music-container .music-body .playlist-wrapper .playlist-details .text input::placeholder{font-size:20px;color:var(--phone-text-primary)}.music-container .music-body .playlist-wrapper .playlist-details .text input:focus{outline:none;border:2px solid var(--phone-color-blue)}.music-container .music-body .playlist-wrapper .playlist-details .text .title{font-size:20px;font-weight:500;color:var(--phone-text-primary)}.music-container .music-body .playlist-wrapper .playlist-details .text .subtitle{font-size:18px;font-weight:400;color:var(--phone-color-blue)}.music-container .music-body .playlist-wrapper .playlist-details .buttons{width:90%;display:flex;align-items:center;gap:.5rem}.music-container .music-body .playlist-wrapper .playlist-details .buttons .button{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;height:3rem;border-radius:8px;background-color:var(--phone-color-highlight2);color:var(--phone-color-blue);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.music-container .music-body .playlist-wrapper .playlist-details .buttons .button svg{font-size:25px}.music-container .music-body .playlist-wrapper .playlist-details .buttons .button:hover{filter:brightness(.7)}.music-container .music-body .playlist-wrapper .playlist-tracks{display:flex;flex-direction:column;width:100%;height:100%;margin-bottom:22rem}.music-container .music-body .playlist-wrapper .playlist-tracks .track{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem 0;border-top:1px solid var(--phone-color-border);cursor:pointer;transition:all .2s ease-in-out}.music-container .music-body .playlist-wrapper .playlist-tracks .track:hover{background-color:var(--phone-color-hover)}.music-container .music-body .playlist-wrapper .playlist-tracks .track[data-album=true]{padding:1rem 0}.music-container .music-body .playlist-wrapper .playlist-tracks .track[data-playing=true] .track-info .text .title{color:var(--phone-color-blue)}.music-container .music-body .playlist-wrapper .playlist-tracks .track[data-playing=true] .track-info .text .subtitle{color:var(--phone-color-blue);opacity:.75}.music-container .music-body .playlist-wrapper .playlist-tracks .track[data-playing=true] svg{color:var(--phone-color-blue)}.music-container .music-body .playlist-wrapper .playlist-tracks .track .track-info{display:flex;align-items:center;gap:1rem;margin-left:1.5rem}.music-container .music-body .playlist-wrapper .playlist-tracks .track .track-info svg{color:var(--phone-color-red);font-size:30px;margin-right:-.25rem}.music-container .music-body .playlist-wrapper .playlist-tracks .track .track-info .index{font-size:17px;font-weight:400;color:var(--phone-text-secondary)}.music-container .music-body .playlist-wrapper .playlist-tracks .track .track-info img{width:3.75rem;height:3.75rem;border-radius:5px}.music-container .music-body .playlist-wrapper .playlist-tracks .track .track-info .text{display:flex;flex-direction:column}.music-container .music-body .playlist-wrapper .playlist-tracks .track .track-info .text .title{font-size:17px;font-weight:400;color:var(--phone-text-primary)}.music-container .music-body .playlist-wrapper .playlist-tracks .track .track-info .text .subtitle{font-size:15px;font-weight:400;color:var(--phone-text-secondary)}.music-container .music-body .playlist-wrapper .playlist-tracks .track svg{font-size:20px;color:var(--phone-text-primary);margin-right:1rem}.music-container .music-player{position:absolute;bottom:0;z-index:2;height:100%;width:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:3rem}.music-container .music-player .music-player-header{display:flex;align-items:center;margin-top:4.5rem;background-color:#00000080;height:.5rem;width:4rem;border-radius:5px;cursor:pointer}.music-container .music-player .music-player-body{display:flex;flex-direction:column;gap:1.5rem;width:85%}.music-container .music-player .music-player-body img{height:22rem;width:22rem;border-radius:12px;object-fit:cover;box-shadow:0 10px 26px 12px #00000040}.music-container .music-player .music-player-body .song-info{display:flex;flex-direction:column;gap:.15rem;margin-left:.5rem}.music-container .music-player .music-player-body .song-info .title{font-size:22px;color:#fff;font-weight:500}.music-container .music-player .music-player-body .song-info .subtitle{font-size:18px;color:#fff9}.music-container .music-player .music-player-body .duration{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.music-container .music-player .music-player-body .duration input{width:100%;-webkit-appearance:none;background:transparent;outline:none;-webkit-transition:.2s;transition:opacity .2s;border-radius:10px}.music-container .music-player .music-player-body .duration input::-webkit-slider-runnable-track{width:100%;height:.3rem;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:5px}.music-container .music-player .music-player-body .duration input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none}.music-container .music-player .music-player-body .duration input:focus{outline:none}.music-container .music-player .music-player-body .duration .time{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:13px;color:#fff;font-weight:300;opacity:.3}.music-container .music-player .music-player-body .controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4rem;margin-top:1rem}.music-container .music-player .music-player-body .controls svg{color:#fff;font-size:40px;cursor:pointer;transition:all .2s ease-in-out}.music-container .music-player .music-player-body .controls svg:hover{filter:brightness(.7)}.music-container .music-player .music-player-body .controls .play svg{font-size:55px;stroke-width:20}.music-container .music-player .music-player-body .volume{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:2.5rem}.music-container .music-player .music-player-body .volume svg{opacity:.4;color:#fff;font-size:25px}.music-container .music-player .music-player-body .volume input{width:100%;-webkit-appearance:none;background:transparent;outline:none;-webkit-transition:.2s;transition:opacity .2s;border-radius:10px}.music-container .music-player .music-player-body .volume input::-webkit-slider-runnable-track{width:100%;height:.25rem;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:3px}.music-container .music-player .music-player-body .volume input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none}.music-container .music-player .music-player-body .volume input:focus{outline:none}.music-container .search-results{width:100%;max-height:38rem;display:flex;flex-direction:column;margin-top:2rem;overflow-y:auto;overflow-x:hidden;padding-bottom:15rem}.music-container .search-results::-webkit-scrollbar{display:none}.music-container .search-results .item{width:90%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 5%;border-bottom:1px solid var(--phone-color-border);cursor:pointer;transition:all .2s ease-in-out}.music-container .search-results .item:hover{background-color:var(--phone-color-hover)}.music-container .search-results .item .item-info{display:flex;align-items:center;gap:.75rem}.music-container .search-results .item .item-info img{height:4rem;width:4rem;border-radius:5px;object-fit:cover}.music-container .search-results .item .item-info img[data-artist=true]{border-radius:50%}.music-container .search-results .item .item-info .text{font-weight:400}.music-container .search-results .item .item-info .text .title{color:var(--phone-text-primary);font-size:17px}.music-container .search-results .item .item-info .text .subtitle{color:var(--phone-text-secondary);font-size:15px}.music-container .search-results .item svg{color:var(--phone-text-primary);font-size:20px}.music-container .search-results .item[data-playing=true] .text .title{color:var(--phone-color-blue)}.music-container .search-results .item[data-playing=true] .text .subtitle{color:var(--phone-color-blue);opacity:.75}.music-container .search-results .item[data-playing=true] svg{color:var(--phone-color-blue)}.music-container .add-playlist-container{position:absolute;height:100%;width:100%;z-index:3;background-color:var(--phone-color-primary);display:flex;flex-direction:column;gap:1rem}.music-container .music-footer{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;gap:.75rem;background-color:var(--phone-color-primary);padding-bottom:3rem}.music-container .music-footer .music-playing{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--phone-color-border);background-color:var(--phone-color-opacity);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer}.music-container .music-footer .music-playing .song-info{display:flex;align-items:center;gap:.75rem}.music-container .music-footer .music-playing .song-info img{height:3rem;aspect-ratio:1/1;object-fit:cover;filter:brightness(.8);border-radius:5px}.music-container .music-footer .music-playing .text{display:flex;flex-direction:column}.music-container .music-footer .music-playing .text .title{font-size:18px;color:var(--phone-text-primary)}.music-container .music-footer .music-playing .text .subtitle{font-size:16px;color:var(--phone-text-secondary)}.music-container .music-footer .music-playing svg{font-size:35px;color:var(--phone-text-primary);cursor:pointer;transition:all .2s ease-in-out}.music-container .music-footer .music-playing svg:hover{transform:scale(1.1);filter:brightness(.7)}.music-container .music-footer .items{width:100%;display:flex;align-items:center;justify-content:center;gap:6rem}.music-container .music-footer .items .item{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--phone-text-primary);font-size:16px;opacity:.6;cursor:pointer;transition:all .2s ease-in-out}.music-container .music-footer .items .item svg{font-size:30px}.music-container .music-footer .items .item:hover{color:var(--phone-color-blue);opacity:1}.music-container .music-footer .items .item[data-active=true]{color:var(--phone-color-blue);opacity:1;font-weight:500}