@charset "UTF-8";.homebrowse{padding:1.5rem 0 1.5rem .5rem}.homebrowse .btitle{font-size:1.15rem;margin-bottom:1rem;padding-left:.25rem}.homebrowse .browselist{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.homebrowse .browseitem{font-weight:500;padding:1.25rem 1rem;background-color:#1a1919;color:#ffffffde;transition:background-color .2s ease-out;display:grid;grid-template-columns:max-content 1fr;place-items:center;gap:.5rem}.homebrowse .browseitem .icon{height:1.75rem}.homebrowse .browseitem svg{height:1.75rem;color:#8e8e93}.homebrowse .settings svg{color:#ac8e68}.homebrowse .reload svg{width:1.25rem}.homebrowse .browseitem:hover{background-color:#2c2c2e}.play-btn{aspect-ratio:1;padding:0;background:#055ee2;display:grid;place-items:center}.play-btn svg{transition:transform .2s ease;height:1.75rem}.p-card{background-color:#2c2c2e45;display:grid;grid-template-rows:1fr max-content;padding:.75rem;gap:.5rem;user-select:none;height:max-content;transition:background-color .2s ease-out}.p-card .image{position:relative}.p-card .image-grid{display:grid;grid:repeat(2,1fr)/repeat(2,1fr);position:relative}.p-card:hover{background-color:#3a3a3c!important;background-blend-mode:screen}.p-card .play-btn{opacity:0;position:absolute;width:4rem;bottom:.5rem;left:calc(50% - 2rem);transition:all .25s}.p-card:hover{background-color:#3a3a3c}.p-card:hover .play-btn{opacity:1;transform:translateY(-.75rem)}.p-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:all .5s ease}.p-card .overlay{display:flex;flex-direction:column;justify-content:flex-end;transition:all .25s ease}.p-card .overlay .p-name{font-weight:600}.p-card .overlay .p-count{font-size:.75rem;color:#ffffffbf;margin-top:.25rem}.see-all{font-size:.75rem;opacity:.75}.see-all a:hover{text-decoration:underline}.master-flag{font-size:10px;font-weight:600;margin-left:.25rem;padding:2px 5px;border-radius:4px;opacity:.75;text-transform:uppercase}.album-card{display:grid;gap:.5rem;padding:.75rem;border-radius:1rem;height:max-content;transition:background-color .2s ease-out}.album-card.context-menu-open{background-color:#2c2c2e}.album-card .with-img{position:relative}.album-card .with-img img{display:block;height:100%;aspect-ratio:1;object-fit:cover}.album-card .with-img .gradient{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.album-card .with-img:hover .play-btn{transform:translateY(0);opacity:1}.album-card .with-img:hover .gradient{opacity:1}.album-card .play-btn{position:absolute;bottom:1rem;right:calc((100% - 4rem)/2);opacity:0;transform:translateY(1rem);transition:all .25s;width:4rem}.album-card:hover{background-color:#2c2c2e}.album-card img{width:100%;aspect-ratio:1}.album-card h4{margin:0}.album-card .title{margin-bottom:.15rem;font-size:.95rem;width:fit-content;position:relative}.album-card .artist{font-size:.8rem;text-align:left;opacity:.75;font-weight:700}.album-card .artist a{cursor:pointer!important}.album-card .artist a:hover{text-decoration:underline}.album-card .versions{display:flex;gap:.25rem;margin-top:.5rem;margin-left:-.25rem}.artist-card{overflow:hidden;position:relative;border-radius:.75rem;justify-content:center;padding:1.2rem 1rem!important;font-size:.95rem;font-weight:700;height:max-content;transition:background-color .2s ease-out}.artist-card.context-menu-open{background-color:#2c2c2e}.artist-card .image{position:relative}.artist-card .image .overlay{position:absolute;width:100%;height:calc(100% - .5rem + 1px);top:0;opacity:0;transition:opacity .25s ease}.artist-card .play-btn{opacity:0;position:absolute;width:4rem;bottom:0;left:calc(50% - 2rem);transition:all .25s}.artist-card:hover{background-color:#2c2c2e}.artist-card:hover .play-btn{opacity:1;transform:translateY(-1.25rem)}.artist-card:hover .overlay{opacity:1}.artist-card .artist-image{width:100%;transition:all .5s ease-in-out;object-fit:cover;margin-bottom:.25rem}.artist-card .artist-name{word-break:break-word}.artist-card .racount{font-size:12px;color:#ffffffbf}@keyframes placeholderAnimate{0%{background-position:-650px 0}to{background-position:650px 0}}.card-placeholder{padding:.75rem}.card-placeholder .holder{background-color:#1a1919;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(to right,#1a1919 2%,#2c2c2e 18%,#1a1919 33%);background-size:1300px}.card-placeholder .image{width:100%;aspect-ratio:1;background-color:#1a1919}.card-placeholder .help,.card-placeholder .itemcount{margin-top:.5rem;height:1rem;border-radius:.25rem}.card-placeholder .help{height:0}.card-placeholder .itemcount{width:100%}.card-placeholder .name{width:80%;border-radius:.25rem;height:1rem;margin-top:.5rem}.card-placeholder.with_helptext .help{height:1rem;width:70%}.card-placeholder.with_helptext .name{width:100%}.card-placeholder.with_helptext .itemcount{width:85%}.favoritescard{padding:.75rem;position:relative}.favoritescard .img,.favoritescard .overlay{width:100%;aspect-ratio:1/1;border-radius:.5rem;margin-bottom:.75rem}.favoritescard .img{overflow:hidden}.favoritescard .img .blur{height:100%;width:100%;background-image:linear-gradient(37deg,#2c2c2e,#1a1919,#1a1919);background-size:cover;background-position:center;filter:brightness(.5) blur(15px);background-color:#00000080;overflow:hidden;opacity:.5}.favoritescard .overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:.75rem;left:.75rem;width:calc(100% - 1.5rem);z-index:1}.favoritescard .heart{color:#ff375f}.favoritescard .play-btn{position:absolute;width:4rem;bottom:0;opacity:0;transition:all .25s}.favoritescard .fcount{font-size:.8rem;opacity:.75;padding-top:2px}.favoritescard:hover{background-color:#3a3a3c}.favoritescard:hover .play-btn{opacity:1;transform:translateY(-1rem)}.favoritescard .info .title{font-weight:600;font-size:.95rem}.foldercard{padding:.75rem;display:flex;flex-direction:column;height:max-content;transition:background-color .2s ease-out}.foldercard .title{font-weight:700;font-size:.95rem}.foldercard .play-btn{position:absolute;width:4rem;bottom:0;opacity:0;transition:all .25s}.foldercard:hover{background-color:#3a3a3c}.foldercard:hover .play-btn{opacity:1;transform:translateY(-1rem)}.foldercard svg.bg{transform:scale(2);color:#636366}.foldercard .rimg{position:relative;width:100%;aspect-ratio:1;background-color:#1a1919;background-image:linear-gradient(37deg,#2c2c2e,#1a1919,#1a1919);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.foldercard .rtcount{font-size:.75rem;color:#ffffffbf;margin-top:.25rem}.artistname a{color:inherit;cursor:pointer!important}.artistname a:hover{text-decoration:underline}.trackcard{padding:.75rem;cursor:pointer;height:max-content;transition:background-color .2s ease-out}.trackcard .image{position:relative;margin-bottom:.5rem}.trackcard .play-btn{opacity:0;position:absolute;width:4rem;bottom:.5rem;left:calc(50% - 2rem);transition:all .25s}.trackcard:hover{background-color:#3a3a3c}.trackcard:hover .play-btn{opacity:1;transform:translateY(-.75rem)}.trackcard .ttitle{font-weight:600;font-size:.95rem}.trackcard img{width:100%;aspect-ratio:1;object-fit:cover}.trackcard .artist{font-size:.8rem;font-weight:700;opacity:.86;opacity:.75}.miximage{position:relative;aspect-ratio:1}.miximage .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5))}.miximage .infooverlay{position:absolute;bottom:.5rem;z-index:1;left:.5rem}.miximage .infooverlay .type{font-size:.9rem;font-weight:900;text-transform:capitalize}.miximage .infooverlay .title{font-size:1.15rem;font-weight:900}.miximage .main{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.59rem}.miximage .images{border-radius:.59rem;overflow:hidden;height:100%;width:100%;position:relative}.miximage .images img{position:absolute;top:50%;transform:translateY(-50%);left:0;height:50%;object-fit:cover;border-radius:0!important}.miximage .images img:nth-child(2){left:25%}.miximage .images img:nth-child(3){left:50%}.miximage.on_header{height:100%}.miximage.on_header img{border-radius:1.1rem}.miximage.on_header .gradient{border-radius:1rem}.miximage.on_header .infooverlay{padding:.5rem}.miximage.on_header .infooverlay .type{font-size:1.25rem;font-weight:900}.miximage.on_header .infooverlay .title{font-size:2rem;font-weight:900}.mixcard{padding:.75rem}.mixcard:hover{background-color:#1a1919;cursor:pointer}.mixcard .info{margin-top:.5rem}.mixcard .info .title{font-size:1rem;font-weight:600}.mixcard .info .description{font-size:.8rem;font-weight:500;color:#8e8e93;margin-top:.25rem}.cardscroller{padding:1.5rem 0}.cardscroller .recentitems{gap:1.5rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10.75rem,1fr))}@media only screen and (max-width: 460px){.cardscroller .recentitems{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}}.cardscroller .p-card{background-color:transparent}.cardscroller .rinfo{padding:0 .75rem;margin-bottom:.75rem}.cardscroller .rinfo .rtitle{font-size:1.15rem;display:flex;align-items:baseline;justify-content:space-between}.cardscroller .rinfo .rdesc{font-size:.9rem;color:#ffffffbe;display:flex;align-items:baseline;justify-content:space-between}.cardscroller .to_playlist{background-color:#fff;color:#000;border:1px solid #fff;padding:1.25rem 2rem;margin:1rem}.cardscroller .hlistitem .rhelp .time,.cardscroller .hlistitem:hover .rhelp .help{display:none}.cardscroller .hlistitem:hover .keep{display:block!important}.cardscroller .hlistitem:hover .rhelp .time{display:block}.generichead{padding:0 0 1rem .75rem;height:max-content;align-items:center;overflow:hidden;max-width:100%}.generichead .before{display:grid;grid-template-columns:1fr max-content}.generichead .right{display:flex;align-items:center;height:100%}.generichead .after{margin-top:2rem;margin-left:-.75rem}.generichead .left{max-width:100%;overflow:hidden}.generichead h1{width:max-content;margin:0;font-size:3.25rem}.generichead .title{font-weight:700;margin-left:-1px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.generichead .desc{font-size:1rem;line-height:1.5;font-weight:500}@media only screen and (max-width: 460px){.generichead{gap:1rem;grid-template-columns:repeat(auto-fill,100%)}}.homepageview{height:100%;overflow:auto}.homepageview .generichead{margin-bottom:0}.context-item{cursor:pointer;width:100%;display:flex;align-items:center;padding:.4rem;position:relative;border-radius:.5rem;transition:background-color .2s ease-out}.context-item .more{height:1.5rem;width:1.5rem;position:absolute;right:2px;bottom:6px;transform:scale(.65)}.context-item .children{position:absolute;width:12rem;z-index:10;transform:scale(0);background-color:#2c2c2e;padding:.5rem .25rem;border:solid 1px #48484a;opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out}.context-item .children ::-webkit-scrollbar-thumb{background-color:transparent}.context-item .children:hover ::-webkit-scrollbar-thumb{background-color:#636366}.context-item .children:hover ::-webkit-scrollbar-thumb:hover{background-color:#8e8e93}.context-item .children .wrapper{padding:0 .25rem;overflow:auto;overflow-x:hidden;max-height:calc(50vh - 2rem);-webkit-overflow-scrolling:touch}.context-item .children .context-item{line-height:1.2;padding:.5rem 1rem;padding:.4rem .6rem}.context-item .children .separator{padding:0}.context-item:hover{background:#234ece}.context-item .icon{height:1.25rem;width:1.25rem;margin-right:.5rem}.context-item .icon svg{height:100%;width:100%}.context-item:nth-child(2) .icon>svg{transform:scale(.85)}.context-item .label{width:9rem}.context-item:has(.children)>.children{cursor:initial!important}.context-menu{position:fixed;top:0;left:0;width:13rem;z-index:1000!important;height:min-content;padding:.5rem;background:#2c2c2e;transform-origin:top left;font-size:.875rem;font-weight:500;opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out}.context-menu .separator{height:1px;padding:0;margin-left:-.75rem;width:calc(100% + 1.5rem);pointer-events:none}.context-menu .critical{color:#f7635c;transition:background-color .2s ease-out,color .2s ease-out}.context-menu .critical:hover{background-color:#f7635c;color:#ffffffde}.swing-logo{font-weight:600;display:flex;align-items:center;gap:.75rem;padding-left:1rem;border:solid 1px #2c2c2e;background-image:linear-gradient(37deg,rgb(29,28,28),transparent);transition:background-color .2s ease-out}.swing-logo svg{transform:scale(1.25)}.swing-logo:hover{background-color:#2c2c2e}.passinput{position:relative}.passinput .showpass{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;cursor:pointer;opacity:0;transition:all .2s ease-in-out;transition-delay:0}.passinput .showpass svg{width:1.25rem;aspect-ratio:1;color:#b8b8b8}.passinput .showpass.show{opacity:1;transition-delay:1s}.passinput input{width:100%;padding:.5rem;margin:.5rem 0;border:solid 1px #2c2c2e;border-radius:.5rem;border:none;background-color:#2c2c2e;height:2.75rem;font-size:1rem;padding:1rem;color:#ffffffde}.passinput input:focus{outline:solid 2px rgba(255,255,255,.8705882353)}.loginuser{display:grid;text-align:center;place-items:center;padding:.5rem;gap:.5rem;width:max-content}.loginuser.selected{pointer-events:none}.loginuser>.username{font-weight:500}.loginuser:hover{background-color:#48484a;cursor:pointer}.loginmodal{height:35rem;display:grid;grid-template-rows:max-content 1fr max-content;max-height:calc(100vh - 4rem)}.loginmodal .alcontent{padding-bottom:2rem;overflow:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.loginmodal .guestlink{padding:1rem;width:fit-content;margin:0 auto;color:#636366;display:flex;text-decoration:underline}.loginmodal .guestlink>*{cursor:pointer}.loginmodal .helptext{padding:0 .5rem;text-align:center;margin:1.5rem 0;color:#ffffffde}.loginmodal .helptext .h2{font-size:2rem;font-weight:700;margin-top:0}.loginmodal .head{text-align:center;border-bottom:solid 1px #2c2c2e;padding:1rem;user-select:none;display:flex;justify-content:space-between;align-items:center}.loginmodal .head .back{background:none;transform:rotate(180deg);opacity:0}.loginmodal .head .back span{transform:rotate(180deg)}.loginmodal .head .back2{visibility:hidden}.loginmodal .head.selected .back{opacity:1;transition:all .25s}.loginmodal .swing-logo{width:max-content;padding:.5rem 2rem;background:none;border:none;pointer-events:none}.loginmodal .swing-logo svg{transform:scale(.85)}.loginmodal .selected-user{display:grid;place-items:center;margin-top:2rem}.loginmodal .userlist{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 0}.loginmodal form{width:60%;margin:0 auto;margin-top:1rem;display:grid;align-items:center}.loginmodal form input{font-size:1rem;width:100%;height:3rem;padding:1rem;border:none;outline:none;background-color:#2c2c2e;color:#ffffffde;text-align:center}.loginmodal form .submit{width:7rem;border-radius:4rem;margin:0 auto;height:3rem;background-color:#055ee2;margin-top:1rem;transition:color .2s ease-out}.loginmodal form .submit:hover{color:#fff}.loginmodal form .submit.long{width:100%;border-radius:.5rem}.confirm-modal .t-center{font-weight:500}.confirm-modal .buttons{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.confirm-modal .confirm{background:#f7635c}.playlist-modal{grid-gap:1rem;margin-top:1rem}.playlist-modal label{font-size:.9rem;font-weight:500;color:#8e8e93}.playlist-modal .submit{display:flex;justify-content:flex-end}.playlist-modal button{margin:0 auto;width:8rem;padding:1.25rem;background-color:#ffffffde;color:#181a1c}.playlist-modal button:hover{color:#ffffffde}.root-dirs-prompt .option{padding:1.25rem;border-radius:.5rem;position:relative;background-color:#4e4b4b3f;margin-top:1.25rem;cursor:pointer;transition:background-color .2s ease-out}.root-dirs-prompt .option:hover{background-color:#055ee2}.root-dirs-prompt .option .info{margin-top:.25rem;font-size:small;font-weight:500}.designatedOS .breadcrumb-nav::-webkit-scrollbar{display:none}.breadcrumb-nav{display:flex;gap:.25rem}.breadcrumb-nav .path{white-space:nowrap;margin:auto 0;cursor:pointer;display:flex;align-items:center}.breadcrumb-nav .path .text{font-size:1rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s ease-out}.breadcrumb-nav .path:before{content:"\2215";margin-right:.25rem;color:#636366;font-size:1rem}.breadcrumb-nav .path:last-child{padding-right:.25rem}.breadcrumb-nav .path:hover .text{background-color:#1a1919}.breadcrumb-nav .inthisfolder>.text{background-color:#1a1919;transition:all .5s}.f-item{height:4rem;display:grid;grid-template-columns:max-content 1fr;align-items:center;background-color:#1a1919;border-radius:.75rem;position:relative;padding:0 0 0 1rem;gap:.5rem;transition:background-color .2s ease-out}.f-item.context_menu_showing{background-color:#3a3a3c}.f-item svg{color:#8e8e93;height:1.75rem}.f-item .f-count{font-size:.75rem;font-weight:700;color:#8e8e93;white-space:nowrap}.f-item .check{z-index:10;position:absolute;top:.25rem;right:.25rem;border:none;outline:none;color:#055ee2;transform:scale(.75)}.f-item .f-item-text{font-weight:600;margin-right:1rem}.f-item:hover .options{display:block}.bread-nav{background-color:#3a3a3c;padding:.25rem;padding-right:0;width:max-content;margin-bottom:1rem;position:absolute;top:-3.25rem;max-width:calc(100% - 2rem);max-width:100%;overflow:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:flex;align-items:center}.bread-nav span{cursor:pointer}.bread-nav{scrollbar-width:none}.bread-nav::-webkit-scrollbar{display:none}.bottom-text{position:absolute;font-size:small;bottom:-1.25rem;width:100%;opacity:.5}.set-root-dirs-browser{height:27rem;margin-right:-1rem;display:grid;grid-template-rows:1fr max-content;gap:1.25rem}.set-root-dirs-browser .folder_icon{vertical-align:2px;margin-right:4px}.set-root-dirs-browser .scrollable{overflow-x:hidden;height:100%;padding-right:1rem;padding:1rem 1rem 1rem 0;overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.set-root-dirs-browser .scrollable .content{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.5rem;overflow:hidden}.set-root-dirs-browser .buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-right:1rem;margin-bottom:-.75rem}.set-root-dirs-browser .buttons>*{cursor:pointer;margin:0}.set-root-dirs-browser .buttons button{font-weight:500;padding:0 1rem;font-variant-numeric:tabular-nums}.set-root-dirs-browser .f-item{background-color:#2c2c2e;transition:background-color .2s ease-out}.set-root-dirs-browser .f-item:hover{background-color:#48484a}.set-root-dirs-browser .f-item>svg{transition:color .2s ease-out}.set-root-dirs-browser .f-item.selected{background-color:#234ece}.set-root-dirs-browser .f-item.selected>svg{color:#ffffffde}.setting-item.is-list{display:block!important}.setting-item.is-list .list-items{border:solid 1px #2c2c2e;border-radius:.5rem;margin-top:1rem;overflow:hidden;padding:1rem 0}.setting-item.is-list .option-list-item{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.setting-item.is-list .option-list-item svg{flex-shrink:0;width:1.25rem;display:block}.setting-item.is-list .option-list-item .with-icon{display:flex;gap:.5rem;align-items:center;font-family:SF Mono,monospace;font-weight:500;font-size:.9rem}@media only screen and (max-width: 420px){.setting-item.is-list .option-list-item .with-icon{font-size:.75rem}}.setting-item.is-list .option-list-item .icon{cursor:pointer}.lockernumberinput{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.lockernumberinput .number{text-align:center;font-weight:500;font-variant-numeric:tabular-nums}.lockernumberinput button{width:2.25rem}.freenuminput{height:2rem;border:solid 1px #3a3a3c;position:relative}.freenuminput input{font-size:.875rem;font-variant-numeric:tabular-nums;width:4rem!important;border:none;outline:none;background-color:transparent;text-align:center;height:100%}.freenuminput .spinner{position:absolute;left:-2rem;top:6px;border-color:#2c2c2e;border-top-color:#fff}.freenuminput input::-webkit-outer-spin-button,.freenuminput input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.freenuminput input[type=number]{-moz-appearance:textfield}.setting-select{display:flex;background-color:#48484a}.setting-select .option{font-weight:500;padding:.5rem;cursor:pointer;user-select:none;min-width:4rem;text-align:center;transition:background-color .2s ease-out}.setting-select .option.active{background-color:#234ece}.artist-separators-input{margin-top:.5rem}.artist-separators-input input{width:100%;border:none;outline:none;padding:.5rem;background-color:#2c2c2e;color:#fff;font-size:1rem;appearance:none}.artist-separators-input .preview{display:flex;gap:.5rem;margin:.75rem 0}.artist-separators-input .preview span{background-color:#48484a;color:#fff;font-size:1rem;padding:.25rem 1rem;font-size:14px}.artist-separators-input .preview span.new{background-color:#055ee2}.artist-separators-input button{padding:0 1rem}.switch{height:1.5rem;background-color:#6d6c6c;width:2.5rem;padding:.25rem;position:relative;transition:all .25s ease;cursor:pointer}.switch .circle{transition:all .25s ease;height:1rem;aspect-ratio:1;background-color:#e2e2e2;position:absolute;left:.25rem}.toggled{background-color:#234ece;transition-delay:.15s}.toggled .circle{background-color:#fff;left:calc(100% - 1.25rem)}.profilesettings .profileavatar{display:flex;flex-direction:column;align-items:center}.profilesettings .profileavatar .name{font-weight:500;margin-top:.5rem}.profilesettings .roles{margin-top:.5rem}.profilesettings .updateprof{width:60%;margin:0 auto;margin-top:1rem}.profilesettings .updateprof .names{margin-bottom:1rem}.profilesettings .updateprof .confirmpassword{margin-top:1rem}.profilesettings .updateprof label{margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:#8e8e93}.profilesettings .updateprof input{width:100%;padding:.5rem;margin:.5rem 0;border:solid 1px #2c2c2e;border-radius:.5rem;border:none;background-color:#2c2c2e;height:2.75rem;font-size:1rem;padding:1rem;color:#ffffffde}.profilesettings .updateprof input:focus{outline:solid 2px rgba(255,255,255,.8705882353)}.profilesettings .updateprof .error{color:#f7635c}.profilesettings .updateprof button{background:#055ee2;padding:.75rem 1.5rem;margin:1rem auto}.togglesetting{display:grid;grid-template-columns:1fr max-content;align-items:center;padding:.5rem}.togglesetting.disabled{opacity:.5;pointer-events:none}.togglesetting:hover{background-color:#2c2c2e}.accountsettings{width:100%}.accountsettings .list-move,.accountsettings .list-leave-active{transition:all .1s ease}.accountsettings .list-enter-active{transition:all .5s ease}.accountsettings .list-enter-from,.accountsettings .list-leave-to{opacity:0;transform:translateY(15px)}.accountsettings .list-leave-active{position:absolute}.accountsettings .adduser svg{height:75%}.accountsettings .asettings{margin:0 0 1rem;padding-bottom:1rem;border-bottom:solid 1px #2c2c2e}.accountsettings .ahead{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem}.accountsettings .ahead>button.adduser{padding-right:.75rem}.accountsettings .h2{padding-left:.25rem;font-size:1.15rem;font-weight:700}.accountsettings .usercard{width:100%;padding:1rem;padding-bottom:0;margin-top:1rem;border:solid 1px #2c2c2e;cursor:pointer}.accountsettings .usercard:hover{background-color:#2c2c2e}.accountsettings .usercard .userinfo{display:grid;grid-template-columns:max-content 1fr max-content;align-items:center;padding-bottom:1rem}.accountsettings .usercard .details{display:flex;justify-content:space-between;padding-left:1rem;width:100%}.accountsettings .usercard .delete{cursor:pointer;color:#ffffffde;margin-left:1rem;transition:all .25s ease}.accountsettings .usercard .delete:hover{color:#f87373}.accountsettings .usercard .delete{height:1.5rem;color:#8e8e93}.accountsettings .usercard.secondchild{margin-top:1.75rem!important}.accountsettings .usercard.secondchild:before{content:"";position:absolute;top:-1rem;left:45%;width:10%;height:1px;background-color:#2c2c2e}.accountsettings .usercard.selected{padding-bottom:1rem}.accountsettings .usercard.selected .usettins{border-top:solid 1px #3a3a3c}.accountsettings .usettins{padding-top:.5rem}.accountsettings .usettins .label{color:#8e8e93;font-size:14px;margin-top:.5rem}.accountsettings .usettins .togglesetting:last-child{padding-bottom:0}.pairing{text-align:center}.pairing .qrcode,.pairing .loader{height:300px}.pairing .loader{display:grid;place-items:center}.pairing .spinner{border-color:transparent;border-top-color:#8e8e93;margin:0 auto}.pairing .serverurl{width:fit-content;margin:0 auto;padding:.25rem;font-size:12px;font-family:SF Mono;color:#ff9f0a}.smdropdown{z-index:1000}.smdropdown .dropdown-arrow{width:100%;aspect-ratio:1}.smdropdown .selected{width:100%;display:grid;grid-template-columns:1fr 2rem;gap:.25rem;padding-left:.75rem;padding-right:0;text-transform:uppercase;font-size:12px!important;background-color:transparent;outline:solid 1px #2c2c2e}.smdropdown .selected svg{transform:rotate(90deg) scale(.65)}.smdropdown .selected svg.reverse{transform:rotate(-90deg) scale(.65)}.smdropdown .selected.showDropDown{outline:solid 1px #636366}.smdropdown .select{position:relative;display:flex;align-items:center;font-size:calc(.75rem + 2px);z-index:10}.smdropdown .select .options{background-color:#1a1919;position:absolute;top:120%;padding:.5rem;display:grid;width:100%}.smdropdown .select .option{font-weight:500;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease-out}.smdropdown .select .option:hover{background-color:#2c2c2e}.smdropdown .select .option:last-child{border-bottom:none}.smdropdown .select .current{background-color:#3a3a3c}.aboutswingmusic{padding:.5rem}.aboutswingmusic .version{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;border-bottom:solid 1px #3a3a3c;padding-bottom:1rem}.aboutswingmusic .links .flex{flex-wrap:wrap;margin-top:.5rem;gap:1rem}.aboutswingmusic .contact button{background-color:#0a84ff}.aboutswingmusic h2{margin-top:0;margin-bottom:.25rem}.backup-restore{position:relative}.backup-restore .itemlist{display:grid;gap:.5rem}.backup-restore .itemlist .item{display:grid;grid-template-columns:1fr 100px;gap:1rem;padding:1rem;border:solid 1px #48484a;align-items:center}.backup-restore .itemlist .item .texts{display:flex;flex-direction:column;gap:.5rem}.backup-restore .itemlist .item .item__info{display:flex;justify-content:space-between}.backup-restore .itemlist .item .item__info .item__name{font-size:.5rem;color:#48484a;font-family:SF Mono}.backup-restore .itemlist .item__stats{display:flex;gap:.5rem;font-size:.8rem;color:#8e8e93}.backup-restore .restore-all{width:100%;margin-top:2rem}.backup-restore .backupnow{position:absolute;right:-.5rem;top:-2.75rem}.backup-restore .separator{width:calc(100% + .5rem);margin-top:1rem}.backup-restore .helptext{font-size:small;color:#8e8e93;font-weight:400;margin-top:-.25rem}.backup-restore .buttons{display:flex;gap:1rem;align-items:center}.backup-restore .buttons svg{height:1.2rem;cursor:pointer}.backup-restore .buttons svg:hover{color:#f7635c}.secretinput{display:grid;grid-template-columns:1fr max-content;gap:1rem;width:100%}.secretinput .left{display:flex;align-items:center;gap:1rem;position:relative;background-color:#2c2c2e}.secretinput .left input{height:100%;width:100%;border:none;outline:none;background:none;padding:.5rem;font-size:12px;font-family:SF Mono;color:#fff0}.secretinput .left svg{height:1rem}.secretinput .left button{background:none}.settingsgroup{display:grid;gap:.5rem;margin-top:2rem;padding-bottom:2rem}.settingsgroup:first-child{margin-top:0}.settingsgroup .info{margin-left:.25rem;margin-bottom:.5rem}.settingsgroup h4{margin:.5rem auto}.settingsgroup .desc{opacity:.5;font-size:.8rem;font-weight:500}@media only screen and (max-width: 460px){.settingsgroup .setting{padding:1rem .5rem}}.settingsgroup .setting .inactive{opacity:.5;pointer-events:none}.settingsgroup .setting>*{display:grid;grid-template-columns:1fr max-content;gap:.5rem}@media only screen and (max-width: 420px){.settingsgroup .setting>*{display:flex;flex-wrap:wrap}}.settingsgroup .setting-item{user-select:none;border-bottom:solid 1px #2c2c2e;padding:1.25rem 0}.settingsgroup .setting-item .options{margin:auto 0}.settingsgroup .setting-item .text{cursor:pointer;display:flex;flex-direction:column;align-items:self-start;width:100%}.settingsgroup .setting-item .text .title{font-weight:500;margin:auto 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;width:100%}.settingsgroup .setting-item .text .title button{padding-right:.75rem}.settingsgroup .setting-item .text .title button>svg{transform:scale(.65)}.settingsgroup .setting-item .text .desc{margin-top:.25rem}.settingsgroup .setting-item:first-child{padding-top:0}.settingsgroup .setting-item:last-child{border-bottom:none;padding-bottom:0}@media only screen and (max-width: 360px){.settingsgroup .info~.setting>.setting-item{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}}.settingsmodalcontent{width:100%;padding:0 1rem;height:100%;max-height:calc(100vh - 6.85rem);overflow:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 900px){.settingsmodalcontent{max-height:calc(100vh - 4.85rem)}}.settingssidebar{border-right:solid 1px #3a3a3c;background-color:#1a1919;padding:1.5rem;display:grid;grid-template-rows:1fr max-content;user-select:none;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 4rem)}@media only screen and (max-width: 900px){.settingssidebar{max-height:calc(100vh - 2rem)}}@media only screen and (max-width: 660px){.settingssidebar{padding:1rem}}.settingssidebar .groups{display:flex;flex-direction:column}.settingssidebar .groups .group:first-child .gitems .gitem{margin-top:0}.settingssidebar .appversion{pointer-events:none;font-size:12px;padding:0 .5rem;color:#8e8e93}.settingssidebar .gtitle{font-weight:700;font-size:14px;margin:1.25rem 0 .25rem .5rem}.settingssidebar .gitems{display:flex;flex-direction:column}.settingssidebar .gitem{padding:.5rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;color:#9c9c9c;font-weight:500;font-size:14px;margin-top:.25rem;position:relative;transition:background-color .2s ease-out,color .2s ease-out}@media only screen and (max-width: 660px){.settingssidebar .gitem{padding:.551rem}}.settingssidebar .gitem svg{width:1.25rem;transition:color .2s ease-out}.settingssidebar .gitem .icon{height:1.25rem}.settingssidebar .gitem:hover{background-color:#2c2c2e}.settingssidebar .gitem.active{background-color:#2c2c2e;color:#ffffffde;font-weight:700}.settingssidebar .gitem.active svg{color:#ffffffde}.settingssidebar .gitem.about{margin-top:14px}.settingssidebar .gitem.about:before{content:"";height:1px;position:absolute;top:-.5rem;left:0;background-color:#2c2c2e;width:100%}.settingsmodal{display:grid;grid-template-columns:15rem 1fr}.settingsmodal .content{display:grid;grid-template-rows:4rem 1fr}.settingsmodal .content .head{border-bottom:solid 1px #3a3a3c;padding:0 2rem;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 460px){.settingsmodal .content .head{padding:0 1.75rem}}.settingsmodal .content .head .h2{margin:0;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:1rem}.settingsmodal .content .head .back{margin-left:-1rem;background-color:transparent}.settingsmodal .content .head .desc{opacity:.5;font-size:.8rem}.settingsmodal .roles{display:flex;gap:.5rem}.settingsmodal .roles .role{padding:2px .25rem;border-radius:.25rem;border:solid 1px #ac8e68;color:#ac8e68;font-size:10px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.settingsmodal.isSmallPhone{grid-template-columns:1fr}.settingsmodal.isSmallPhone .settingssidebar{border-right:none}#playlist-update-modal input{height:3rem!important}.playlist-modal #modal-playlist-name-input{margin-bottom:1rem}.playlist-modal .boxed{border:solid 2px #3a3a3c;color:#8e8e93;place-items:center;display:grid;grid-template-columns:1fr max-content}.playlist-modal .banner-settings{font-weight:500;padding:1rem;background-color:#2c2c2e;display:grid;grid-template-columns:1fr max-content;align-items:center;gap:.5rem;margin:.5rem 0 1rem}.playlist-modal #upload{width:100%;display:grid;gap:.5rem;border:none;margin:.5rem 0 1rem}.playlist-modal #upload svg{height:2rem}.playlist-modal #upload #update-pl-img-preview{width:4.5rem;height:4.5rem;border-radius:.5rem;object-fit:cover;background-color:#3a3a3c;position:relative}.playlist-modal #upload .clickable{font-weight:500;height:100%;width:100%;display:flex;gap:.25rem;place-items:center;place-content:center;border-radius:.5rem;border:dashed 1px #3a3a3c;cursor:pointer;padding:.75rem}.playlist-modal #upload .clickable svg{transform:scale(.75);flex-shrink:0}.playlist-modal #upload .delete-icon{position:absolute;width:100%;height:100%;background-color:#00000085;border-radius:.5rem;transition:all .2s ease-out;display:flex;place-content:center;place-items:center;cursor:pointer}.playlist-modal #upload .delete-icon svg{transform:scale(1);color:#fff;transition:transform .2s ease-out}.playlist-modal #upload .delete-icon:hover{background-color:#f7635c}.playlist-modal #upload .delete-icon:hover svg{transform:scale(1.25);transform-origin:center}.playlist-modal .banner-position-adjust{gap:1rem;padding:.5rem 1rem;margin-bottom:1rem}.playlist-modal .banner-position-adjust .t-center{position:relative;font-weight:500;font-variant-numeric:tabular-nums}.playlist-modal .banner-position-adjust .buttons{display:grid;gap:.5rem}.playlist-modal .banner-position-adjust .buttons button{aspect-ratio:1;height:2rem;width:2rem;border:none;background-color:#3a3a3c;padding:0}.playlist-modal .banner-position-adjust .buttons button:first-child{transform:rotate(-90deg)}.playlist-modal .banner-position-adjust .buttons button:last-child{transform:rotate(90deg)}.playlist-modal .banner-position-adjust .buttons button:hover{background-color:#0a84ff}.modal{position:fixed;z-index:21;height:100vh;width:100vw;display:grid;place-items:center}.modal input[type=search]{margin:.5rem 0;border:none;background-color:#2c2c2e;color:#fff;width:100%;padding:.5rem .75rem;font-size:14px;outline:none;height:2.75rem!important}.modal .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009}.modal .m-content{width:calc(100% - 4rem);max-height:calc(100% - 4rem);padding:2rem 1.25rem;position:relative;background-color:#181a1c}@media only screen and (max-width: 900px){.modal .m-content{width:calc(100% - 2rem);max-height:calc(100% - 2rem);padding:2rem 1rem}}.modal .m-content.settings{max-width:50rem!important;padding:0;overflow:hidden}.modal .m-content.authlogin{padding:0}.toasts{position:fixed;bottom:6rem;left:50%;width:100%;transform:translate(-50%);z-index:1003;display:flex;align-items:center;flex-direction:column-reverse;gap:1rem}.new-notif{position:relative;font-size:.85rem;font-weight:600;color:#ffffffde;display:grid;place-items:center;width:100%;max-width:18rem;min-height:4rem;padding:1rem 1.5rem 1rem .75rem;border:1px solid #2c2c2e;background-color:#1a1919;box-shadow:0 0 2rem #0009;grid-template-columns:2rem 3fr;gap:.5rem}.new-notif .notif-text{width:100%}@media only screen and (max-width: 320px){.new-notif{max-width:calc(100% - 2rem)}}.new-notif.error>.notif-icon{color:#c54848}.new-notif.info>.notif-icon{color:#418dc0}.new-notif.favorite>.notif-icon,.new-notif.success>.notif-icon{color:#4cbd4c}.new-notif.working>.notif-icon{color:#ffffffde}.player-spinner{height:1.35rem;aspect-ratio:1;border:solid transparent;border-top:solid;border-left:solid;animation:spin .4s linear infinite}.hotkeys{display:grid;grid-template-columns:1fr 4rem 1fr;gap:1rem;height:100%;align-items:center}.hotkeys button{height:100%;padding:0;background:none;border:1px solid transparent;border-radius:0}.hotkeys button:hover{background:#234ece}.hotkeys button:first-child svg{transform:rotate(180deg)}.hotkeys button:first-child:active svg{transform:rotate(180deg) scale(.75)}.hotkeys button:nth-child(2){width:4rem}@media only screen and (max-width: 900px){.hotkeys{grid-template-columns:1fr max-content 1fr;position:relative;margin-right:-.5rem;gap:0}.hotkeys button:first-child{margin-left:.5rem}}@media only screen and (max-width: 660px){.hotkeys{display:flex;flex-shrink:0}.hotkeys button:first-child{margin-left:.25rem}}.hotkeys .playsvg{height:1.75rem}.side-nav-container{text-transform:capitalize;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.side-nav-container .nav-item{width:100%;display:flex;align-items:center;padding:.5rem 0;font-size:14px;font-weight:500;transition:background-color .2s ease-out}.side-nav-container .nav-item>div{display:flex;align-items:center}.side-nav-container .nav-item.active{background-color:#2c2c2e}.side-nav-container .nav-item:hover{background-color:#1a1919}.side-nav-container .nav-item.separator{height:1px;padding:0}@media only screen and (max-width: 900px){.side-nav-container{justify-content:space-between;flex-direction:row}.side-nav-container .nav-item{justify-content:center}.side-nav-container .nav-item span,.side-nav-container .separator{display:none}}@media only screen and (max-width: 900px){.side-nav-container .circular.nav-item:last-child{display:none}.side-nav-container .circular.nav-item:nth-child(3){display:none}}.side-nav-container svg{height:1.5rem;margin:0 .5rem;border-radius:.5rem;transform:scale(.9);opacity:.75}.side-nav-container svg.radiosvg{transform:scale(.7)}.heart-button{line-height:normal;align-items:center;gap:.25rem;border:none;color:#fff;aspect-ratio:1.5;background:rgba(255,255,255,.13)}.heart-button div{height:max-content;transform:scale(1)}.heart-button div svg{height:1.75rem;width:1.75rem;display:block}.heart-button:hover{background:transparent;border:none}.b-bar .right-group button.speaker{border-top:1px solid transparent!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.speaker{position:relative}.speaker .icon{height:100%;width:100%;display:grid;place-items:center}.speaker svg{transform:scale(.75)}.speaker .dialog{position:absolute;cursor:default;bottom:56px;left:-1px;height:48px;padding:0 6px;display:flex;align-items:center;gap:4px;background-color:#1a1919;border-top:1px solid #48484a;border-bottom:1px solid #48484a;border-right:1px solid #48484a;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-font-smoothing:antialiased;transform:rotate(270deg) translate(-50%) perspective(1px);transform-origin:left top;opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out}.speaker .dialog input{width:max-content;max-width:87px;margin:0;touch-action:pan-x;background:linear-gradient(to top,#ffffff,#ffffff) 0% 50% no-repeat,#3a3a3c}.speaker .dialog input::-webkit-slider-thumb{height:1rem;width:1rem;cursor:pointer}.speaker .dialog input::-moz-range-thumb{height:1rem;width:1rem;cursor:pointer}.speaker:hover .dialog{opacity:1;visibility:visible}.speaker .volume_indicator{font-weight:600;width:24px;height:18px;transform:rotate(90deg) translateZ(0)}.right-group{display:grid;justify-content:flex-end;grid-template-columns:repeat(5,max-content);align-items:center;height:4rem}@media only screen and (max-width: 900px){.right-group{width:max-content;height:unset}}.right-group button{height:3rem!important;width:3rem!important;background-color:transparent;border:solid 1px transparent}.right-group button:hover{border:solid 1px #48484a!important;background-color:#1a1919!important}.right-group .lyrics svg,.right-group .repeat svg{transform:scale(.75)}.right-group .lyrics:active>svg,.right-group .repeat:active>svg{transform:scale(.6)}.right-group button.repeat.repeat-disabled svg{opacity:.25}.right-group .heart-button{border:solid 1px #3a3a3c!important}.left-group{display:grid;grid-template-columns:max-content 1fr;gap:.75rem;align-items:center;font-size:small;font-weight:700;line-height:1.2;margin-right:.75rem}.left-group .np-image{position:relative;height:3rem}.left-group .np-image img{height:100%}.left-group .np-image .expandicon{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3339;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-out,height .2s ease-out,transform .2s ease-out,background-color .2s ease-out}.left-group .np-image .expandicon svg{transform:rotate(-90deg) scale(.92)}.left-group .np-image:hover .expandicon{transform:translateY(-.75rem);height:130%}.left-group .np-image:active .expandicon{background-color:#333333bd}@media only screen and (max-width: 660px){.left-group .np-image{flex-shrink:0;margin-right:.75rem}}@media only screen and (max-width: 360px){.left-group .np-image{margin-right:.5rem}}.left-group .heart-button{height:3rem;width:3rem;border:solid 1px #3a3a3c;padding:0}.left-group .track-info .title{color:#ffffffde;display:flex;align-items:center;margin-bottom:2px}.left-group .track-info .artistname{opacity:.75}.left-group .track-info .artistname a{font-size:.8rem}@media only screen and (max-width: 900px){.left-group .track-info{width:calc(100% + 8px)}}@media only screen and (max-width: 660px){.left-group .track-info{width:unset;flex-grow:1}}@media only screen and (max-width: 900px){.left-group{grid-template-columns:max-content 1fr max-content max-content;margin-right:unset}.left-group .heart-button{height:max-content;border:1px solid transparent}}@media only screen and (max-width: 660px){.left-group{display:flex;gap:0;max-width:calc(100% - 8px)}}.b-bar{display:grid;grid-template-columns:1fr max-content 1fr;align-items:center;z-index:1}@media only screen and (max-width: 900px){.b-bar{display:flex;flex-direction:column;align-items:unset;gap:.5rem;padding:.75rem 1rem}.b-bar:hover>.center>#progress::-webkit-slider-thumb{display:none;opacity:0;visibility:hidden}.b-bar:hover>.center>#progress::-moz-range-thumb{display:none;opacity:0;visibility:hidden}.b-bar:hover>.center>#progress::-ms-thumb{display:none;opacity:0;visibility:hidden}}.b-bar button{background:transparent;border-radius:.5rem;width:3rem;transition:background-color .2s ease-out,border-color .2s ease-out}.b-bar button:hover{border:solid 1px #48484a!important;background-color:#1a1919!important}@media only screen and (max-width: 900px){.b-bar button{height:3rem}}@media only screen and (max-width: 660px){.b-bar button{width:2.5rem;height:2.5rem}.b-bar button:nth-child(2){width:3.5rem}}@media only screen and (max-width: 320px){.b-bar button:first-child{display:none}.b-bar button:nth-child(2){margin-left:.25rem}.b-bar button:last-child{display:none}}.b-bar:hover #progress::-moz-range-thumb{height:1rem;width:1rem}.b-bar:hover #progress::-webkit-slider-thumb{height:1rem;width:1rem}.b-bar:hover #progress::-ms-thumb{height:1rem;width:1rem}.b-bar:hover .np-image .expandicon{opacity:1}.b-bar .with-time{display:grid;grid-template-columns:max-content 1fr max-content;align-items:flex-end;height:2rem}.b-bar .with-time button{background:transparent}.b-bar .center{display:grid;align-items:center;gap:.625rem;width:30rem}@media only screen and (max-width: 1080px){.b-bar .center{width:20rem!important}}@media only screen and (max-width: 900px){.b-bar .center{width:100%!important;margin:4px -16px;user-select:none;pointer-events:none}.b-bar .center>#progress{height:1px!important;width:100vw!important;margin:unset}}.b-bar .center .time{font-weight:500;font-size:.75rem}.b-bar .center .time .numbers{background-color:#48484a;border-radius:.25rem;padding:1px .25rem;font-variant-numeric:tabular-nums}.b-bar .buttons{display:grid;place-items:center;transform:scale(1.2);border:none}.bitrate{position:absolute;font-size:.75rem;font-weight:500;width:max-content;padding:.2rem .35rem;bottom:.75rem;left:.5rem;background-color:#3a3a3c;border-radius:.25rem;text-transform:uppercase}.l-image{width:100%}.sidebar-songcard{width:100%;position:relative;width:13rem}.sidebar-songcard img{cursor:pointer;width:100%;height:auto}.l-sidebar{width:15rem;grid-area:l-sidebar;display:grid;grid-template-rows:3.75rem 1fr max-content;border-right:solid 1px #2c2c2e;position:relative;padding:1rem}.l-sidebar .scrollable{height:100%;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:1rem 0}.l-sidebar .scrollable::-webkit-scrollbar-thumb{background-color:transparent}.l-sidebar:hover .scrollable::-webkit-scrollbar-thumb{background-color:#636366}.l-sidebar:hover .scrollable::-webkit-scrollbar-thumb:hover{background-color:#8e8e93}.clear_search{visibility:visible;cursor:pointer}.right>.gsearch-input>#ginner>input{width:150px}@media only screen and (max-width: 900px){.right>.gsearch-input>#ginner>input{width:100%}}.gsearch-input{display:grid;grid-template-columns:1fr max-content}.gsearch-input #ginner{width:100%;display:flex;align-items:center;border-radius:3rem;background-color:#2c2c2e;outline:solid 2px transparent;transition:outline-color .2s ease-out}.gsearch-input #ginner button{background:transparent;border:none;width:1.625rem;height:1.625rem;padding:0;margin-left:6px;margin-right:.25rem;border-radius:3rem;cursor:pointer;flex-shrink:0;color:#ffffffde}.gsearch-input #ginner button:hover{transition:all .2s ease;background-color:#636366}@media only screen and (max-width: 900px){.gsearch-input #ginner button{display:none}}.gsearch-input #ginner button.no_bg{pointer-events:none}.gsearch-input #ginner input{width:100%;border:none;line-height:2.25rem;color:inherit;font-size:14px;font-weight:500;background-color:transparent;outline:none;appearance:none;text-overflow:ellipsis}@media only screen and (max-width: 900px){.gsearch-input #ginner input{font-size:.9rem;font-weight:600;padding-right:.5rem}}.gsearch-input #ginner .clear_input{cursor:pointer;margin-right:.25rem;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out,background-color .2s ease-out;width:1.75rem;aspect-ratio:1;display:grid;place-items:center;flex-shrink:0}.gsearch-input #ginner .clear_input:hover{background-color:#1a1919}.gsearch-input #ginner .clear_input svg{height:1rem}@media only screen and (max-width: 900px){.gsearch-input #ginner .clear_input{width:2rem;border-radius:4px;margin-right:.5rem}}.gsearch-input #ginner .clear_input.active{opacity:1;visibility:visible}.gsearch-input #ginner .clear_input.active:active{opacity:.3}@media only screen and (max-width: 900px){.gsearch-input #ginner{border-radius:unset;background-color:transparent}}@media only screen and (max-width: 900px){.gsearch-input{width:100%}}.search-focused{outline:solid 2px #fff}@media only screen and (max-width: 900px){.search-focused{outline:none}}#back-forward{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding-right:1rem;border-right:1px solid #2c2c2e;height:max-content}#back-forward>*{width:2.15rem;height:2.15rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;padding:0;border-radius:5rem;background-color:transparent;border:1px solid #2c2c2e}#back-forward>*:hover{background-color:#3a3a3c;border-color:#3a3a3c}#back-forward>* svg{transform:scale(.96);transition:transform .2s ease}#back-forward>*:active>svg{transform:scale(.76)}#back-forward .back{transform:rotate(180deg)}.topnavlinks{display:flex;gap:.25rem;align-items:center;width:max-content;user-select:none}.topnavlinks .link{text-transform:capitalize;padding:.25rem .75rem;cursor:pointer;border-radius:2rem;transition:background-color .2s ease-out,color .2s ease-out;display:flex;align-items:center;font-weight:600}.topnavlinks .link svg{transform:scale(.75)}.topnavlinks .link:hover{color:#3a3a3c;background-color:#fff}.topnavlinks .active{background-color:#fff;color:#3a3a3c}.topnavlinks .link.home{padding:0;padding-right:.5rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.topnavlinks .separator_{padding:0;pointer-events:none;background-color:transparent;opacity:.2}.sidenav_toggle{display:none}@media only screen and (max-width: 900px){.sidenav_toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;gap:6px;width:32px;height:32px;padding:2px;cursor:pointer}.sidenav_toggle>.bar{height:2px;width:calc(100% - 14px);border-radius:1rem;background-color:#ffffffde;opacity:.75;transition:color .2s ease-out,transform .2s ease-out}.sidenav_toggle:hover>.bar{background-color:#fff}}.sidenav{display:none}@media only screen and (max-width: 900px){.sidenav{position:fixed;top:0;left:0;z-index:1002;width:240px;height:100%;display:flex;flex-direction:column;background-color:#000;transform:translate(-240px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidenav .sidenav_header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 24px;box-sizing:border-box}.sidenav .sidenav_header .sidenav_logo{display:flex;align-items:center;gap:1rem}.sidenav .sidenav_header .sidenav_logo .title{font-size:1rem;font-weight:600;line-height:1.4}.sidenav .sidenav_content{display:flex;flex-direction:column;position:relative;height:100%;margin-right:2px;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidenav .sidenav_content .link{font-size:.9rem;font-weight:500;line-height:1.2;text-transform:capitalize;position:relative;display:flex;align-items:center;gap:1rem;margin:.25rem .75rem;padding:.5rem .75rem;cursor:pointer}.sidenav .sidenav_content svg{height:1.5rem}.sidenav .sidenav_footer{font-size:.75rem;margin:1.5rem auto;opacity:.5}}.sidenav.active{transform:translate(0)}@media only screen and (max-width: 460px){.simple-nav-title{font-size:1.3rem}}#right-tabs{display:grid;position:absolute;overflow:hidden;height:100%;width:100%}#right-tabs .tab-buttons-wrapper{display:flex;justify-content:center;align-items:center}#right-tabs .vue-recycle-scroller{padding:0 .5rem}#right-tabs #tracks-results>.vue-recycle-scroller{padding:unset}#right-tabs .cardlistrow{grid-template-columns:repeat(auto-fill,minmax(8.1rem,1fr))}#tab-content{height:100%;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.designatedOS #tab-content::-webkit-scrollbar-track{background-color:#1a1919}.designatedOS #tab-content::-webkit-scrollbar-thumb{border-color:#1a1919}.designatedOS #tab-content .vue-recycle-scroller::-webkit-scrollbar-track{background-color:#1a1919}.designatedOS #tab-content .vue-recycle-scroller::-webkit-scrollbar-thumb{border-color:#1a1919}#right-tabs.tabContent{grid-template-rows:min-content 1fr}.nav-search-input #right-tabs{position:relative}.playlists-nav{display:flex;justify-content:flex-end}.playlists-nav button{padding-right:.5rem}#folder-nav-title{width:fit-content;display:grid;grid-template-columns:1fr;justify-content:space-between;margin-right:10rem}@media only screen and (max-width: 900px){#folder-nav-title{display:grid;padding-top:.75rem;padding-bottom:1rem}#folder-nav-title .sortbar{top:.75rem!important;right:1rem!important}}#folder-nav-title .sortbar{position:absolute;top:1rem;right:0;width:9rem}#folder-nav-title .fname{background-color:#2c2c2e;border-radius:.5rem;height:2.188rem;display:flex;align-items:center;max-width:100%;overflow:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}#folder-nav-title .fname .icon{aspect-ratio:1;margin:0 .5rem;display:flex}#folder-nav-title .fname .icon svg{height:1.5rem}.fname{scrollbar-width:none}.fname::-webkit-scrollbar{display:none}.profiledrop{position:absolute;z-index:9999;top:2.25rem;right:0;width:10.25rem;font-size:.95rem;font-weight:400;display:flex;flex-direction:column;border:solid 1px #2c2c2e;background-color:#1a1919}.profiledrop .separator{height:1px;background-color:#48484a;padding:0}.profiledrop .item{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.5rem .5rem .5rem .75rem;max-height:36px;border-radius:8px;cursor:pointer;transition:background-color .2s ease-out,opacity .2s ease-out,box-shadow .2s ease-out}.profiledrop .item:hover{background-color:#3a3a3c}.profiledrop .item:active{opacity:.3}.profiledrop .item svg{display:block;height:1.5rem}.profiledrop .item.scan{margin-bottom:.25rem}.profiledrop .item.logout svg,.profiledrop .scan svg{height:1.25rem}.profiledrop .logout svg{margin-right:1px}.profiledrop .scan svg{margin-right:3px}.profiledrop .info{gap:.5rem;cursor:auto;padding:.25rem .75rem}.profiledrop .info:hover{background-color:transparent}.profiledrop .info>.username{font-weight:500}.profiledrop .info.item{max-height:unset;opacity:unset;pointer-events:none}.profiledrop .critical{color:#f7635c}.profiledrop .critical:hover{background-color:transparent;box-shadow:0 0 0 1px #f7635c}.avatar{position:relative;aspect-ratio:1;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out;display:grid;place-items:center;border-radius:40%}.avatar .img{height:36px}.avatar .img:after{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background-color:#0000;border-radius:5rem;transition:all .75s ease-out}.avatar .img:hover:after{background-color:#ac8e68}.avatar .profiledrop{opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity .2s ease-out,visibility .2s ease-out,transform .2s ease-out}.avatar:hover .profiledrop{opacity:1;visibility:visible;transform:translateY(0)}@media only screen and (max-width: 900px){.avatar{height:unset;background-color:transparent}}.topnav{display:grid;grid-template-columns:1fr max-content;align-items:center;gap:1rem;font-size:14px}.topnav input{min-width:6rem}.topnav.use_links{grid-template-columns:1fr max-content 1fr}.topnav .left{display:grid;grid-template-columns:max-content 1fr;gap:1rem;position:relative}.topnav .left .info{margin:auto 0;width:fit-content;overflow:hidden}.topnav .left .info .title{font-size:1.5rem;font-weight:700;display:flex;align-items:center}@media only screen and (max-width: 900px){.topnav .left{display:none}}.topnav .left .sortbar{top:0!important;right:0!important}.topnav .logo{width:max-content;margin:0 auto;display:flex;align-items:center;justify-content:center}.topnav .right{display:flex;justify-content:flex-end;gap:1rem;align-items:center;width:100%}@media only screen and (max-width: 900px){.topnav .right{gap:unset;justify-content:unset}}@media only screen and (max-width: 900px){.topnav{display:flex}}.bottom-left{overflow:hidden;display:grid;padding-top:2px}.bottom-left .upNext{padding:.25rem;grid-template-columns:max-content 1fr;gap:.5rem;display:grid;width:20rem;background-color:#ffffff0c;cursor:pointer}.bottom-left .upNext:hover{transition:all .25s ease;background-color:#3a3a3c}.bottom-left .upNext img{height:2.75rem}.bottom-left .upNext .text{font-size:small;display:flex;flex-direction:column;justify-content:flex-end}.bottom-left .upNext .text .from{opacity:.75;font-size:.75rem;margin-top:.25rem}.r-home{height:calc(100% - 1rem)}.nothing{height:100%;max-width:25rem;margin:0 auto;display:grid;opacity:.5}.nothing p{word-break:break-word}.nothing .nothingtitle{font-size:1.15rem}.nothing svg{height:9rem}.nothing>*{margin:auto;text-align:center}.queue-actions{display:flex;justify-content:space-between;gap:.5rem;margin:1rem;margin-bottom:0}.queue-actions .lyricsversion{display:flex;gap:1rem}.queue-actions .lyricsversion .save{background-color:transparent}@media only screen and (max-width: 600px){.queue-actions .lyricsversion{display:none}}.queue-actions .left{display:flex;align-items:center;gap:.5rem}.queue-actions .action{padding:0 .75rem}.queue-actions .action svg{transform:scale(.8)}.queue-actions .right{display:flex;gap:.75rem}.queue-actions .right .menu{padding:0 .25rem}.queue-actions .right .menu svg{transform:scale(1.2) rotate(90deg)}.track-item.currentInQueue{background-color:#3a3a3c}.contexton{background-color:#3a3a3c;color:#ffffffde!important}.track-item{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;padding:.5rem 1rem;transition:background-color .2s ease-out}.track-item .tags .title{width:fit-content;font-weight:600}.track-item .float-buttons{opacity:0;gap:.5rem}.track-item .float-buttons>*{cursor:pointer}.track-item .float-buttons .heart-button{width:2rem;height:2rem;padding:0;border:none;background-color:transparent}.track-item .float-buttons .heart-button svg{color:#fff}.track-item .float-buttons .remove-track{transform:rotate(45deg);height:2rem;width:2rem;display:grid;place-items:center}.track-item .float-buttons .remove-track:hover{border-radius:1rem}.track-item .float-buttons:hover{opacity:1!important}.track-item:hover{background-color:#2c2c2e}.track-item:hover .float-buttons{opacity:1}.track-item:hover .remove-track{transform:translateY(0) rotate(45deg)}.track-item hr{border:none;margin:.1rem}.track-item .album-art{display:flex;align-items:center;justify-content:center;margin-right:.75rem;position:relative}.track-item .album-art .now-playing-track-indicator{position:absolute}.track-item img{width:3rem;height:3rem;object-fit:contain}.track-item .artist{opacity:.67;width:fit-content;font-weight:700}.queue-virtual-scroller{height:100%;overflow:hidden}#tracks-results{height:100%;display:grid;grid-template-rows:1fr max-content}#tracks-results .morexx{margin-top:1rem}.top-result-item{background-color:#1a1919;padding:1rem;display:grid;gap:1rem;align-items:flex-end;margin:1rem 1rem 2rem;position:relative;min-width:22rem;max-width:27rem}.top-result-item .buttons{position:absolute;right:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem .75rem}.top-result-item .buttons .play-btn{width:2.5rem;height:2.5rem;opacity:0;transition:opacity .2s ease-in-out,background-color .2s ease-out}.top-result-item:hover .play-btn{opacity:1}.top-result-item .context-menu-button{transform:rotate(90deg);background-color:transparent}.top-result-item .context-menu-button svg{transform:scale(1.2)}.top-result-item .context_menu_showing{background-color:#234ece}.top-result-item img{width:7.5rem;height:7.5rem;object-fit:cover}.top-result-item .type{font-size:.8rem;font-weight:500;color:#fff;background-color:#055ee2;width:max-content;padding:2px .5rem;text-transform:capitalize}.top-result-item .info{display:flex;flex-direction:column;gap:0}.top-result-item .info .is-artist{text-transform:capitalize}.top-result-item .info .artists{font-size:14px;font-weight:500;opacity:.8}.top-result-item .info h3{margin-bottom:.5rem;margin-top:1rem;font-size:1.5rem}.top-result-item .is-artist{flex-direction:column-reverse}.top-result-item .is-artist .artists{text-transform:capitalize;margin-bottom:1rem}.top-result-item .is-artist h3{margin-top:0}.right-search-top-albums-or-artists{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));padding:.5rem .25rem;gap:.5rem 0;margin-bottom:2rem}.right-search-top-tracks{margin-bottom:2rem}.right-search-top-tracks .track-item{padding:.5rem 1rem}.right-top-results{padding-bottom:2rem;height:100%}.right-top-results .h3{padding:0 1rem;margin-top:1rem;margin-bottom:.5rem}.cardlistrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.75rem,1fr));padding-bottom:2rem;z-index:-1}@media only screen and (max-width: 460px){.cardlistrow{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}}.right-search{position:relative;overflow:hidden;height:100%;width:100%;display:grid;grid-template-rows:max-content 1fr}.right-search .tabheaders{padding:1rem;max-width:100%;overflow:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.right-search .input{display:flex;align-items:center;position:relative}.r-sidebar{width:100%;display:grid;grid-template-rows:max-content 1fr;background-color:#161616;padding-bottom:1rem;border-top:none;border-bottom:none;margin-bottom:-1rem}.r-sidebar .rtopbar{display:flex;align-items:center;justify-content:space-between;padding-right:1rem}.r-sidebar .gsearch-input{height:2.5rem;margin:1rem;width:100%}.r-sidebar .gsearch-input #ginner button{width:2rem;height:2rem;margin-left:4px;margin-right:.15rem}.r-sidebar .gsearch-input #ginner button>svg{width:1.75rem;height:1.75rem}.r-sidebar .gsearch-input #ginner>.clear_input{width:2rem;height:2rem}.r-sidebar .r-content{width:100%;height:100%;background-color:#1a1919}.r-sidebar .r-content .r-search,.r-sidebar .r-content .r-dash{height:100%}.r-sidebar .r-content .r-queue{height:100%;overflow:hidden;display:grid;gap:.5rem;grid-template-rows:max-content 1fr}.designatedOS .r-sidebar>.r-content>.r-queue>.queue-virtual-scroller>.scroller::-webkit-scrollbar-track{background-color:#1a1919}.designatedOS .r-sidebar>.r-content>.r-queue>.queue-virtual-scroller>.scroller::-webkit-scrollbar-thumb{border-color:#1a1919}.designatedOS .r-sidebar::-webkit-scrollbar{display:none}input[type=range]{-webkit-appearance:none;appearance:none;margin-right:15px;width:calc(100% - 2px);height:.3rem;border-radius:5px;background:#3a3a3c;background-size:100% 100%;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:0;width:.8rem;border-radius:50%;background:white}input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;height:0;border-radius:50%;background:white;border:none}input[type=range]::-ms-thumb{-webkit-appearance:none;appearance:none;height:0;width:.8rem;border-radius:50%;background:white;border:none}input[type=range]::-webkit-slider-thumb:hover{background:#8e8e93}input[type=range]::-moz-range-thumb:hover{background:#8e8e93}input[type=range]::-ms-thumb:hover{background:#8e8e93}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-track{appearance:none;-webkit-appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-ms-track{appearance:none;-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.b-bar{height:100%}.b-bar .grid{background-color:#3a3a3c;height:100%;padding-right:.5rem}@media only screen and (max-width: 900px){.b-bar .grid{grid-template-columns:1fr 9.2rem}}.b-bar .grid .controlsx{width:100%;overflow:hidden;display:grid;grid-template-columns:12rem 1fr 12rem;align-items:center;padding:.5rem}.b-bar .grid .controlsx .progress-bottom{display:flex;align-items:center}.b-bar .grid .controlsx .progress-bottom{width:100%}.b-bar .grid .controlsx .progress-bottom .durationx{background-color:#181a1c;padding:.25rem;border-radius:.5rem;margin:0 .5rem;font-size:.8rem;min-width:2.5rem}.b-bar .grid .r-group{display:flex;align-items:center;gap:.5rem}#app-grid{display:grid;grid-template-columns:min-content 1fr;grid-template-rows:4.5rem 1fr 5.125rem;grid-template-areas:"l-sidebar nav" "l-sidebar content" "bottombar bottombar";height:100%;border:solid 1px #2c2c2e;border-top:none;border-bottom:none;margin:0 auto;position:relative}#app-grid #contentresizer{margin:0 clamp(2rem,100% - 1438px,5rem) 0 clamp(2rem,100% - 1438px,5rem)}@media only screen and (max-width: 900px){#app-grid{grid-template-columns:1fr;grid-template-areas:"nav" "content" "bottombar";grid-template-rows:auto 1fr auto}}#acontent{width:100%;grid-area:content;overflow:hidden;margin-right:calc(0rem - clamp(2rem,100% - 1438px,5rem))}.topnav{grid-area:nav;height:4.5rem;padding:1rem clamp(2rem,100% - 1438px,5rem);padding-right:clamp(2rem,100% - 1438px,5rem)}@media only screen and (max-width: 900px){.topnav{display:flex;gap:.25rem;height:unset;padding:6px 8px;margin:.75rem 1rem;border-radius:5rem;background-color:#1a1919}}.b-bar{grid-area:bottombar;border-top:solid 1px #2c2c2e}.content-page{scrollbar-gutter:stable;padding-left:clamp(2rem,100% - 1438px,5rem);padding-right:clamp(2rem,100% - 1438px,5rem);padding-bottom:4rem;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 900px){.content-page{padding-left:1rem;padding-right:1rem}}.vue-recycle-scroller__item-wrapper{overflow:visible!important}.vue-recycle-scroller{scrollbar-gutter:stable;padding-left:clamp(2rem,100% - 1438px,5rem)}.r-sidebar{grid-area:r-sidebar;border-left:solid 1px #2c2c2e}.r-sidebar .vue-recycle-scroller{padding-left:0}#app-grid.is_alt_layout{grid-template-columns:1fr;grid-template-rows:max-content 1fr 5.125rem;grid-template-areas:"nav" "content" "bottombar"}@media only screen and (max-width: 900px){#app-grid.is_alt_layout{grid-template-columns:1fr!important;grid-template-rows:max-content 1fr 9.5rem!important;grid-template-areas:"nav" "content" "bottombar"!important}}#app-grid.is_alt_layout .vue-recycle-scroller,#app-grid.is_alt_layout .content-page,#app-grid.is_alt_layout .topnav,#app-grid.is_alt_layout #songlist-scroller{padding-left:max(2rem,(100% - 1280px) / 2);padding-right:max(2rem,(100% - 1280px) / 2)}#app-grid.is_alt_layout .b-bar,#app-grid.is_alt_layout .search-page-top-results{padding:0 max(2rem,(100% - 1280px) / 2)}#app-grid.is_alt_layout #contentresizer{margin:0 max(2rem,(100% - 1280px) / 2)}#app-grid.is_alt_layout .topnav{border-bottom:solid 1px #2c2c2e}#app-grid.is_alt_layout .vue-recycle-scroller,#app-grid.is_alt_layout .content-page{padding-top:2rem}#app-grid.is_alt_layout .search-page-top-results{padding-bottom:4rem}#app-grid.is_alt_layout .search-view .buttons-area{padding-left:max(2rem,(100% - 1280px) / 2)}#app-grid.is_alt_layout .lyricsview{padding-bottom:2rem}#app-grid.is_alt_layout #lyricscontent{padding-top:0;padding-left:2rem;padding-right:2rem}@media only screen and (min-width: 1980px){#app-grid.is_alt_layout .vue-recycle-scroller,#app-grid.is_alt_layout .content-page,#app-grid.is_alt_layout .topnav,#app-grid.is_alt_layout #songlist-scroller{padding-left:max(2rem,(100% - 1680px) / 2);padding-right:max(2rem,(100% - 1680px) / 2)}#app-grid.is_alt_layout #contentresizer{margin:0 max(2rem,(100% - 1680px) / 2)}#app-grid.is_alt_layout .search-view .buttons-area{padding-left:max(2rem,(100% - 1680px) / 2)}#app-grid.is_alt_layout .b-bar,#app-grid.is_alt_layout .search-page-top-results{padding:0 max(2rem,(100% - 1680px) / 2)}}#app-grid.extendWidth{padding-right:0;border-left:none;border-right:none;max-width:100%!important}#app-grid.useSidebar{grid-template-columns:min-content 1fr 28rem;grid-template-areas:"l-sidebar nav r-sidebar" "l-sidebar content r-sidebar" "bottombar bottombar bottombar"}@media only screen and (max-width: 1600px){#app-grid.useSidebar{grid-template-columns:min-content 1fr 24rem}}#app-grid.NoSideBorders{border-right:none!important;border-left:none!important}.v-scroll-page .scroller{padding-right:clamp(2rem,100% - 1438px,5rem);height:100%;width:100%;padding-bottom:2rem;padding-bottom:4rem;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 900px){.v-scroll-page .scroller{padding-left:1rem;padding-right:1rem}}.song-title>.isSmallArtists{display:none}.isSmall .album_disc_header{padding-left:.5rem}.isSmall .songlist-item{grid-template-columns:2fr 7.5rem!important}.isSmall .songlist-item:hover{background-color:unset}@media only screen and (max-width: 460px){.isSmall .songlist-item{grid-template-columns:2fr 2.5rem!important;gap:.5rem!important}}.isSmall .song-artists,.isSmall .song-album{display:none!important}.isSmall .isSmallArtists{display:flex!important;align-items:center;gap:4px;font-size:small;color:#ffffffde;opacity:.67}.isMedium .songlist-item{grid-template-columns:1.75rem 1.5fr 1fr 7.5rem}.isMedium .song-album{display:none!important}input{font-family:SF Compact Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-weight:500}input::placeholder{color:#d1d1d1;opacity:.5}input[type=number]{width:40px;padding:4px 5px;border-radius:3px}input[type=search]{height:2.25rem!important}.designatedOS ::-webkit-scrollbar{background-color:#000;width:12px}.designatedOS ::-webkit-scrollbar-track{background-color:#000}.designatedOS ::-webkit-scrollbar-thumb{background-color:#636366;border-radius:16px;border:3px solid #000}.designatedOS ::-webkit-scrollbar-thumb:hover{background-color:#8e8e93}.designatedOS .context-item .children>.wrapper::-webkit-scrollbar{width:6px!important;background-color:transparent!important}.designatedOS .context-item .children>.wrapper::-webkit-scrollbar-track{background-color:transparent!important}.designatedOS .context-item .children>.wrapper::-webkit-scrollbar-thumb{border:none!important}.designatedOS .context-item .children>.wrapper::-webkit-scrollbar-thumb:hover{border:none!important}.designatedOS .scrollable::-webkit-scrollbar{width:6px!important;background-color:transparent!important}.designatedOS .scrollable::-webkit-scrollbar-track{background-color:transparent!important}.designatedOS .scrollable::-webkit-scrollbar-thumb{border:none!important}.designatedOS .scrollable::-webkit-scrollbar-thumb:hover{border:none!important}.designatedOS .settingssidebar::-webkit-scrollbar-track{background-color:#1a1919}.designatedOS .settingssidebar::-webkit-scrollbar-thumb{border-color:#1a1919}.designatedOS .settingsmodalcontent::-webkit-scrollbar-track{background-color:#181a1c}.designatedOS .settingsmodalcontent::-webkit-scrollbar-thumb{border-color:#181a1c}.designatedOS .loginmodal .alcontent::-webkit-scrollbar-track{background-color:#181a1c}.designatedOS .loginmodal .alcontent::-webkit-scrollbar-thumb{border-color:#181a1c}.now-playing-track-indicator{opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#ffffffde;transition:opacity .2s ease-out,visibility .2s ease-out}.now-playing-track-indicator.active{opacity:1;visibility:visible}.now-playing-track-indicator #wave{fill:#000;width:28px;height:auto}.now-playing-track-indicator #wave #Line_1{animation:pulse .6s infinite;animation-delay:.12s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_2{animation:pulse .6s infinite;animation-delay:.24s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_3{animation:pulse .6s infinite;animation-delay:.36s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_4{animation:pulse .6s infinite;animation-delay:.48s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_5{animation:pulse .6s infinite;animation-delay:.6s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_6{animation:pulse .6s infinite;animation-delay:.72s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_7{animation:pulse .6s infinite;animation-delay:.84s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_8{animation:pulse .6s infinite;animation-delay:.96s;transform:scaleY(.8);transform-origin:center}.now-playing-track-indicator #wave #Line_9{animation:pulse .6s infinite;animation-delay:1.08s;transform:scaleY(.8);transform-origin:center}@keyframes pulse{0%{transform:scaleY(.8);transform-origin:50% 50%}50%{transform:scaleY(.6);transform-origin:50% 50%}to{transform:scaleY(.8);transform-origin:50% 50%}}.now-playing-track-indicator.last_played #wave #Line_1,.now-playing-track-indicator.last_played #wave #Line_2,.now-playing-track-indicator.last_played #wave #Line_3,.now-playing-track-indicator.last_played #wave #Line_4,.now-playing-track-indicator.last_played #wave #Line_5,.now-playing-track-indicator.last_played #wave #Line_6,.now-playing-track-indicator.last_played #wave #Line_7,.now-playing-track-indicator.last_played #wave #Line_8,.now-playing-track-indicator.last_played #wave #Line_9{animation-play-state:paused}.hidden{display:none}.pad-smaller{padding:.25rem}.pad-sm{padding:.5rem}.pad-medium{padding:.75rem}.pad-lg{padding:1rem}.shadow-sm{box-shadow:0 0 .5rem #00000073}.shadow-md{box-shadow:0 .5rem 1rem #00000013}.shadow-lg{box-shadow:0 0 .75rem #00000096}input[type=search]::-webkit-search-cancel-button{display:none}.t-center{text-align:center}.ellip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;width:fit-content;max-width:100%}.ellip2{word-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.heading{font-size:1.5rem;font-weight:700}a{text-decoration:none;color:#fff}.image{background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .3s ease-in-out}.rounded{border-radius:1rem}.rounded-sm{border-radius:.5rem}.rounded-md{border-radius:.75rem}.rounded-lg{border-radius:1.25rem}.circular{border-radius:10rem}.bg-primary{background-color:#3a3a3c;box-shadow:0 0 1rem #0000006c}button{font-family:SF Compact Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:.9rem!important;font-weight:700;line-height:1.2;color:inherit;border-radius:.5rem;border:none;display:flex;align-items:center;justify-content:center;height:2.25rem;padding:0 .5rem;transition:background-color .2s ease-out,color .2s ease-out,border .2s ease-out;background-color:#3a3a3c;cursor:pointer}button svg{transition:all .2s}button:active svg{transform:scale(.75)}button:focus{outline:none}button:hover,.btn-active{background-color:#234ece}.btn-disabled{pointer-events:none;opacity:.5}.btn-more{width:2.5rem}.abs{position:absolute}.grid{display:grid}.flex{display:flex}.separator{border-top:1px #3a3a3c solid;color:transparent;margin:.5rem 0;opacity:.5}.no-border{border:none}.no-scroll{overflow:hidden}.no-select{user-select:none}.load_disabled{pointer-events:all;background:#2c2c2e!important;border-color:#2c2c2e!important;opacity:1}#drag-img{width:max-content;max-width:15rem;background-color:#055ee2;padding:.25rem .5rem;border-radius:.25rem;opacity:1;position:absolute;left:-20rem}.spinner{border:solid 3px rgb(221,217,217);border-top:solid 3px transparent;border-left:solid 3px transparent;border-radius:50%;width:1.25rem;height:1.25rem;animation:spin .45s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-list-scroll-x{overflow:hidden}.card-list-scroll-x h3{display:grid;grid-template-columns:1fr max-content;align-items:baseline;padding:0 .75rem;margin-bottom:.75rem}.card-list-scroll-x .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.75rem,1fr));overflow-x:auto;scroll-snap-type:x mandatory;flex-direction:row;padding-bottom:2rem;scrollbar-width:none!important;-ms-overflow-style:none!important}.card-list-scroll-x .cards::-webkit-scrollbar{display:none!important}.card-list-scroll-x .album-card:hover{background-color:#1a1919}.rhelp{text-transform:uppercase;font-size:11px;color:#bf5af2;font-weight:700;margin:.25rem 0}.rhelp.album{color:#ff9f0a}.rhelp.track{color:#ff375f}.rhelp.folder{color:#40c8e0}.rhelp.playlist{color:#5ef784}.rhelp.mix{color:#ebca89}.badge{margin-left:.5rem;opacity:.75;padding:0 .25rem;border-radius:.25rem;font-size:12px!important}.experimental{border:solid 1px rgb(255,214,10);color:#ffd60a}.badge.new{background-color:#0a84ff;opacity:1}.explicit-icon{width:.9rem;margin-left:.25rem}.tabheaders{display:flex;align-items:center;gap:.75rem}.tabheaders .tab{height:2rem;text-transform:capitalize;background-color:#2c2c2e;border:none;transition:background-color .3s ease,color .3s ease;padding:0 .75rem;line-height:1.2;font-weight:700}.tabheaders .activetab{background-color:#fff;color:#1a1919}.card-grid-view{height:100%}.card-grid-view .scrollable{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));padding:0 1rem;overflow:auto;-webkit-overflow-scrolling:touch;max-height:100%;gap:2rem 1rem}*{box-sizing:border-box}#vue-recycle-scroller__item-wrapper{overflow:visible!important}html{cursor:default!important;overflow:hidden;color:#ffffffde;background-color:#000}html>*{overflow:visible!important;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;outline:none}html.loading,html.loading *{cursor:progress!important}body{font-family:SF Compact Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;font-weight:400;color:#ffffffde;image-rendering:-webkit-optimize-contrast;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;height:100dvh;width:100vw;width:100dvw;overflow:hidden;margin:0;background-color:#000;color-scheme:dark}body #app{width:100%;height:100%}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dimmer{display:none}@media only screen and (max-width: 900px){.dimmer{display:block;position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;overflow:visible;opacity:0;visibility:hidden;background-color:#0009;transition:opacity .3s ease,visibility .3s ease}.dimmer.active{opacity:1;visibility:visible}}@font-face{font-family:SF Compact Display;font-style:normal;font-weight:400;font-display:swap;src:url(./SFCompactDisplay-Regular.6ebbb1e7.woff2) format("woff2")}@font-face{font-family:SF Compact Display;font-style:normal;font-weight:500;font-display:swap;src:url(./SFCompactDisplay-Medium.738caf31.woff2) format("woff2")}@font-face{font-family:SF Compact Display;font-style:normal;font-weight:600;font-display:swap;src:url(./SFCompactDisplay-Semibold.7f51a953.woff2) format("woff2")}@font-face{font-family:SF Compact Display;font-style:normal;font-weight:700;font-display:swap;src:url(./SFCompactDisplay-Bold.2e60bdb3.woff2) format("woff2")}@font-face{font-family:SF Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./sf-mono-medium.d2439747.woff2) format("woff2")}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}