@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}.swing-logo svg{transform:scale(1.25)}.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)}.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;-webkit-overflow-scrolling:touch}.loginmodal .auth-footer{display:flex;flex-direction:column;align-items:center;padding-bottom:1rem}.loginmodal .guestlink,.loginmodal .registerlink{padding:.5rem;width:fit-content;color:#636366;display:flex;text-decoration:underline;font-size:.9rem}.loginmodal .guestlink>*,.loginmodal .registerlink>*{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 .helptext .subtitle{font-size:.9rem;color:#636366;margin-top:.5rem}.loginmodal .helptext .subtitle strong{color:#ffffffde}.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 .code-inputs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.loginmodal .code-inputs .code-digit{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:600;background-color:#2c2c2e;color:#ffffffde;border:2px solid transparent;border-radius:.25rem;outline:none;transition:border-color .2s}.loginmodal .code-inputs .code-digit:focus{border-color:#055ee2}.loginmodal .resend-row{text-align:center;margin-top:.75rem;font-size:.85rem}.loginmodal .resend-row .resend-link{color:#636366;text-decoration:underline;cursor:pointer}.loginmodal .resend-row .resend-cooldown{color:#48484a}.loginmodal form{width:60%;margin:0 auto;margin-top:1rem;display:grid;align-items:center}.loginmodal form input:not(.code-digit){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:disabled{opacity:.5;cursor:not-allowed}.loginmodal form .submit.long{width:100%;border-radius:.25rem}.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 .divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 .75rem;color:#8e8e93;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.playlist-modal .divider:before,.playlist-modal .divider:after{content:"";flex:1;height:1px;background-color:#ffffff14}.playlist-modal .hint{margin:.5rem 0 0;font-size:.75rem;color:#8e8e93;line-height:1.4}.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}.playlist-modal button:disabled{opacity:.6;cursor:progress}.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}.setting-slider{display:flex;align-items:center;gap:.75rem;min-width:10rem}.setting-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#3a3a3c;border-radius:2px;outline:none;cursor:pointer}.setting-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.8705882353);cursor:pointer;transition:transform .1s ease}.setting-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-slider input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}.setting-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.8705882353);border:none;cursor:pointer}.setting-slider input[type=range]::-moz-range-track{background:#3a3a3c;height:4px;border-radius:2px}.setting-slider .slider-value{font-size:.85rem;font-weight:600;min-width:2.5rem;text-align:right;white-space:nowrap}.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)}.real-avatar[data-v-3d556a4d]{border-radius:50%;object-fit:cover}.profilesettings .profile-header{display:flex;align-items:flex-start;gap:1.25rem;padding-bottom:1.25rem;border-bottom:solid 1px #3a3a3c}.profilesettings .profile-header .profile-info{display:flex;flex-direction:column;gap:4px;padding-top:4px}.profilesettings .profile-header .name-row{display:flex;align-items:center;gap:.5rem}.profilesettings .profile-header .name{font-size:1.3rem;font-weight:700}.profilesettings .profile-header .email{font-size:.8rem;color:#8e8e93}.profilesettings .profile-header .bio{font-size:.85rem;color:#636366;line-height:1.5;margin-top:2px}.profilesettings .profile-header .joined{font-size:.75rem;color:#8e8e93;margin-top:2px}.profilesettings .profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1.25rem 0;border-bottom:solid 1px #3a3a3c}.profilesettings .profile-stats .stat{text-align:center;padding:.6rem;background:#2c2c2e;border-radius:.5rem}.profilesettings .profile-stats .stat-value{font-size:1.15rem;font-weight:700;color:#ffffffde}.profilesettings .profile-stats .stat-label{font-size:.7rem;color:#8e8e93;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.profilesettings .profile-form{display:flex;flex-direction:column;gap:1rem;padding-top:1.25rem}.profilesettings .profile-form .form-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8e8e93}.profilesettings .profile-form .field{display:flex;flex-direction:column}.profilesettings .profile-form .field label{font-size:.8rem;font-weight:600;color:#636366;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.profilesettings .profile-form .field .error{font-size:.8rem;color:#f7635c;margin-top:4px}.profilesettings .profile-form .form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.profilesettings .profile-form .form-actions button{background:#ac8e68;padding:.5rem 1.5rem;font-weight:600;font-size:.85rem;border-radius:.5rem;transition:opacity .2s}.profilesettings .profile-form .form-actions button:hover{opacity:.85}.profilesettings .data-export{padding-top:1.25rem;border-top:solid 1px #3a3a3c;margin-top:1.25rem}.profilesettings .data-export .form-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8e8e93;margin-bottom:.5rem}.profilesettings .data-export .export-desc{font-size:.8rem;color:#636366;line-height:1.5;margin:0 0 .75rem}.profilesettings .data-export .export-btn{background:#2c2c2e;padding:.5rem 1.25rem;font-weight:600;font-size:.85rem;border-radius:.5rem;transition:opacity .2s;cursor:pointer}.profilesettings .data-export .export-btn:hover:not(:disabled){opacity:.85}.profilesettings .data-export .export-btn:disabled{opacity:.5;cursor:not-allowed}.profilesettings .data-export .export-note{display:block;font-size:.8rem;color:#8e8e93;margin-top:.5rem}.profilesettings .roles .role.owner{border-color:#e8a849;color:#e8a849}.profilesettings .roles .role.admin{border-color:#5b9bf5;color:#5b9bf5}.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}.aboutencore{padding:.5rem}.aboutencore .hero{padding-bottom:1.5rem;border-bottom:solid 1px #3a3a3c;margin-bottom:1.5rem}.aboutencore .hero .hero-desc{margin-top:1rem;margin-bottom:0}.aboutencore .logo-area{display:flex;align-items:center;gap:1.25rem}.aboutencore .logo-area .app-name{font-size:1.5rem;font-weight:700}.aboutencore .logo-area .app-tagline{font-size:.85rem;color:#8e8e93}.aboutencore .section{margin-bottom:1.75rem}.aboutencore .section:last-child{margin-bottom:0}.aboutencore .section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#8e8e93;margin:0 0 .75rem;font-weight:600}.aboutencore p{line-height:1.65;margin:0 0 .6rem;font-size:.875rem;color:#636366}.aboutencore p:last-child{margin-bottom:0}.aboutencore a{color:#ac8e68;text-decoration:none}.aboutencore a:hover{text-decoration:underline}.aboutencore .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media only screen and (max-width: 900px){.aboutencore .feature-list{grid-template-columns:1fr}}.aboutencore .feature{background:#2c2c2e;padding:.7rem .85rem;border-radius:.5rem;display:flex;flex-direction:column;gap:4px}.aboutencore .feature .feature-title{font-size:.8rem;font-weight:600;color:#ffffffde}.aboutencore .feature .feature-desc{font-size:.73rem;color:#8e8e93;line-height:1.45}.aboutencore .link-buttons{margin-top:.85rem;display:flex;gap:.75rem}.aboutencore .link-buttons button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;background:#2c2c2e;color:#ffffffde;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.aboutencore .link-buttons button:hover{background:#38383b}.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}.eq{--eq-accent: #055ee2;grid-column:1/-1;padding:.25rem 0}.eq--on{--eq-accent: #0a84ff}.eq__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.eq__top-left,.eq__top-right{display:flex;align-items:center;gap:.45rem}.eq__power{width:1.5rem;height:1.5rem;border-radius:50%;border:1.5px solid #3a3a3c;background:none;color:#636366;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.eq__power:hover{border-color:#636366}.eq__power.on{background:var(--eq-accent);border-color:var(--eq-accent);color:#fff}.eq__title{font-size:.85rem;font-weight:600}.eq__select{background:#2c2c2e;color:#ffffffde;border:1px solid #3a3a3c;border-radius:.3rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s}.eq__select:hover:not(:disabled){border-color:#48484a}.eq__select:disabled{opacity:.25;cursor:not-allowed}.eq__reset{width:1.5rem;height:1.5rem;border-radius:.3rem;border:1px solid #3a3a3c;background:none;color:#8e8e93;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.eq__reset:hover:not(:disabled){background:#2c2c2e;color:#ffffffde}.eq__reset:disabled{opacity:.15;cursor:not-allowed}.eq__body{background:#2c2c2e;border-radius:.6rem;padding:1rem 0 0;transition:opacity .2s}.eq__body--off{opacity:.2;pointer-events:none}.eq__db-axis{display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:0;top:0;bottom:0;width:2rem;padding:.2rem .35rem .2rem 0;text-align:right;pointer-events:none;z-index:2}.eq__db-axis span{font-size:.5rem;color:#48484a;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.eq__db-axis-zero{color:#636366}.eq__graph{position:relative;height:12rem;margin:0 .75rem;user-select:none;touch-action:none}.eq__gridlines{position:absolute;inset:0;pointer-events:none}.eq__gridline{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.04)}.eq__gridline--mid{top:50%;background:rgba(255,255,255,.08)}.eq__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.eq__handle{position:absolute;width:1.75rem;height:1.75rem;transform:translate(-50%,-50%);cursor:grab;z-index:5;display:flex;align-items:center;justify-content:center}.eq__handle:active{cursor:grabbing}.eq__handle:before{content:"";position:absolute;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--eq-accent);opacity:0;transition:opacity .15s}.eq__handle:hover:before{opacity:.12}.eq__handle:active:before{opacity:.2}.eq__dot{width:.7rem;height:.7rem;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080,0 0 0 2px #00000026;position:relative;z-index:1;transition:transform .1s}.eq__handle:active .eq__dot{transform:scale(1.25);box-shadow:0 0 0 3px var(--eq-accent),0 1px 6px #0006}.eq__labels{display:flex;padding:.5rem .75rem 0}.eq__hz{flex:1;text-align:center;font-size:.55rem;color:#48484a;font-weight:500}.eq__readout{display:flex;padding:.15rem .75rem .65rem}.eq__val{flex:1;text-align:center;font-size:.55rem;font-weight:600;font-variant-numeric:tabular-nums;color:#636366;transition:color .1s}.eq__val.pos{color:var(--eq-accent)}.eq__val.neg{color:#f7635c}.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;min-height:0;overflow:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.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;height:100%}.settingsmodal .content{display:grid;grid-template-rows:4rem 1fr;overflow:hidden;min-height:0}.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}.disclaimer-modal .title[data-v-6df539f7]{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.disclaimer-modal .content[data-v-6df539f7]{line-height:1.6;margin-bottom:2rem}.disclaimer-modal .content p[data-v-6df539f7]{margin-bottom:1rem}.disclaimer-modal .content .warning[data-v-6df539f7]{color:#f7635c;padding:1rem;background:rgba(247,99,92,.1);border-radius:.25rem;border:1px solid rgba(247,99,92,.2)}.disclaimer-modal .buttons[data-v-6df539f7]{display:flex;justify-content:center}.disclaimer-modal .buttons button[data-v-6df539f7]{padding:.75rem 2rem;background:#ff9f0a;color:#fff;font-weight:600;border-radius:.25rem;transition:transform .2s}.disclaimer-modal .buttons button[data-v-6df539f7]:hover{transform:scale(1.05)}.onboarding-modal[data-v-75aecc42]{padding:2rem 2.5rem;text-align:centre;text-align:center}@media only screen and (max-width: 900px){.onboarding-modal[data-v-75aecc42]{padding:1.5rem 1rem}}.ob-logo[data-v-75aecc42]{display:flex;justify-content:center;margin-bottom:1.25rem}.ob-logo[data-v-75aecc42] .swing-logo{transform:scale(1.3);padding:.35rem 1.25rem}h1[data-v-75aecc42]{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:1.5rem}.ob-body[data-v-75aecc42]{max-width:28rem;margin:0 auto 2rem}.ob-body p[data-v-75aecc42]{color:#8e8e93;font-size:.9rem;line-height:1.7;margin-bottom:.75rem}.ob-body p[data-v-75aecc42]:last-child{margin-bottom:0}.ob-actions[data-v-75aecc42]{display:flex;justify-content:center}.ob-actions .ob-btn[data-v-75aecc42]{padding:.7rem 2.5rem;background:#055ee2;color:#ffffffde;font-weight:600;font-size:.9rem;border-radius:.5rem;transition:opacity .2s}.ob-actions .ob-btn[data-v-75aecc42]:hover{opacity:.9}.whatsnew-modal[data-v-2a94b816]{padding:2rem 2.5rem;text-align:center}@media only screen and (max-width: 900px){.whatsnew-modal[data-v-2a94b816]{padding:1.5rem 1rem}}.wn-badge[data-v-2a94b816]{display:inline-block;padding:.25rem .75rem;margin-bottom:1rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffde;border:1px solid rgba(255,255,255,.4);border-radius:1rem}h1[data-v-2a94b816]{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:1.5rem}.wn-body[data-v-2a94b816]{max-width:28rem;margin:0 auto 2rem;text-align:left}.wn-body p[data-v-2a94b816]{color:#8e8e93;font-size:.9rem;line-height:1.7;margin-bottom:1rem}.wn-list[data-v-2a94b816]{list-style:none;padding:0;margin:0 0 1rem}.wn-list li[data-v-2a94b816]{padding:.6rem 0;border-top:1px solid rgba(255,255,255,.08)}.wn-list li[data-v-2a94b816]:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.wn-list .wn-tier[data-v-2a94b816]{display:block;font-weight:700;font-size:.9rem;color:#ffffffde;margin-bottom:.15rem}.wn-list .wn-tier-desc[data-v-2a94b816]{display:block;font-size:.82rem;color:#8e8e93}.wn-hint[data-v-2a94b816]{font-size:.82rem!important;color:#8e8e93;margin-bottom:0!important}.wn-actions[data-v-2a94b816]{display:flex;justify-content:center}.wn-actions .wn-btn[data-v-2a94b816]{padding:.7rem 2.5rem;background:#055ee2;color:#ffffffde;font-weight:600;font-size:.9rem;border-radius:.5rem;transition:opacity .2s}.wn-actions .wn-btn[data-v-2a94b816]:hover{opacity:.9}.spotify-migrate,.spotify-migrate .state{display:flex;flex-direction:column;gap:.5rem}.spotify-migrate .hint{font-size:.9rem;opacity:.8;line-height:1.4}.spotify-migrate .connected-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;opacity:.85}.spotify-migrate .toolbar{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;opacity:.85}.spotify-migrate .items{display:flex;flex-direction:column;max-height:18rem;overflow-y:auto;gap:2px;margin:.5rem 0}.spotify-migrate .item,.spotify-migrate .result{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:6px;cursor:pointer}.spotify-migrate .item:hover,.spotify-migrate .result:hover{background-color:#2c2c2e}.spotify-migrate .item .name,.spotify-migrate .result .name{flex:1;min-width:0}.spotify-migrate .item .tcount,.spotify-migrate .result .tcount{opacity:.6;font-size:.8rem;flex-shrink:0}.spotify-migrate .result.failed .tcount{color:#f7635c}.spotify-migrate button.primary{background-color:#1db954;color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-weight:500}.spotify-migrate button.primary:disabled{opacity:.4;cursor:not-allowed}.spotify-migrate button.link{background:none;border:none;color:#ac8e68;cursor:pointer;font-size:.85rem;padding:0}.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;height:38rem}@media only screen and (max-width: 900px){.modal .m-content.settings{height:calc(100vh - 2rem)}}.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)}.device-btn{position:relative}.device-btn svg{transform:scale(.7)}.device-btn.remote-active svg{color:#5ef784}.lt-btn{position:relative}.lt-btn svg{transform:scale(.7)}.lt-btn.lt-active svg{color:#5ef784}.lt-btn .lt-badge{position:absolute;top:4px;right:4px;background:#5ef784;color:#181a1c;font-size:.55rem;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;line-height:1}.right-group{display:grid;justify-content:flex-end;grid-template-columns:repeat(7,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}.right-group .ai-active svg{color:#bf5af2}.right-group .ai-active:hover svg{color:#dba1f8}.right-group .ai-shuffling{pointer-events:none}.right-group .ai-shuffling .player-spinner{height:1.15rem;color:#bf5af2}.left-group{display:grid;grid-template-columns:max-content 1fr max-content;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}}.left-group .bbar-more-btn{width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:50%;color:#ffffffde;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;transition:color .15s,background-color .15s}.left-group .bbar-more-btn svg{width:1.25rem;height:1.25rem}.left-group .bbar-more-btn:hover{background:#2c2c2e}@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)}}.viz-container{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.25;overflow:hidden}.viz-container canvas{width:100%!important;height:100%!important}.b-bar{display:grid;grid-template-columns:1fr max-content 1fr;align-items:center;z-index:1;position:relative}.b-bar>:not(.viz-container){position:relative;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%;aspect-ratio:1;object-fit:cover}.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;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}.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}#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.logout svg{height:1.25rem;margin-right:1px}.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,.avatar.open .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}.friend-activity{padding:1rem}.friend-activity h4{margin:0 0 .75rem;font-weight:600;font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.friend-activity .activity-list{display:flex;flex-direction:column;gap:.75rem}.friend-activity .activity-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background-color .15s ease}.friend-activity .activity-item:hover{background-color:#2c2c2e}.friend-activity .activity-avatar{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover;flex-shrink:0}.friend-activity .activity-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:.1rem}.friend-activity .activity-username{font-weight:600;font-size:.8rem}.friend-activity .activity-track{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.friend-activity .activity-indicator{width:.5rem;height:.5rem;border-radius:50%;background-color:#8e8e93;flex-shrink:0}.friend-activity .activity-indicator.playing{background-color:#1db954;animation:pulse-dot 2s ease-in-out infinite}.friend-activity .activity-artist{font-size:.75rem;opacity:.6}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.r-home{height:calc(100% - 1rem);overflow-y:auto}.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 .action.ai-active svg{color:#bf5af2}.queue-actions .action.ai-shuffling{pointer-events:none}.queue-actions .action.ai-shuffling .player-spinner{height:1.1rem;color:#bf5af2;margin-right:.5rem}.queue-actions .action.ai-shuffling span{color:#bf5af2}.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 .album-art .track-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:.5rem;opacity:0;transition:opacity .15s;padding:0;border:none;cursor:pointer}.track-item .album-art .track-play-overlay svg{width:1.25rem;height:1.25rem;color:#ffffffde}.track-item .album-art .track-play-overlay:hover{background:rgba(0,0,0,.65)}.track-item:hover .album-art .track-play-overlay{opacity:1}.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}.queue-drag-item{display:flex;align-items:center;position:relative;transition:opacity .15s ease}.queue-drag-item.dragging{opacity:.4}.queue-drag-item.drag-over-above:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.8705882353);z-index:1}.queue-drag-item.drag-over-below:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.8705882353);z-index:1}.queue-drag-item .drag-handle{cursor:grab;display:grid;place-items:center;width:1.5rem;flex-shrink:0;opacity:0;transition:opacity .15s ease;padding-left:.25rem}.queue-drag-item .drag-handle svg{width:1rem;height:1rem;color:#8e8e93}.queue-drag-item .drag-handle:active{cursor:grabbing}.queue-drag-item:hover .drag-handle{opacity:1}.queue-drag-item .track-item{flex:1;min-width:0}#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}.device-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6rem}.device-picker{background:#1a1919;border:1px solid #48484a;border-radius:.75rem;width:22rem;max-width:90vw;padding:1.25rem;box-shadow:0 8px 32px #0006}.device-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.device-picker-header h3{font-size:1rem;font-weight:600;margin:0}.device-picker-header .close-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;color:#ffffffde;opacity:.6}.device-picker-header .close-btn:hover{opacity:1}.device-picker-header .close-btn svg{width:1rem;height:1rem}.current-label,.other-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffde;opacity:.5;margin-bottom:.5rem;font-weight:600}.device-picker-others{margin-top:1rem}.device-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;border-radius:.5rem;transition:background-color .15s}.device-item:hover{background:#48484a}.device-item .device-icon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:.7}.device-item .device-info{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.device-item .device-info .device-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-item .device-info .active-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;color:#5ef784;font-weight:700;flex-shrink:0}.device-item .transfer-btn{font-size:.75rem;padding:.3rem .75rem;border-radius:1rem;border:1px solid #3a3a3c;background:transparent;color:#ffffffde;cursor:pointer;white-space:nowrap;transition:all .15s}.device-item .transfer-btn:hover{background:rgba(255,255,255,.8705882353);color:#181a1c;border-color:#ffffffde}.now-playing-info-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:1rem;background:#2c2c2e;border-radius:.5rem}.now-playing-info-row .eq-bars{display:flex;align-items:flex-end;gap:2px;height:1rem;flex-shrink:0}.now-playing-info-row .eq-bars span{width:3px;background:#5ef784;border-radius:1px;animation:eq-bounce .8s ease-in-out infinite alternate}.now-playing-info-row .eq-bars span:nth-child(1){height:60%;animation-delay:0s}.now-playing-info-row .eq-bars span:nth-child(2){height:100%;animation-delay:.2s}.now-playing-info-row .eq-bars span:nth-child(3){height:40%;animation-delay:.4s}.now-playing-info-row .np-text{min-width:0}.now-playing-info-row .np-text .np-title{font-size:.8rem;font-weight:600;color:#5ef784;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-info-row .np-text .np-artist{font-size:.7rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes eq-bounce{0%{height:20%}to{height:100%}}.device-picker-empty{text-align:center;padding:1.5rem 0}.device-picker-empty .empty-icon{width:2rem;height:2rem;opacity:.3;margin-bottom:.75rem}.device-picker-empty p{margin:0;font-size:.875rem;color:#ffffffde;opacity:.7}.device-picker-empty .hint{font-size:.75rem;opacity:.4;margin-top:.25rem}.playing-on-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#5ef784;color:#181a1c;padding:.35rem 1rem;font-size:.75rem;font-weight:600;cursor:pointer;user-select:none;transition:background-color .15s}.playing-on-banner:hover{filter:brightness(1.1)}.playing-on-banner .banner-icon{width:.875rem;height:.875rem}.lt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5.5rem}.lt-modal{background:#181a1c;border:1px solid #3a3a3c;border-radius:.75rem;width:21rem;max-width:calc(100vw - 2rem);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.lt-top{display:flex;align-items:center;gap:.6rem}.lt-top .lt-icon{width:1.5rem;height:1.5rem;flex-shrink:0;opacity:.5}.lt-top-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.lt-title{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lt-sub{font-size:.7rem;color:#8e8e93}.lt-close{flex-shrink:0;background:none;border:none;padding:.35rem;cursor:pointer;color:#636366;border-radius:.25rem;transition:color .15s}.lt-close:hover{color:#ffffffde}.lt-close svg{width:.85rem;height:.85rem;display:block}.lt-err{font-size:.75rem;color:#f7635c;background:rgba(247,99,92,.08);padding:.4rem .6rem;border-radius:.35rem}.lt-actions{display:flex}.lt-btn-primary{flex:1;padding:.5rem 0;border:none;border-radius:.4rem;background:rgba(255,255,255,.8705882353);color:#181a1c;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.lt-btn-primary:hover{opacity:.85}.lt-btn-secondary{padding:.45rem .85rem;border:1px solid #3a3a3c;border-radius:.35rem;background:none;color:#ffffffde;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.lt-btn-secondary:hover{background:#2c2c2e;border-color:#48484a}.lt-btn-secondary:disabled{opacity:.25;cursor:default}.lt-btn-secondary:disabled:hover{background:none;border-color:#3a3a3c}.lt-btn-copy{min-width:3.75rem;text-align:center}.lt-btn-danger{padding:.35rem .85rem;border:1px solid rgba(247,99,92,.25);border-radius:.35rem;background:none;color:#f7635c;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .15s}.lt-btn-danger:hover{background:rgba(247,99,92,.1)}.lt-or{display:flex;align-items:center;gap:.6rem}.lt-or:before,.lt-or:after{content:"";flex:1;height:1px;background:#3a3a3c}.lt-or span{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:#636366;font-weight:600}.lt-join{display:flex;gap:.4rem}.lt-field{flex:1;min-width:0;padding:.45rem .6rem;border:1px solid #3a3a3c;border-radius:.35rem;background:#2c2c2e;color:#ffffffde;font-size:.75rem;outline:none;transition:border-color .15s}.lt-field:focus{border-color:#636366}.lt-field::placeholder{color:#636366}.lt-field-mono{font-size:.65rem;letter-spacing:.01em}.lt-link-group{display:flex;gap:.4rem}.lt-footer{display:flex;align-items:center;justify-content:space-between}.lt-code{font-size:.65rem;color:#636366;letter-spacing:.04em;font-weight:500}.lt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lt-dot-green{background:#5ef784;box-shadow:0 0 5px #5ef78466}.lt-dot-purple{background:#bf5af2;box-shadow:0 0 5px #bf5af266}.lt-spin{width:1rem;height:1rem;border:2px solid #3a3a3c;border-top-color:#ffffffde;border-radius:50%;flex-shrink:0;animation:lt-spin .5s linear infinite}@keyframes lt-spin{to{transform:rotate(360deg)}}.designatedOS .r-sidebar::-webkit-scrollbar{display:none}.maintenance-wall{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;padding:2rem}.maintenance-content{max-width:34rem;text-align:center}.maintenance-content .maintenance-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem}.maintenance-content .maintenance-logo :deep(svg){width:3.5rem;height:3.5rem;flex-shrink:0}.maintenance-content .maintenance-logo span{font-size:2rem;font-weight:700;color:#ffffffde;letter-spacing:-.02em}.maintenance-content h1{font-size:1.75rem;font-weight:800;color:#ffffffde;margin-bottom:.75rem}.maintenance-content>p{color:#8e8e93;font-size:.95rem;line-height:1.7;margin-bottom:1.75rem}.maintenance-details{text-align:left;display:flex;flex-direction:column;gap:.625rem;margin-bottom:2rem}.maintenance-details .detail-item{background:#2c2c2e;border-radius:.5rem;padding:1rem 1.25rem}.maintenance-details .detail-item strong{display:block;font-size:.85rem;font-weight:600;color:#ffffffde;margin-bottom:.25rem}.maintenance-details .detail-item span{font-size:.825rem;color:#8e8e93;line-height:1.55}.maintenance-footer{color:#636366!important;font-size:.8rem!important}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}.badge.beta{border:solid 1px #bf5af2;color:#bf5af2}.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}[role=button],.clickable,.track-item,.songlist-item,.album-card,.artist-card,.folder-header,.fav-btn,.fav-icon,.item,.options-icon,.remove-track,.banner-edit,.avatar-edit,.sidenav_toggle,.guestlink,.registerlink,.resend-link,.userinfo,.delete-icon,.gsearch-input,.bg,.text[onclick],.with-flag,.play{cursor:pointer}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.album-card .with-img,.trackcard .image,.artist-card .image,.songlist-item .thumbnail,.left-group .np-image,.track-item .album-art,.now-playing-header .np-image,.sidebar-songcard{background:linear-gradient(90deg,#2c2c2e 25%,#3a3a3c 50%,#2c2c2e 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.album-card .with-img:has(img[src]:not([src=""])),.trackcard .image:has(img[src]:not([src=""])),.artist-card .image:has(img[src]:not([src=""])),.songlist-item .thumbnail:has(img[src]:not([src=""])),.left-group .np-image:has(img[src]:not([src=""])),.track-item .album-art:has(img[src]:not([src=""])),.now-playing-header .np-image:has(img[src]:not([src=""])),.sidebar-songcard:has(img[src]:not([src=""])){background:none;animation: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")}:root[style*=--bg-tint] .b-bar{background:color-mix(in srgb,var(--surface-tint) 12%,#111111)!important;border-top:1px solid color-mix(in srgb,var(--surface-tint) 10%,transparent)}:root[style*=--bg-tint] .r-sidebar>.r-content{background:color-mix(in srgb,var(--surface-tint) 8%,#1a1919)!important}:root[style*=--bg-tint] .topnav{background:color-mix(in srgb,var(--surface-tint) 10%,#000)!important}:root[style*=--bg-tint] .l-sidebar{background:color-mix(in srgb,var(--surface-tint) 8%,#181a1c)!important}:root[style*=--bg-tint] .nav-btn-active{background:color-mix(in srgb,var(--accent-color) 50%,#3a3a3c)!important}:root[style*=--bg-tint] .play-btn{background:color-mix(in srgb,var(--accent-color) 70%,#3a3a3c)!important}.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}