@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--fallback-title-bar-height: 0px;--main-accent-color: #8F6E8E;--dark-accent-color: #626262;--background-dark: #323232;--background-darker: #262626;--text-white: #FFFFFF;--off-white: #D9D9D9;--text-white-transparent: #ffffff5d;--text-white-transparent-hover: #ffffff;--tooltip-background: rgba(0, 0, 0, .85);--mobile-nav-menu-height: 71px;--mobile-now-playing-height: 75px}.none{display:none}#root{position:absolute;left:0;right:0;bottom:0;top:0;height:100vh;width:100vw;overflow-y:none}.album-list-container{display:flex;overflow-y:hidden;padding:10px 0;height:100%;max-width:100%;scroll-snap-type:x mandatory;max-width:calc(100vw - 80px);box-sizing:border-box}.album-list-container::-webkit-scrollbar{height:8px}.album-list-container::-webkit-scrollbar-track{background-color:#fff0}.album-list-container::-webkit-scrollbar-thumb{background-color:var(--text-white-transparent);border-radius:7px}.album-list-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-white-transparent-hover)}.album-entry{display:grid;grid-template-columns:min(30px,10%) auto;flex-shrink:0;scroll-snap-align:start;height:100%}.album-container{display:flex;flex-direction:column;align-items:center;text-align:center}.album-ranking{font-size:1.25rem;font-weight:700;padding:0 .5rem}.album-container .album-image{display:flex;overflow:hidden;border-radius:5px;background-color:var(--background-dark);margin-bottom:5px}.album-container .album-title{font-size:1.25rem;text-overflow:ellipsis;overflow:hidden;font-weight:700;letter-spacing:-.1125rem}.album-container .album-creator{font-size:1rem;font-weight:400;letter-spacing:-.09rem}.tooltip{position:absolute;background-color:var(--tooltip-background);color:var(--text-white);padding:10px;border-radius:5px;pointer-events:none;font-size:.85rem;z-index:1000;transition:opacity .2s ease}.tooltip-title,.tooltip-artist,.tooltip-date{margin-bottom:5px}body{color:#fff;height:100%;width:100vw;background:#323232;font-family:Inter,sans-serif;overflow:hidden;margin:0;position:relative}button{border-radius:7px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 8px 28px -6px #18274b1f,0 18px 88px -4px #18274b24;transition:all ease-in .1s;cursor:pointer;opacity:.9}button:hover{transform:scale(1.05);opacity:1}li{list-style:none}a{color:#fff;text-decoration:none;height:fit-content;width:fit-content}a:hover{opacity:1;text-decoration:none}.Main{display:grid;position:absolute;width:100%;max-width:100vw;grid-template-columns:25% 75%;grid-template-rows:20% calc(80% - 90px) 90px;transition:grid-template-columns .15s ease-out;top:env(titlebar-area-height,var(--fallback-title-bar-height));height:calc(100vh - env(titlebar-area-height,var(--fallback-title-bar-height)));border:2px solid #262626;border-top:none;will-change:grid-template-columns;transform:translateZ(0)}.Main.p-sidebar-collapsed{grid-template-columns:max(4%,80px) calc(100% - max(4%,80px))}.Main.s-sidebar-expanded{grid-template-columns:max(4%,80px) calc(75% - max(4%,80px)) 25%}.Main.s-sidebar-expanded.p-sidebar-expanded{grid-template-columns:25% 50% 25%}.primary-sidebar{grid-column-start:1;grid-row-start:1;background-color:var(--background-dark);z-index:1;will-change:transform;backface-visibility:hidden}.primary-sidebar.nowplaying-collapsed{grid-row-end:4}.primary-sidebar.nowplaying-expanded{grid-row-end:3}.primary-view{display:flex;grid-row-start:1;grid-column-end:4;border:2px solid #262626;border-right:none;border-bottom:none;background-color:#505050;border-radius:10px 10px 0 0;overflow:hidden;margin-right:5px;will-change:transform;backface-visibility:hidden}.primary-view.p-sidebar-collapsed{grid-column-start:2}.primary-view.p-sidebar-expanded{grid-column-start:2;grid-column-end:3}.primary-view.s-sidebar-expanded{grid-column-end:2;margin-right:0}.primary-view.nowplaying-collapsed{grid-row-end:5}.primary-view.nowplaying-expanded{grid-row-end:3}.now-playing{display:flex;position:relative;z-index:1;grid-column-start:1;grid-column-end:4;background:var(--main-accent-color);box-shadow:0 4px 5px #00000040;border-top:2px solid #715870;transition:transform .15s ease-out,opacity .15s ease-out;will-change:transform,opacity;backface-visibility:hidden}.now-playing.collapsed{transform:translateY(100%);opacity:0;pointer-events:none}.now-playing.expanded{transform:translateY(0);opacity:1;pointer-events:all}.now-playing.s-sidebar-expanded{grid-column-end:3}.secondary-sidebar{grid-column-start:3;grid-row-start:1;grid-row-end:4;background-color:var(--background-dark);box-shadow:4px 4px 5px #00000040;z-index:1;will-change:transform;backface-visibility:hidden;transition:transform .15s ease-out}.Main:not(.animating) .primary-sidebar,.Main:not(.animating) .primary-view,.Main:not(.animating) .secondary-sidebar,.Main:not(.animating) .now-playing{will-change:auto}.Main.animating{transition-duration:.15s}.Sidebar{display:flex;flex-direction:column;max-height:100%;overflow:hidden}.sidebar-buttons{display:flex}.switch-sidebar-view{height:10px;width:100%;padding:0;border-radius:0;background-color:#5e5e5e;margin-bottom:5px}.layout-buttons{display:flex;align-items:center;padding-bottom:0;width:100%;padding-left:.8rem;padding-top:.2rem}.layout-buttons.collapsed{flex-direction:column;justify-content:flex-start;padding-bottom:5px;padding-left:0}.layout-buttons.expanded{flex-direction:row;justify-content:flex-start}.layout-buttons .button-container{display:flex;align-items:flex-start;padding:.25rem 0;width:100%}.layout-buttons .button-container.collapsed{justify-content:center}.primary-sidebar-button,.now-playing-sidebar-button,.secondary-sidebar-button{padding:3px;background:none}.primary-sidebar-button.collapsed{margin-right:2rem;position:absolute}.now-playing-sidebar-button.collapsed{margin-top:1.5rem;justify-self:center}.secondary-sidebar-button.collapsed{margin-left:2rem;position:absolute}.sidebar-controls{display:flex;flex-direction:column;padding:0 .8rem;transition:max-height .3s ease,opacity .3s ease}.sidebar-controls.expanded{max-height:1000px;opacity:1}.sidebar-controls.collapsed{max-height:0;opacity:0}.sidebar-title{text-align:left;width:fit-content;color:#fff;font-size:2.3rem;font-style:normal;font-weight:700;line-height:normal;background:none;text-wrap:nowrap;padding:5px 5px 0;margin-bottom:2px;box-shadow:none;opacity:0;transition:box-shadow .3s ease-in-out,scale .7s ease-in-out,opacity .3s ease,color .7s ease-in-out}.sidebar-title.expanded{opacity:1;pointer-events:all}.sidebar-title.collapsed{position:relative;opacity:0;z-index:0;pointer-events:none}.sidebar-title:hover{background-color:var(--background-dark);box-shadow:0 10px 20px 2px #00000040 inset;transform:scale(.98)}.sidebar-search{border-radius:.3125rem;background:#d9d9d940;height:1.8rem;border:1px solid #717171;border-radius:7px 7px 0 0;color:#d9d9d9;padding:0 .7rem}.sidebar-misc{display:flex;text-align:center;gap:10px;margin:10px 5px;font-size:.7125rem;font-weight:400;text-wrap:nowrap;overflow:hidden}.sidebar-path{display:flex;align-items:center;color:#d9d9d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-segment{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis}.path-separator{margin:0 4px;color:#666}.sidebar-hr{height:1px;margin:0;background-color:#ffffff3a}.sidebar-filter{margin-left:auto}.sidebar-view{overflow-y:auto;overflow-x:hidden;flex-grow:1;box-shadow:inset 1px 20px 35px -7px #00000038;border-radius:7px;margin:0 .5rem .5rem}.sidebar-view::-webkit-scrollbar{width:0px}.sidebar-view::-webkit-scrollbar-track{background-color:#fff0}.sidebar-view::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.sidebar-view::-webkit-scrollbar-button{display:none}@media(max-width:1250px){.sidebar-title{font-size:2rem}}@media(max-width:1115px){.sidebar-title{font-size:1.5rem}}.Library{display:flex;flex-direction:column}.playlist-item{display:grid;width:100%;grid-template-columns:75px 1fr;align-items:center;padding:10px;transition:background-color .3s ease;border-radius:0;box-shadow:none}.playlist-item.collapsed{display:flex;align-items:center;justify-content:center;width:100%;padding:5px 0}.playlist-item:hover{background-color:#3a3a3a;box-shadow:none;transform:scale(1)}.playlist-item.selected{background-color:#d9d9d9;color:#3a3a3a}.master-list-image{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(122deg,var(--main-accent-color) 4.43%,#292029 100.37%);border-radius:5px}.master-list-image .crown{width:2.75rem;height:2.125rem;aspect-ratio:22/17}.master-list-image .crown.collapsed{width:1.75rem;height:1.125rem}.playlist-image{width:75px;height:75px}.playlist-image.collapsed{width:50px;height:50px}.playlist-image img{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:5px}.image-placeholder{width:100%;height:100%;background-color:#888}.playlist-details{flex-direction:column;pointer-events:none;align-items:flex-start;margin-left:10px}.playlist-title{font-size:1.3rem;font-weight:500}@media(max-width:900px){.playlist-title{font-size:.9rem}}.playlist-item.selected .playlist-creator{color:#3a3a3a}.playlist-creator{color:#d3d3d3;font-size:.9rem;font-weight:300;font-style:italic}.Collection{overflow-y:overlay;overflow-x:hidden;height:100%;width:100%}.Collection::-webkit-scrollbar{width:12px}.Collection::-webkit-scrollbar-track{background-color:#ffffff3b}.Collection::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.Collection::-webkit-scrollbar-button{display:none}.global-options{display:flex;align-items:center;background-color:var(--main-accent-color);padding:1rem}.profile-pic{width:30px;height:30px;border-radius:50%;background-color:var(--background-dark);margin-left:auto}.collection-header-container{display:flex;align-items:center;background-color:var(--main-accent-color);box-shadow:0 4px 5px #00000040;padding:2% 5%;container-type:inline-size}.collection-header{display:flex;width:100%;gap:20px;align-items:center;max-width:70vw}.collection-img{width:170px;min-width:170px;height:170px;min-height:170px;background-color:var(--background-dark);border-radius:4px}.collection-info{display:flex;flex-direction:column;height:150px;justify-content:center}.collection-state{display:flex;align-items:center;gap:.4rem}.collection-title,.collection-desc,.collection-creator,.collection-item-count{font-family:Inter,sans-serif;font-optical-sizing:auto;line-height:normal}.collection-title{color:#fff;font-size:4rem;font-style:normal;font-weight:700;letter-spacing:-.36rem}.collection-desc{color:#f2f2f2;font-size:1.15rem;font-style:normal;font-weight:0}.collection-info-container{display:flex;align-items:center;gap:.55rem;font-size:.9375rem}.collection-container{display:flex;flex-direction:column;box-shadow:inset 1px 20px 35px 6px #00000038}.collection-button-cont{display:flex;background-color:#bca8bb;border-radius:0 0 15px 15px;height:3.2rem;box-shadow:0 1px 3px #837482}.collection-buttons{display:flex;width:100%;align-items:center;padding:0 4%}.vertical-divider{width:1px;height:80%;background-color:var(--background-dark);opacity:.2;margin:0 1rem}.share-icon-container{margin-left:auto}.sync-button,.share-icon-button{background:none;margin-left:auto;box-shadow:none;cursor:pointer;transition:opacity .2s ease}.sync-button:disabled{cursor:not-allowed;opacity:.5}.play-on-spotify{display:flex;align-items:center;background-color:var(--background-dark);height:50%;color:#f2f2f2;gap:.5rem}.collection-view-more{display:flex;background:none;box-shadow:none}.collection-view-buttons{display:flex;margin-left:auto;max-height:100%;height:100%}.sort-order{display:flex;align-items:center;gap:.4rem;height:100%;padding:1rem 5px;background:none;color:#fff;box-shadow:none;font-size:1rem}.collection-search-container{display:grid;margin:.5em 0}.collection-search{color:#d9d9d9;border:none;border-radius:0 0 7px 7px;box-shadow:inset 0 0 5px #262626;text-align:center;background-color:var(--background-dark)76;font-size:1rem;font-weight:100;height:30px;grid-column-start:1;grid-row-start:1}.collection-search:focus{outline:solid 1px #ffffff;border:none;box-shadow:none}.search-button{display:flex;position:relative;background:none;align-items:center;padding:0;margin-left:10px;height:100%;opacity:10%;grid-column-start:1;grid-row-start:1;width:fit-content}.search-button:hover{transform:scale(1)}.filter-mode-button{margin-top:10px;padding:3px}.collection-body{padding:2% 5%}.collection-item-container{display:flex;background-color:var(--background-dark);box-shadow:0 4px 5px #00000040;padding:.1rem 0;border-radius:7px 7px 0 0;border-bottom:1px solid #8b8b8b;height:40px}.collection-item-header{display:grid;flex:1;grid-template-columns:min(7%,40px) 45px 2fr 1fr 20% max(80px,15%) max(75px,10%);align-items:center;padding:5px 10px}.collection-item-header.album{grid-template-columns:min(7%,40px) 1fr 1fr max(80px,15%) max(75px,10%)}.order-number,.ranking-number,.duration{display:flex;justify-content:center;justify-self:center;padding:0 10%}.waveform-container{white-space:nowrap;height:25px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.waveform{width:200%;height:100%}.waveform.animate{animation:scrollWave 2s linear infinite}@keyframes scrollWave{0%{transform:translate(0)}to{transform:translate(-50%)}}.collection-divider{margin:0}.collection-item-footer{display:flex;justify-content:center;align-items:center;background-color:var(--background-dark);box-shadow:0 4px 5px #00000040;padding:.1rem 0;border-radius:0 0 7px 7px;border-top:1px solid #8b8b8b;height:30px;font-weight:100;font-size:.8rem;margin-top:.5em}.recommendation-title{font-size:1.5rem}@container (max-width: 1150px){.collection-title{font-size:3rem;letter-spacing:-.2rem}}@container (max-width: 960px){.collection-title{font-size:2.5rem;letter-spacing:-.2rem}.collection-desc{font-size:1rem}.collection-img{width:150px;height:150px}}@container (max-width: 820px){.collection-title{font-size:2rem;letter-spacing:-.1rem}.collection-desc{font-size:.9rem}.collection-img{width:120px;min-width:120px;height:120px;min-height:120px}}@container (max-width: 650px){.collection-desc{display:none}}@container (max-width: 450px){.collection-title{font-size:1rem;letter-spacing:-.05rem}.collection-desc{font-size:.8rem}.collection-img{width:120px;min-width:120px;height:120px;min-height:120px}}.loading-skeleton{padding:2rem;animation:pulse 1.5s ease-in-out infinite alternate}.skeleton-header{height:170px;background:linear-gradient(90deg,#32323276 25%,#ffffff1a,#32323276 75%);border-radius:8px;margin-bottom:2rem;animation:shimmer 2s infinite linear}.skeleton-buttons{height:50px;background:linear-gradient(90deg,#32323276 25%,#ffffff1a,#32323276 75%);border-radius:4px;margin-bottom:1rem;animation:shimmer 2s infinite linear;animation-delay:.2s}.skeleton-tracks{display:flex;flex-direction:column;gap:.5rem}.skeleton-track{height:56px;background:linear-gradient(90deg,#32323276 25%,#ffffff1a,#32323276 75%);border-radius:4px;animation:shimmer 2s infinite linear}.skeleton-track:nth-child(odd){animation-delay:.1s}.skeleton-track:nth-child(2n){animation-delay:.3s}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.error-state h3{color:#ff6b6b;font-size:1.5rem;margin-bottom:1rem;font-family:Inter,sans-serif}.error-state p{color:#d9d9d9;font-size:1rem;margin-bottom:2rem;font-family:Inter,sans-serif}.retry-button{background-color:#1ed760;color:#000;border:none;padding:.75rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.retry-button:hover{background-color:#1db954;transform:scale(1.05)}.retry-button:active{transform:scale(.95)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-button.syncing{opacity:.7;pointer-events:none}.sync-button.disabled{opacity:.5;cursor:not-allowed}.sync-button span{margin-left:.5rem;font-size:.9rem;color:#323232;font-family:Inter,sans-serif}.autocomplete-suggestion{display:flex;justify-content:center;margin-top:10px;gap:10px}.autocomplete-item{background-color:#d9d9d96f}.active-tags{display:flex;gap:5px;margin-top:10px}.filter-tag{display:flex;gap:10px;align-items:center;padding:10px 10px 10px 15px;background-color:var(--background-dark);color:#d9d9d9}.filter-tag:hover{background-color:#d9d9d9a2;scale:1}.numberCircle{display:inline-block;line-height:0px;border-radius:50%;border:4px solid;font-size:4rem;font-weight:700}.numberCircle span{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:1rem;margin-right:1rem}input{border-radius:5px;border:1px solid #FFF;background:#62626238;padding:0 .5rem;color:#d9d9d9}.edit-library-entry-cont{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%}.edit-library-entry{display:flex;flex-direction:column;border-radius:7px;background-color:var(--background-dark);border:2px solid var(--background-darker);margin:5% auto;padding:15px 35px;width:50%;height:65vh}.edit-library-entry .exit{display:flex;margin-left:auto;background:none;color:#d9d9d9;font-size:1rem;padding:0}.edit-library-entry .info{display:flex;min-height:130px;padding:4% 3%;background-color:var(--main-accent-color);box-shadow:0 3px 5px #00000040;border-radius:7px;margin:1rem 0}.edit-library-entry .info .album{display:flex;width:80%;gap:4%}.edit-library-entry .info .album .album-info-cont{display:flex;flex-direction:column;justify-content:center;gap:2%;max-height:132px;color:#d9d9d9}.album-info-cont .name{font-size:2.2rem;letter-spacing:-.16rem;font-weight:700}.album-info-cont .artist{font-size:1.2rem}.album-info-cont .release-date{font-size:1rem;font-weight:100}.edit-library-entry .info .controls{display:flex;justify-content:center;flex-direction:column;margin-left:auto;gap:10px}.edit-library-entry .info .controls button{background-color:#d9d9d9;color:#323232}.edit-library-entry .hr{height:1px;background-color:#505050;margin:2rem 0 1rem}.edit-library-entry .body{flex-grow:1;display:flex;flex-direction:column;grid-template-columns:25% auto 25%;row-gap:10px}.score-and-date-listened{display:flex;margin-bottom:1rem}.date-listened{display:flex;flex-direction:column;align-items:center;grid-column-start:3;justify-content:flex-end;margin-left:auto}.date-listened .title{font-size:1.2rem;margin-bottom:5px}.date-listened input,.score input{color:#fff;text-align:center;width:calc(100% - .5rem);font-size:1.1rem;height:auto;border:1px solid #717171;border-radius:0 0 7px 7px}.score{display:flex;flex-direction:column;align-items:center;justify-items:center;justify-content:flex-end}.score .title{font-size:1.5rem;font-weight:900;margin-bottom:5px}.notes{display:flex;flex-direction:column;grid-row-start:2;grid-column-start:1;grid-column-end:4;flex-grow:1}.notes .title{display:flex;margin-bottom:5px;font-size:1.2rem;font-weight:300}.notes .body{display:flex;flex-direction:column;flex-grow:1;row-gap:0}.notes-tag-input{height:20%;border-radius:5px 5px 0 0;border-color:#505050}.notes-input{flex-grow:1;border-radius:0 0 5px 5px;border-color:#505050;border-top:none;color:#d9d9d9;background:#62626238;padding:.5rem;resize:none}.album-image{border-radius:4px;box-shadow:0 3px 5px #00000040}.tags{background:#62626238;border:1px solid #505050;border-top:none}.tag{background-color:#d9d9d96f;border-radius:5px;padding:0 .5rem;margin:.2rem}.title-sort-button,.album-sort-button,.artist-sort-button,.various-sort-button,.duration-sort-button{display:flex;gap:5px;background:none;color:#fff;box-shadow:none;opacity:1;font-size:1rem;padding:0 10px}.track-list{display:flex;flex-direction:column;gap:5px;padding:0;margin-top:0}.track-list.unranked .track-item{background-color:var(--background-dark);opacity:.7;box-shadow:none}.track-item{display:grid;align-items:center;grid-template-columns:min(7%,40px) 50px 2fr 1fr 20% max(80px,15%) max(75px,10%);background-color:var(--background-dark);border-radius:5px;padding:10px;height:75px;max-height:75px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.track-item:hover{background-color:#424242}.track-item:focus,.track-item:focus-visible{outline:none}.track-item:active{cursor:grab}.track-item.album{grid-template-columns:min(7%,40px) 1fr 1fr max(80px,15%) max(75px,10%);height:60px}.track-item.mini{grid-template-columns:min(7%,40px) 50px 1fr 25% max(80px,15%) max(75px,10%)}.track-item.selected{background-color:#715670;border:1px solid var(--main-accent-color);box-shadow:none}.track-item.highlighted{border:1px solid var(--main-accent-color);box-shadow:0 0 2px 2px #8f6e8e}.track-item.unsynced{opacity:.7;border-left:4px solid #715670}.track-item.ghost{opacity:.7;border-left:4px solid #a83f3f}.track-item-overlay{box-shadow:none;border-radius:50%;scale:.5}.track-image{display:flex;justify-content:center;border-radius:5px;height:50px;width:50px;overflow:hidden}.track-info-container{display:flex;flex-direction:column}.track-title{padding:0 10px;font-weight:700;text-overflow:ellipsis;overflow:hidden}.track-item.mini .track-title{max-width:100px;max-height:38px}.track-artists{padding:0 10px;font-weight:100;max-height:50px;overflow:hidden}.track-artists .artist:hover{text-decoration:underline}.track-album{padding-right:10px;line-height:20px;max-height:60px;overflow:hidden}.track-album:hover{text-decoration:underline}.ranking-number-container{display:flex;justify-content:center}.ranking-number{display:flex;justify-content:center;background-color:#4e4e4e;font-size:.9rem;font-weight:700;border-radius:7px;padding:3px 10px;max-width:fit-content}.ranking-number:hover{background-color:#4e4e4e7c}.ranking-bar{width:100%;height:10px;background-color:#fff;border-radius:10px;margin:20px 0;box-shadow:0 2px 4px #555}.track-item.dragging{cursor:grabbing;background-color:#424242;box-shadow:0 4px 8px #00000080}.track-item.dragging *{pointer-events:none}.track-item.dragging.invisible{opacity:0;pointer-events:none}.empty-ranked-list{padding:20px;text-align:center;color:#b3b3b3;border:2px dashed #b3b3b3;border-radius:4px;margin:10px;background-color:#0000001a;cursor:default}.empty-ranked-list:hover{border-color:var(--main-accent-color)}.track-context-menu{position:absolute;top:0;border-radius:7px;border:2px solid #333;border-top:none;background:#494949;box-shadow:0 3px 10px #00000040;color:#fafafa;font-weight:700;z-index:1000;min-width:250px;max-width:300px}.track-context-menu .body{width:100%;overflow:hidden}.track-context-menu button{display:flex;align-items:center;width:100%;background:#494949;font-weight:700;color:#fafafa;border-radius:0;gap:10px;padding:0 1rem;height:2rem}.track-context-menu button:hover,.track-context-menu button.active{background:#888;transform:none}.track-context-menu button.bottom{border-radius:0 0 10px 10px}.track-context-menu .header{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;border-top:1px solid #333;border-bottom:1px solid #333;background:#393939;height:1.3875rem;font-size:11px}.song-rank .rank{margin-left:auto;background-color:#333;font-weight:700;padding:1% 3%;border-radius:7px}.search-subcontext-menu{position:absolute;left:100%;display:flex;flex-direction:column;border-radius:4px;background:#393939;z-index:1001;padding:11px;min-width:200px;max-width:250px;max-height:80vh;overflow-y:auto}.search-subcontext-menu.add-to-playlist{top:1.6875rem}.search-subcontext-menu.ranked-in{top:13.375rem}.search-subcontext-menu input{height:20px;color:#474747;font-size:10px;font-style:normal;font-weight:200;line-height:normal;width:200px}.search-subcontext-menu button{display:flex;align-items:center;justify-content:center;width:100%;background:none;font-weight:700;color:#fafafa;gap:10px;border-radius:7px}.search-subcontext-menu .controls .hr{height:1px;width:100%;background-color:#474747}.search-subcontext-menu .playlists{max-height:10rem;overflow:auto}.search-subcontext-menu .playlists::-webkit-scrollbar{width:3px}.search-subcontext-menu .playlists::-webkit-scrollbar-track{background-color:#fff0}.search-subcontext-menu::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.search-subcontext-menu.left-aligned{left:auto;right:100%}.search-input-container{position:relative;display:flex;align-items:center;gap:8px}.help-button{z-index:1000;background:none;border:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:0;margin-left:auto;margin-right:10px;height:100%;width:10px;grid-column-start:1;grid-row-start:1}.help-button:hover .tooltip{opacity:1;visibility:visible}.tooltip{position:absolute;top:100%;right:0;margin-top:8px;background-color:#8f6e8e5d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:12px;min-width:450px;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;z-index:1000;box-shadow:0 2px 8px #0003}.tooltip:before{content:"";position:absolute;top:-6px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #2A2A2A}.tooltip-content{color:#fff;font-size:14px;line-height:1.5}.tooltip-title{font-size:16px;font-weight:600;margin-bottom:10px}.tooltip-content p{margin:4px 0}.tooltip-content code{background-color:#3a3a3a;padding:2px 4px;border-radius:3px;font-family:monospace}.tooltip-separator{border-top:1px solid #3A3A3A;margin:10px 0}.tooltip-footer{font-size:12px;font-style:italic}.Artist{display:flex;flex-direction:column;overflow-y:auto;height:100%;max-height:calc(100vh - 50px);width:100%;max-width:100%}.Artist::-webkit-scrollbar{width:8px}.Artist::-webkit-scrollbar-track{background-color:#ffffff3b}.Artist::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.Artist::-webkit-scrollbar-button{display:none}.artist-header-container{padding:5%;background-color:#0000005f;background-blend-mode:darken;box-shadow:0 3px 5px #00000040}.artist-header .subtitle{font-size:1.2rem}.artist-name{font-size:5rem;font-weight:700}.artist-body-container{display:flex;flex-direction:column}.artist-top-tracks{display:flex;flex-direction:column;width:80%;align-items:center;margin:auto}.artist-top-tracks .title{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:0 4px 5px #00000040;margin:20px 0;font-size:1.5rem;background-color:var(--background-dark);border-radius:7px 7px 0 0;height:50px;border-bottom:1px solid #d9d9d9}.artist-tracks{display:flex;flex-direction:column;width:100%;gap:5px;margin:0;padding:0}.artist-track{display:grid;grid-template-columns:35px 50px 1fr 1fr 40px;gap:10px;align-items:center;opacity:1;background:#323232;box-shadow:0 4px 5px #00000040;color:#d9d9d9;border-radius:7px;padding:5px 12px;width:100%;box-sizing:border-box;transition:all ease-in .1s}.artist-track:hover{transform:scale(1.05);opacity:.8}.artist-track.gold{border:solid 1px #FFD700}.artist-track.silver{border:solid 1px #C0C0C0}.artist-track.bronze{border:solid 1px #CD7F32}.artist-track .song-album-image{display:flex;width:50px;height:50px;border-radius:5px;overflow:hidden}.artist-track .song-name,.artist-track .album-name{display:flex}.Artist .footer{display:flex;align-items:center;justify-content:center;height:25px;width:100%;background-color:var(--background-dark);box-shadow:0 4px 5px #00000040;border-radius:0 0 7px 7px;margin:20px 0;border-top:1px solid #d9d9d9}.artist-line{background-color:#d9d9d9;width:100%;height:2px;border-radius:50%;margin:30px 0 10px}.artist-section-title{display:flex;justify-content:center;font-size:2rem;font-weight:700;margin-top:30px}.artist-album-image,.artist-related-image{display:flex;width:200px;height:200px;border-radius:7px;overflow:hidden}.artist-albums-container{display:flex;flex-direction:column;background-color:var(--background-dark)}.artist-albums-container .artist-albums,.artist-related .artist-list{display:flex;overflow-x:auto}.artist-album{display:inline-flex;gap:10px;flex-shrink:0;scroll-snap-align:start;height:100%;min-width:160px;max-width:160px}.artist-ranking{display:grid;grid-template-columns:1fr 1fr;gap:2%;padding:1% 5% 5%}.artist-song-ranking .title,.artist-album-ranking .title{display:flex;justify-content:center;align-items:center;background-color:var(--background-dark);border-radius:7px 7px 0 0;border-bottom:1px solid #d9d9d9;height:30px;margin-bottom:10px}.artist-list{max-width:1200px}.related-artist{width:200px}.NowPlaying{display:grid;width:100%;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:5px 15px;overflow:hidden}.nowplaying-song{display:flex;align-items:center;gap:10px}.np-song-img{display:flex;width:70px;min-width:70px;height:70px;background-color:var(--background-dark);overflow:hidden;border-radius:5px}.np-song{display:flex;align-items:center;gap:10px}.np-song-container{display:flex;flex-direction:column;gap:.25rem;margin-top:10px}.np-song-title{font-weight:700;font-size:.9rem;max-height:40px;line-height:1.5em;overflow:hidden}.np-song-artist{text-wrap:nowrap;max-width:200px;overflow-x:auto;overflow-y:hidden;color:#d3d3d3;font-size:.8rem;line-height:1.2em;height:30px;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(169,169,169,.144) transparent}.np-song-artist::-webkit-scrollbar{margin-top:10px;height:4px}.np-song-artist::-webkit-scrollbar-track{display:none}.np-song-artist::-webkit-scrollbar-thumb{display:none}.np-song-artist::-webkit-scrollbar-thumb:hover{background:#a9a9a980}.np-song-artist:active{cursor:grabbing}.np-song-artist .artist:hover{text-decoration:underline}.np-info-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.np-song-ranking{display:flex;justify-content:center;text-wrap:nowrap;background-color:#4e4e4e;font-size:.8rem;border-radius:7px;padding:4px 6px;max-width:fit-content}.np-like{display:flex;justify-content:center;background:none;padding:0;box-shadow:none}.track-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.track-controls-buttons{display:flex;justify-content:center;justify-items:center;width:100%;gap:1vw}.track-controls-buttons button{padding:0}.queue-button,.previous-track,.next-track,.play-button,.shuffle-button,.repeat-button{background:none;box-shadow:none;padding:10px}.track-progress-container{display:flex;align-items:center;justify-content:center;gap:2%;width:100%}.track-progress,.track-left{font-size:.8rem;font-weight:100;min-width:3rem;text-align:center}.track-progress-bar-wrapper{display:flex;align-items:center;width:80%;height:10px;border-radius:15px;background-color:var(--background-dark);border:1px solid #323232;cursor:pointer;transition:none;padding:0}.track-progress-bar-wrapper:hover{transform:none}.track-progress-bar{width:0%;height:10px;border-radius:15px;background-color:#d9d9d9;transition:width .1s ease}.track-progress-bar:hover{background-color:#a9a9a980}.np-buttons{display:flex}.lyric-button{background:none;box-shadow:none;width:fit-content;padding:0}.device-info{display:flex;flex-direction:column;align-items:center;margin-left:auto}.device-button{background:#323232;color:#d3d3d3;font-size:1rem;font-weight:700;box-shadow:none;padding:5px 10px}.device-button:hover{box-shadow:0 10px 20px 2px #00000040 inset;transform:scale(.98)}.np-volume{display:flex;align-items:center;width:80%}.np-volume-icon{display:flex;padding:0;background:none;align-content:center}.np-volume-slider{background:#a9a9a9;accent-color:#a9a9a9;outline:none;width:100%;margin-right:15px}.unranked-btn{background:none;padding:0;color:#d9d9d9}.play-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.play-button.disabled{cursor:not-allowed;opacity:.7}.generate-playlist-container{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#00000080}.generate-playlist-content{display:flex;flex-direction:column;row-gap:15px;border-radius:7px;background-color:var(--background-dark);border:2px solid var(--background-darker);margin:10% auto;padding:15px 35px;width:50%;max-height:80vh;overflow-y:auto;position:relative}.generate-playlist-exit-button{position:absolute;top:10px;right:10px;width:30px;height:30px;background:none;border:none;color:#d9d9d9;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.generate-playlist-exit-button:hover{background-color:#ffffff1a}.generate-playlist-title-container{display:flex;font-size:2.1rem;font-weight:700;gap:10px;margin-top:20px}.generate-playlist-title-container input{background-color:var(--dark-accent-color);border-radius:7px;color:var(--text-white);padding:5px;border:none;font-size:1.5rem;font-weight:700;text-align:center}.generate-playlist-description-container{display:flex;font-size:2.1rem;font-weight:700;flex-direction:column;gap:10px}.generate-playlist-description-container textarea{background-color:var(--dark-accent-color);border-radius:7px;color:var(--text-white);min-height:100px;padding:10px;border:none}.generate-playlist-filters-container{display:flex;font-size:1.5rem;font-weight:700;gap:10px}.generate-playlist-filter-tag{display:flex;font-size:.6rem;font-weight:700;border-radius:7px;background-color:var(--off-white);justify-content:center;align-items:center;padding:5px;color:var(--background-dark)}.generate-playlist-filter-tag:hover{background-color:#ffffff1a}.generate-playlist-filters-container button{margin-left:auto;background-color:var(--main-accent-color);color:var(--text-white)}.generate-playlist-footer{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:100;margin-top:10px}.Queue{display:flex;flex-direction:column}.settings-container{display:flex;justify-content:flex-end;padding:0 .5rem;position:absolute;top:0;right:0}.queue-title{display:flex;justify-content:center;align-items:center;width:fit-content;color:#fff;font-size:2.3rem;font-style:normal;font-weight:700;line-height:normal;background:none;text-wrap:nowrap;padding:5px;margin:.5rem .25rem;box-shadow:none;transition:box-shadow .3s ease-in-out,scale .7s ease-in-out,opacity .3s ease,color .7s ease-in-out}.queue-title:hover{background-color:var(--background-dark);box-shadow:0 10px 20px 2px #00000040 inset;transform:scale(.98)}.queue-menu{display:grid;grid-template-columns:30% auto;background-color:#bca8bb;height:40px;padding:5px 0;border-radius:0 0 15px 15px;box-shadow:0 1px 3px #837482;border-left:none;border-right:none}.queue-menu button{padding:0 .5rem;background-color:#4e4e4e;border-radius:5px;color:#d9d9d9}.queue-menu .platforms{display:flex;align-items:center;justify-content:space-evenly}.platforms .icon{width:20px;height:20px;padding:2px}.platforms .icon.selected{background-color:#d9d9d9;border-radius:50%}.queue-menu .quick-settings{display:flex;align-items:center;padding:1%}.queue-menu .quick-settings button{background-color:#d9d9d9;color:#323232;border-radius:20px;margin:2%}.queue-now-playing{display:flex;flex-direction:column;padding:4%;background-color:var(--main-accent-color)}.queue-now-playing .title{display:flex;align-items:center;gap:2%;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.queue-body .title{display:flex;align-items:center;gap:2%;font-size:1.5rem;font-weight:400;margin:1rem .5rem .75rem}.queue-body button{background:none;padding:0}.tracks-up-next{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;max-height:63vh;overflow:auto}.tracks-up-next::-webkit-scrollbar{width:2px}.tracks-up-next::-webkit-scrollbar-track{background-color:#ffffff3b}.tracks-up-next::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.tracks-up-next::-webkit-scrollbar-button{display:none}.AlbumLibrary{height:100%;padding:20px;max-height:95vh;overflow:auto;width:100%}.AlbumLibrary::-webkit-scrollbar{width:8px}.AlbumLibrary::-webkit-scrollbar-track{background-color:#ffffff3b}.AlbumLibrary::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.AlbumLibrary::-webkit-scrollbar-button{display:none}.album-library-header{display:flex;flex-direction:column;align-items:center;grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;background:linear-gradient(90deg,var(--main-accent-color) 0%,#292029 100%);border-radius:7px 7px 0 0;border:1px solid #272727;box-shadow:#d9d9d9;padding:10px 1rem}.album-library-header .search{flex:1;margin-right:20px;height:40%;border:1px solid #D9D9D9;border-radius:7px;padding:5px 10px}.album-library-header .title{align-self:flex-start;font-size:2.55rem;font-weight:400}.album-library-header .body{display:flex;align-items:center;width:100%}.album-library-header .view{display:flex;align-items:center;padding:10px;background-color:#505050;border-radius:7px;height:30%;gap:5px}.list-view-button,.tile-view-button{display:flex;align-items:center;background:none;border-radius:4px;padding:4px 2px}.list-view-button.active{background-color:var(--background-dark)}.album-library-body{grid-column-start:1;grid-column-end:3;display:flex;background-color:#383636;border-radius:0 0 7px 7px;border:1px solid #272727;border-top:none;padding:0 1rem;padding-bottom:2%;min-height:80vh}.album-library-sidebar{margin-left:1rem;margin-top:2%}.filter-options{display:flex;flex-direction:column;background-color:#8f6e8e7e;padding:10px;border-radius:7px;gap:10px}.filter-options .type .title,.filter-options .date .title{font-size:1.25rem;font-weight:700;letter-spacing:-.1125rem}.checkboxes{margin:5px}.dates{display:flex;flex-direction:column;gap:5px;margin:5px}.begin-date-input,.end-date-input{border-radius:7px;border:none;width:90%;color:#d9d9d9}.checkbox-group label{font-size:1.3625rem;font-weight:700}.album-library-albums{display:flex;flex-direction:column;flex-grow:1;height:fit-content}.album-library-albums .header{display:grid;width:100%;grid-template-columns:30px 70px 1fr 1fr 15% 16% 15%;border-bottom:1px solid #D9D9D9}.al-body-index,.al-body-title,.al-body-artist,.al-body-type,.al-body-release,.al-body-score{background:none;color:#d9d9d9;font-size:1.625rem;font-weight:700;letter-spacing:-.14625rem;box-shadow:none}.al-body-title,.al-body-artist{justify-self:flex-start;padding:0}.al-body-index{padding:0}.album-library-albums .album-library-album{display:grid;align-items:center;width:100%;height:60px;grid-template-columns:30px 70px 1fr 1fr 15% 16% 15%;margin:10px 0;padding:0;background:none;color:#d9d9d9;box-shadow:none}.album-library-albums .album-library-album:hover{background:#d9d9d9;color:#323232;box-shadow:none;scale:.95}.album-library-album .index,.album-library-album .image,.album-library-album .type,.album-library-album .release,.album-library-album .score{display:flex;justify-content:center;align-items:center}.album-library-album .title,.album-library-album .artist{display:flex;align-items:center;text-align:left}.album-library-album:hover .title,.album-library-album:hover .artist{color:#323232}.album-library-album .artist:hover,.album-library-album .title:hover{color:#d9d9d9}.album-library-album .image{background-color:#505050;border-radius:5px;margin:0 auto;width:50px;height:50px}body,.Home,.community-feed-container,.community-card,.community-feed-header,.community-feed-column-title{font-family:Inter,sans-serif}.Home{height:100%;width:100%;max-height:calc(100vh - 55px);overflow-y:scroll;background-color:#606060}.Home::-webkit-scrollbar{width:8px}.Home::-webkit-scrollbar-track{background-color:#ffffff3b}.Home::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.Home::-webkit-scrollbar-button{display:none}.home-body-container{display:flex;flex-direction:column;height:100%;width:100%}.profile-container{display:flex;flex-direction:row;align-items:center;min-height:100%;width:100%;padding:20px}.profile-sidebar{display:flex;flex-direction:column;align-items:center;max-width:300px;padding:15px;height:100%;border-radius:7px;flex:1;background-color:var(--background-dark)}.profile-sidebar-header{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:10px;border-radius:7px}.profile-sidebar-header-title{font-weight:700;font-size:1.5rem;margin-bottom:10px;text-align:center}.profile-sidebar-header-image{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.profile-sidebar-header-image img{border:none;border-radius:50%;background-color:var(--off-white)}.profile-sidebar-content{display:flex;flex-direction:column;width:100%;padding-top:5px;border-radius:7px}.profile-sidebar-content-divider{height:1px;width:100%;background-color:var(--off-white);margin:10px 0}.profile-sidebar-content-subtitle{font-weight:400;font-size:.9rem;text-align:center}.profile-sidebar-content-item{display:flex;flex-direction:row;align-items:center;width:100%;padding:10px;border-radius:7px;background-color:var(--background-dark)}.profile-sidebar-content-item-label{font-weight:700;font-size:.9rem;margin-bottom:5px}.profile-sidebar-content-item-value{font-weight:400;font-size:.9rem;margin-left:auto}.profile-main{display:flex;flex-direction:column;width:100%;flex:1;margin-left:20px}.profile-main-header{font-weight:700;font-size:1.2rem;text-align:center;background-color:var(--background-dark);border-radius:10px 10px 0 0}.profile-main-content-section{background-color:var(--background-dark);padding:10px;margin-top:10px}.profile-main-content-section.vertical{flex-direction:column;margin-left:10px}.profile-main-content-container{display:flex}.community-feed-container{display:flex;flex-direction:column;align-items:center;width:100%;flex:1}.community-feed-header{display:flex;flex-direction:row;width:100%;background-color:var(--main-accent-color);justify-content:center;border-radius:0 0 10px 10px;padding:10px}.community-feed-columns{display:flex;flex-direction:row;width:100%;flex:1;gap:10px;padding:10px}.community-feed-column{display:flex;flex-direction:column;width:100%;flex:1;gap:10px}.community-feed-column-title{display:flex;justify-content:center;font-weight:100;background-color:var(--background-dark);border-radius:10px 10px 0 0;padding:2px}.community-feed-list{display:flex;flex-direction:column;gap:10px}.community-feed-column-footer{background-color:var(--background-dark);border-radius:0 0 10px 10px;height:20px}.community-card{display:flex;align-items:center;padding:10px;background-color:var(--background-dark);border-radius:10px;position:relative}.community-card-img{width:80px;height:80px;border-radius:5px}.community-card-album-info{display:flex;align-items:center;flex-direction:column;flex:1;padding:10px}.community-card-username{text-align:center;font-weight:100;margin-bottom:5px}.community-card-title{font-weight:700;font-size:1.1rem;margin-bottom:5px}.community-card-artists{font-weight:100;font-size:.9rem}.community-card-score{font-size:1rem;font-weight:700;border:2px solid}.community-card-score span{margin-left:.5rem;margin-right:.5rem}.community-card-delete{display:flex;align-items:center;justify-content:center;position:absolute;top:3px;right:3px}.Settings{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.settings-header-container{display:flex;width:100%}.settings-header-title{font-size:3.5rem;font-weight:700}.settings-body-section{display:flex;background-color:var(--background-dark);border-radius:7px;flex-direction:column;margin:20px 0;padding:20px;width:100%}.settings-body-section-title{font-size:2rem;font-weight:700}.settings-body-section-content{display:flex;flex-direction:column;padding:20px}.settings-body-section-content-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px}.settings-body-section-content-item .toggle-button{width:20px;height:20px;border-radius:50%;background-color:#d9d9d9;color:#323232}.settings-body-section-content-item .toggle-button.active{background-color:#3cff00;color:#fff}.login-container{display:grid;grid-template-columns:30% auto;height:100%}.platform-container{display:flex;flex-direction:column;align-items:center;background-color:var(--background-dark);padding:5%}.platform-container .title{font-size:2rem;font-weight:600}.platform-container .platform{display:flex;align-items:center;gap:.5rem;flex-grow:1}.platform-container .platform .title{font-size:1.5rem}.login-main{display:flex;align-items:center;flex-direction:column;justify-content:center}.login-main .company{font-size:1.5rem;font-weight:100}.login-main .name{font-size:6.5rem;font-weight:700;margin-top:-1rem}.login-main .description{color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.25);font-size:13px;font-style:normal;font-weight:300;line-height:normal;margin:1rem}.search-results{display:flex;flex-direction:column;flex-grow:1;background-color:var(--background-dark);padding:1rem;border-radius:5px;border:2px solid #262626}.search-results .header{display:flex;width:100%;margin-bottom:2rem}.search-results .header .title{font-size:2rem}.search-results .header .change-layout{margin-left:auto}.search-body{display:flex;justify-content:space-between;gap:10px}.search-category{display:flex;flex-direction:column;flex:1;gap:10px}.search-category .subtitle{text-align:left;font-size:1.25rem}.search-category .songs,.search-category .albums,.search-category .artists,.search-category .playlists{display:flex;flex-direction:column;gap:5px}.search-result{display:flex;align-items:center;width:100%;gap:10px;height:5rem;background:none;box-shadow:none;padding:0}.search-result img{width:60px;height:60px;border-radius:5px}.search-result .round{border-radius:50%}.search-result .info{text-align:left}.search-result .info .title{font-weight:700;font-size:.9rem;max-height:18px;overflow:hidden;color:#d9d9d9}.search-result .info .subtitle{font-weight:100;font-size:.8rem;color:#d9d9d9}#titleBarContainer{position:absolute;top:env(titlebar-area-y,0);height:env(titlebar-area-height,var(--fallback-title-bar-height));width:100%;background-color:var(--background-dark);border:2px solid var(--background-darker);border-bottom:none;z-index:10}#titleBar{display:grid;grid-template-columns:max(4vw,80px) 50px 50px auto 50px;position:absolute;top:0;align-items:center;-webkit-user-select:none;user-select:none;height:100%;left:env(titlebar-area-x,0);width:env(titlebar-area-width,100%);color:var(--text-white);font-weight:700;text-align:center}#titleBar>span{margin:auto;padding:0 16px}.mainSearch-container{display:flex;flex-direction:column;flex-grow:1;align-self:flex-start;padding:0 1rem}.mainSearch{display:flex;color:var(--text-white);flex-grow:1;text-align:center;height:1.5rem;margin-top:12px}.mainSearch::selection{background:var(--background-dark)}.mainSearch:focus{outline:solid var(--main-accent-color)}.mainSearch:focus::placeholder{opacity:0}.search-results-container{position:absolute;margin-top:52px}.navigation-buttons{display:flex;align-items:center;justify-content:center}.back,.forward,.homeButton,.refreshButton{background:none;height:20px;padding:0 8px}.back:hover,.forward:hover{scale:.9;cursor:pointer}.back:active,.forward:active{background-color:var(--text-white)}#title-profile{display:flex;border-radius:100%;margin:0 10px;overflow:hidden}.titlebar-profile-button{background-color:var(--text-white);width:30px;height:30px;padding:0;margin:0}.SettingsMenu{position:absolute;background-color:var(--background-dark);border-radius:7px;top:50px}.SettingsMenu .settings-menu-buttons-container{display:flex;flex-direction:column;width:100%;height:100%;padding:5px}.SettingsMenu .settings-menu-buttons-container .settings-menu-button{background-color:var(--background-dark);color:var(--text-white);border-radius:7px;width:100%;height:100%}.SettingsMenu .settings-menu-buttons-container .settings-menu-divider{background-color:var(--off-white);height:1px;margin:5px}.mobile-main{display:flex;flex-direction:column;position:absolute;width:100%;height:100vh;top:0;left:0;background-color:#505050;background-image:linear-gradient(to top,#8f6e8e00 46%,#8f6e8e);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:767px){.mobile-main{height:100dvh}}.mobile-main{display:flex;flex-direction:column}.mobile-content{overflow:scroll;height:calc(100vh - var(--mobile-nav-menu-height) - var(--mobile-now-playing-height))}.mobile-album-collection{position:relative;display:flex;flex-direction:column;height:100%;width:100%}.mobile-album-collection .backbutton{width:20px;height:20px;margin:10px;background:none}.mobile-album-collection .mobile-album-score{position:absolute;top:20px;right:20px;justify-content:center;margin-left:auto}.mobile-album-info{display:flex;align-items:center;flex-direction:column;height:100%;width:100%;color:var(--off-white)}.mobile-album-info .album-art{display:flex;border-radius:8px;overflow:hidden}.mobile-album-info .album-art img{object-fit:cover;height:200px;width:200px}.mobile-album-info .mobile-album-title{font-size:20px;font-weight:700;margin-top:5px}.mobile-album-info .mobile-album-artist{display:flex;align-items:center;font-size:14px;font-weight:200;gap:10px}.mobile-album-info .album-artist img{border-radius:50%;height:20px;width:20px;background-color:var(--off-white)}.mobile-album-info .mobile-album-details{display:flex;margin-top:5px}.mobile-album-info .add-to-library{background-color:var(--background-dark);color:var(--off-white);border-radius:7px;padding:5px 20px;font-size:14px;font-weight:500;margin:10px 0;width:150px}.mobile-album-details{display:flex;gap:5px;font-size:10px;font-weight:500}.mobile-album-footer{display:flex;justify-content:center;font-size:12px;font-weight:300;margin:10px 0;padding-bottom:20px}.mobile-album-tracks{padding:0 20px}.mobile-album-tracks .ranked-tracks{display:flex;flex-direction:column;gap:10px}.mobile-album-tracks .divider{margin:10px 0 20px;height:1px;background-color:var(--off-white)}.mobile-album-tracks .unranked-tracks{display:flex;flex-direction:column;gap:10px;opacity:.7}.mobile-album-tracks .ghost-tracks{display:flex;flex-direction:column;gap:10px;opacity:.4}.mobile-album-tracks .ghost-track{opacity:.4}.mobile-album-track{display:grid;grid-template-columns:30px 1fr 100px 30px;align-items:center;padding:0 10px;background-color:var(--background-dark);border-radius:7px;height:50px}.mobile-album-track-number{display:flex;justify-content:center}.mobile-album-track-info{max-width:200px;margin-left:8px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-album-track-title{font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden}.mobile-album-track-artists{font-size:12px;font-weight:300;text-overflow:ellipsis;overflow:hidden}.mobile-album-track-ranking{display:flex;justify-content:center;background-color:var(--dark-accent-color);border-radius:5px;padding:2px 6px;max-width:85px;font-size:12px;justify-self:center}.mobile-album-track-more{background:none;border:none;cursor:pointer}.mobile-playlist-details{font-size:12px;font-weight:300;margin-top:5px;text-align:center}.mobile-playlist-track{display:grid;grid-template-columns:30px 40px 1fr 100px 30px;align-items:center;padding:0 10px;background-color:var(--background-dark);border-radius:7px;height:50px}.mobile-playlist-track-album{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:5px;overflow:hidden}.mobile-now-playing-container{display:flex;flex-direction:column;height:var(--mobile-now-playing-height);margin-top:auto}.mobile-now-playing{display:flex;padding:10px;background-color:var(--main-accent-color)}.mobile-np-song{display:flex;align-items:center;overflow:hidden;width:100%}.mobile-np-song-img{display:flex;width:50px;min-width:50px;height:50px;background-color:var(--background-dark);overflow:hidden;border-radius:5px}.mobile-np-song-img img{object-fit:cover}.mobile-np-song-info{display:flex;flex-direction:column;gap:5px;overflow:hidden;max-width:200px;margin:0 10px}.mobile-np-song-title{text-wrap:nowrap;font-size:16px;font-weight:700}.mobile-np-song-artist{text-wrap:nowrap;font-size:14px;font-weight:400}.mobile-np-song-ranking{display:flex;justify-content:center;text-wrap:nowrap;background-color:#4e4e4e;font-size:.8rem;border-radius:7px;padding:4px 6px;max-width:fit-content;margin-left:auto}.mobile-np-play-button{background:none}.mobile-now-playing-container .track-progress-container .track-progress-bar-wrapper{width:100%;height:5px}.mobile-now-playing-container .track-progress-container .track-progress-bar{border-radius:0 15px 15px 0;height:5px}.mobile-np-expanded-art-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto}.mobile-np-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(to bottom,var(--main-accent-color),#1a1a1a 60%);transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);will-change:transform;overflow:hidden}.mobile-np-expanded.open{transform:translateY(0)}.mobile-np-expanded-inner{display:flex;flex-direction:column;align-items:center;height:100%;padding:12px 24px env(safe-area-inset-bottom,24px);overflow-y:auto}.mobile-np-expanded-handle{display:flex;justify-content:center;width:100%;padding:8px 0 16px;background:none;cursor:pointer}.mobile-np-handle-bar{width:40px;height:5px;border-radius:3px;background-color:#ffffff59}.mobile-np-surrounding-tracks{display:flex;flex-direction:column;width:100%;gap:10px;margin:10px 0}.mobile-np-surrounding-track-header{font-size:1.2rem;font-weight:300}.mobile-np-surrounding-track{display:flex;border-radius:7px;width:100%;padding:10px;align-items:center;background-color:var(--background-dark)}.mobile-np-surrounding-track-info{margin-left:10px}.mobile-np-surrounding-track-title{font-size:.9rem;font-weight:500}.mobile-np-surrounding-track-artist{font-size:.8rem;font-weight:300}.mobile-np-surrounding-track-img{display:flex;width:50px;min-width:50px;height:50px;background-color:var(--background-dark);overflow:hidden;border-radius:5px}.mobile-np-surrounding-track-ranking{display:flex;justify-content:center;background-color:var(--dark-accent-color);border-radius:5px;padding:2px 6px;max-width:85px;font-size:14px;margin-left:auto}.mobile-np-expanded-art{width:min(75vw,340px);aspect-ratio:1;border-radius:12px;overflow:hidden;background-color:var(--background-dark);flex-shrink:0}.mobile-np-expanded-art img{width:100%;height:100%;object-fit:cover}.mobile-np-expanded-art-placeholder{width:100%;height:100%;background-color:var(--background-dark)}.mobile-np-expanded-ranking-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.mobile-np-expanded-ranking-control-btn{background:none}.mobile-np-expanded-info{width:100%;text-align:center;margin-top:24px;overflow:hidden}.mobile-np-expanded-title{font-size:22px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--off-white)}.mobile-np-expanded-artist{font-size:16px;font-weight:400;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.7;color:var(--off-white)}.mobile-np-expanded-ranking{margin-top:12px}.mobile-np-expanded-rank-badge{background-color:#4e4e4e;border-radius:7px;padding:6px 14px;font-size:.9rem;color:var(--off-white)}.mobile-np-expanded-unranked-btn{background:#ffffff1a;color:var(--off-white);border-radius:7px;padding:6px 14px;font-size:.9rem}.mobile-np-expanded-progress{width:100%;margin-top:24px}.mobile-np-expanded-progress-bar-wrapper{display:flex;align-items:center;width:100%;height:8px;border-radius:15px;background-color:#ffffff26;cursor:pointer;padding:0}.mobile-np-expanded-progress-bar-wrapper:hover{transform:none}.mobile-np-expanded-progress-bar{height:8px;border-radius:15px;background-color:#d9d9d9;transition:width .1s ease}.mobile-np-expanded-times{display:flex;justify-content:space-between;margin-top:6px;font-size:.75rem;font-weight:300;opacity:.6;color:var(--off-white)}.mobile-np-expanded-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;width:100%}.mobile-np-ctrl-btn{background:none;display:flex;align-items:center;justify-content:center;padding:8px}.mobile-np-ctrl-play{padding:0 8px}.mobile-np-expanded-actions{display:flex;gap:12px;margin-top:auto;padding:16px 0}.mobile-np-action-btn{background:#ffffff1a;color:var(--off-white);border-radius:20px;padding:8px 20px;font-size:.85rem;font-weight:500;text-decoration:none}.nav-menu{display:flex;flex-direction:row;justify-content:space-between;padding:10px;background-color:var(--background-dark);height:var(--mobile-nav-menu-height)}.mobile-nav-menu-button{color:var(--text-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none}.mobile-search-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--background-dark);padding:10px}.mobile-search-category{display:flex;flex-direction:column;height:100%}.mobile-search-header{font-size:2.75rem;font-weight:700;margin-top:5px}.mobile-search-input{height:40px;border-radius:7px;border:none;background-color:#d9d9d92f;color:var(--off-white);margin-top:5px;padding:10px}.mobile-search-category-header-title{font-size:1.5rem;font-weight:700;margin-top:10px}.mobile-search-category-results{display:flex;width:100%;gap:10px;margin-top:auto}.mobile-search-result{display:flex;flex-direction:column;align-items:flex-start;background:none;box-shadow:none;width:80px;margin:0 auto;height:120px}.mobile-search-result .img{display:flex;width:80px;height:80px;background-color:var(--background-dark);border-radius:5px}.mobile-search-result .img img{width:80px;height:80px;border-radius:5px}.mobile-search-result .info{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;overflow:hidden}.mobile-search-result .info .title{font-size:1rem;font-weight:700;text-overflow:ellipsis;text-wrap:nowrap;color:var(--off-white)}.mobile-search-result .info .subtitle{font-size:.7rem;font-weight:200;text-overflow:ellipsis;text-wrap:nowrap;color:var(--off-white)}.mobile-library-container{display:flex;flex-direction:column;height:auto;min-height:100%;width:100%;background-color:var(--background-dark);padding:10px}.mobile-library-header{font-size:2.75rem;font-weight:700;margin-top:5px}.mobile-library-content{display:flex;flex-direction:column;gap:10px;margin-top:20px}.mobile-library-item{display:flex;align-items:center;padding:2px 10px;max-height:80px;width:100%}.mobile-playlist-title{font-size:1.5rem;font-weight:500;letter-spacing:-.05em}.mobile-playlist-creator{color:var(--off-white);font-size:1rem;font-weight:300;font-style:italic}.mobile-album-library-container{display:flex;flex-direction:column;height:auto;min-height:100%;width:100%;background-color:var(--background-dark);padding:10px}.mobile-album-library-header{font-size:2.75rem;font-weight:700;margin-top:5px}.mobile-edit-entry-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--background-dark);padding:10px;overflow-y:auto}.mobile-edit-entry-loading{display:flex;justify-content:center;align-items:center;height:100%;color:var(--off-white)}.mobile-edit-entry-back{width:20px;height:20px;margin:10px;background:none;border:none;cursor:pointer}.mobile-edit-entry-header{display:flex;flex-direction:column;gap:15px;padding:15px;background-color:var(--main-accent-color);border-radius:7px;margin-bottom:20px}.mobile-edit-entry-album{display:flex;gap:15px;align-items:center}.mobile-edit-entry-album-image{width:100px;height:100px;border-radius:5px;object-fit:cover}.mobile-edit-entry-album-info{display:flex;flex-direction:column;gap:5px;flex:1;color:var(--off-white)}.mobile-edit-entry-album-name{font-size:1.5rem;font-weight:700}.mobile-edit-entry-album-artist{font-size:1rem;font-weight:400}.mobile-edit-entry-album-date{font-size:.9rem;font-weight:300;opacity:.8}.mobile-edit-entry-controls{display:flex;gap:10px}.mobile-edit-entry-save-btn,.mobile-edit-entry-delete-btn{flex:1;padding:10px;border-radius:7px;border:none;font-size:1rem;font-weight:500;cursor:pointer}.mobile-edit-entry-save-btn{background-color:#d9d9d9;color:#323232}.mobile-edit-entry-delete-btn{background-color:#f44;color:#fff}.mobile-edit-entry-body{display:flex;flex-direction:column;gap:20px}.mobile-edit-entry-score-date{display:flex;gap:15px}.mobile-edit-entry-score,.mobile-edit-entry-date{flex:1;display:flex;flex-direction:column;gap:8px}.mobile-edit-entry-label{font-size:1rem;font-weight:500;color:var(--off-white)}.mobile-edit-entry-input{padding:10px;border-radius:7px;border:1px solid #717171;background-color:#62626238;color:var(--off-white);font-size:1rem}.mobile-edit-entry-input:focus{outline:none;border-color:var(--main-accent-color)}.mobile-edit-entry-notes{display:flex;flex-direction:column;gap:10px}.mobile-edit-entry-notes-body{display:flex;flex-direction:column;gap:0}.mobile-edit-entry-tag-input{padding:10px;border-radius:7px 7px 0 0;border:1px solid #505050;border-bottom:none;background-color:#62626238;color:var(--off-white);font-size:.9rem}.mobile-edit-entry-tag-input:focus{outline:none;border-color:var(--main-accent-color)}.mobile-edit-entry-tags{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background-color:#62626238;border:1px solid #505050;border-top:none;min-height:40px}.mobile-edit-entry-tag{background-color:#d9d9d970;border-radius:5px;padding:5px 10px;font-size:.85rem;color:var(--off-white);cursor:pointer}.mobile-edit-entry-notes-textarea{flex:1;min-height:150px;padding:10px;border-radius:0 0 7px 7px;border:1px solid #505050;border-top:none;background-color:#62626238;color:var(--off-white);font-size:.9rem;font-family:inherit;resize:vertical}.mobile-edit-entry-notes-textarea:focus{outline:none;border-color:var(--main-accent-color)}.mobile-album-title{font-size:1.3rem;font-weight:500;letter-spacing:-.05em}.mobile-album-creator{color:var(--off-white);font-size:.9rem;font-weight:300;font-style:italic}.mobile-album-score{display:flex;justify-content:center;margin-left:auto;scale:.5;max-width:80px}