@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: 50px;--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}.draggable{app-region:drag;-webkit-app-region:drag}.nonDraggable{app-region:no-drag;-webkit-app-region:no-drag}button{-webkit-app-region:no-drag}#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}.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}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;min-height:100%}.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;flex-wrap:wrap;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}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}.mini-track-list{container-type:inline-size}.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%)}@container (max-width: 720px){.mini-track-list .track-item.mini{grid-template-columns:min(7%,40px) 50px 1fr 25% max(80px,15%)}.mini-track-list .duration{display:none}}.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)}.unranked-btn{background:none;padding:0;color:#d9d9d9}.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}.collection-search-container.drag-over{outline:1px dashed #8f6e8e;outline-offset:2px}.help-button{z-index:10;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;overflow-x:hidden;height:100%;max-height:calc(100vh - 50px);width:100%;max-width:100vw}.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}.back-button{position:relative;left:-10px;width:25px;height:20px;margin-bottom:10px;background:none;display:none}@media(max-width:768px){.back-button{display:block}}.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}@media(max-width:900px){.artist-ranking{grid-template-columns:1fr}}.album-item{display:grid;align-items:center;grid-template-columns:min(7%,35px) 90px 2fr 1.2fr 15% max(80px,15%);background-color:var(--background-dark);border-radius:5px;padding:10px;box-shadow:0 2px 4px #00000080;height:155px;cursor:pointer}.album-item .album-image{display:flex;justify-content:center;border-radius:5px;height:90px;width:90x;overflow:hidden}.album-title{margin-left:10px}.album-score{display:flex;justify-content:center;background-color:#4e4e4e;color:#d9d9d9;font-size:1.2rem;font-weight:700;border-radius:7px;opacity:1;box-shadow:none;padding:5px 10px;max-width:fit-content}.album-score:hover{background-color:#4e4e4e7c;color:#d9d9d976}.album-item .release-date{display:flex;justify-content:center}.RdLhRDHd{display:flex;align-items:center;gap:10px}.Cu6jpD75{display:flex;width:70px;min-width:70px;height:70px;background-color:var(--background-dark);overflow:hidden;border-radius:5px}.Cu6jpD75 img{width:100%;height:100%;object-fit:cover}.RC5QTrK0{display:flex;align-items:center;gap:10px}.NHDjVgzg{display:flex;flex-direction:column;gap:.25rem;margin-top:10px}.VD9MfzzO{font-weight:700;font-size:.9rem;max-height:40px;line-height:1.5em;overflow:hidden}.Sxc8MK-e{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;-webkit-user-select:none;user-select:none}.Sxc8MK-e::-webkit-scrollbar{margin-top:10px;height:4px}.Sxc8MK-e::-webkit-scrollbar-track{display:none}.Sxc8MK-e::-webkit-scrollbar-thumb{display:none}.Sxc8MK-e::-webkit-scrollbar-thumb:hover{background:#a9a9a980}.Sxc8MK-e:active{cursor:grabbing}.nM2KWqos:hover{text-decoration:underline}.Ur-LHDv1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.lNREJFDn{display:flex;justify-content:center;text-wrap:nowrap;background-color:#4e4e4e;font-size:.8rem;border-radius:7px;padding:4px 6px;max-width:fit-content}.urbCvKjV{background:none;padding:0;color:#d9d9d9}.uayCzu7W{background:none;padding:0;color:#d9d9d9;cursor:not-allowed}.op08bIO5{display:flex;justify-content:center;background:none;padding:0;box-shadow:none}.S9z0Bfj2{display:grid;width:100%;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:5px 15px;overflow:hidden}.S9z0Bfj2 button{box-shadow:none}.UVmiZeVo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.UfffhUpI{display:flex;justify-content:center;justify-items:center;width:100%;gap:1vw}.UfffhUpI button{padding:0}.BLdbbLyN{background:none;padding:10px}.f82ZNm3S{background:none;width:fit-content;padding:0}.PZJ3X11r{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.hP8fWp9t{cursor:not-allowed;opacity:.7}._0W5w0m-Q{display:flex;align-items:center;justify-content:center;gap:2%;width:100%}.MBPiXfOe{font-size:.8rem;font-weight:100;min-width:3rem;text-align:center}.BF670oxy{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}.BF670oxy:hover{transform:none}.-xx2PZQX{width:0%;height:10px;border-radius:15px;background-color:#d9d9d9;transition:width .1s ease}.-xx2PZQX:hover{background-color:#a9a9a980}.OPy8HCsB{display:flex}.p-pgYZyV{display:flex;flex-direction:column;align-items:center;margin-left:auto}.focp-DIF{background:#323232;color:#d3d3d3;font-size:1rem;font-weight:700;box-shadow:none;padding:5px 10px}.focp-DIF:hover{box-shadow:0 10px 20px 2px #00000040 inset;transform:scale(.98)}._3OVsgQeC{display:flex;align-items:center;width:80%}.ZIpmJkp0{display:flex;padding:0;background:none;align-content:center}.bbaGoMpb{background:#a9a9a9;accent-color:#a9a9a9;outline:none;width:100%;margin-right:15px}.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:stretch;min-height:100%;width:100%;max-width:100%;padding:20px;box-sizing:border-box;overflow:hidden}.profile-sidebar{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:300px;padding:15px;height:100%;border-radius:7px;flex:0 0 auto;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;padding-left:20px;min-width:0;flex:1;overflow:hidden}.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:20px;border-radius:7px}.profile-main-content-section.vertical{flex-direction:column;min-width:120px}.profile-main-content-container{display:flex;min-width:0;flex:1;overflow:auto}.profile-main-content{min-width:0;flex:1;padding-right:20px}.profile-main-content-section-title{font-weight:700;font-size:1.2rem;background-color:var(--background-dark);border-radius:10px 10px 0 0;margin-bottom:10px}.profile-main-content-section-content{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px}.profile-main-content-section-content::-webkit-scrollbar{height:2px}.profile-main-content-section-content::-webkit-scrollbar-track{background-color:#ffffff3b}.profile-main-content-section-content::-webkit-scrollbar-thumb{background-color:#ffffff5d}.profile-main-content-section-content::-webkit-scrollbar-button{display:none}.profile-main-content-section-content-item{display:flex;flex-direction:column;min-width:6rem;max-width:6rem;overflow:hidden;margin-right:10px;margin-bottom:10px;gap:10px}.profile-main-content-section-content-item-image{width:90px;height:90px}.profile-main-content-section-content-item-image img{background-color:var(--off-white);border-radius:5px;width:100%;height:100%}.profile-main-content-section-content-item-label{display:flex;flex-direction:column;gap:10px;text-overflow:ellipsis;overflow:hidden}.profile-main-content-section-content-item-label .title{font-weight:700;font-size:.8rem;text-overflow:ellipsis;text-wrap:nowrap}.profile-main-content-section-content-item-label .artists{font-weight:400;font-size:.6rem;text-overflow:ellipsis;text-wrap:nowrap}.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}@media(max-width:768px){.community-feed-columns{flex-direction:column}}.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-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}.qXaNhdvF{display:flex;flex-direction:row;align-items:stretch;width:100%;padding:20px;box-sizing:border-box}.uayXHxvi{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:300px;padding:15px;height:100%;border-radius:7px;flex:0 0 auto;background-color:var(--background-dark)}.DiuPiLhA{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:10px;border-radius:7px}._0vJwJSOV{font-weight:700;font-size:1.5rem;margin-bottom:10px;text-align:center}.VwOJvgdm{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.VwOJvgdm img{border:none;border-radius:50%;background-color:var(--off-white)}.xZ8x2H40{width:140px;height:140px;border-radius:50%;background-color:var(--off-white)}._5R-fux68{margin-top:10px}.xpKgSFp7{display:flex;flex-direction:column;width:100%;padding-top:5px;border-radius:7px}.SlnCIVHq{height:1px;width:100%;background-color:var(--off-white);margin:10px 0}.fIGbRqPO{font-weight:400;font-size:.9rem;text-align:center}.Vi8ANnz2{display:flex;flex-direction:row;align-items:center;width:100%;padding:10px;border-radius:7px;background-color:var(--background-dark)}.Curn--7s{font-weight:700;font-size:.9rem;margin-bottom:5px}._2Z3jhecF{font-weight:400;font-size:.9rem;margin-left:auto}._7ofD-eHY{display:flex;flex-direction:column;padding-left:20px;min-width:0;flex:1;overflow:hidden}.f82zfa-D{font-weight:700;font-size:1.2rem;text-align:center;background-color:var(--background-dark);border-radius:10px 10px 0 0;padding:5px;margin-bottom:20px}.EexpbzYA{display:flex;min-width:0;flex:1;overflow:auto;overflow:hidden}.AQtsjG4O{min-width:0;flex:1}.ek5RbBsr{background-color:var(--background-dark);padding:10px;margin-bottom:20px;border-radius:7px}.yHAWjF3X{flex-direction:column;min-width:120px}.nVlhi-Vn{font-weight:700;font-size:1.2rem;background-color:var(--background-dark);border-radius:10px 10px 0 0;margin-bottom:10px}.kyKJe71M{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px}.wjWmqckP{display:flex;flex-direction:column;overflow-y:auto;text-align:center}.ZdwXGS19{display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.kyKJe71M::-webkit-scrollbar{height:2px}.kyKJe71M::-webkit-scrollbar-track{background-color:#ffffff3b}.kyKJe71M::-webkit-scrollbar-thumb{background-color:#ffffff5d}.kyKJe71M::-webkit-scrollbar-button{display:none}.P70RzG-G{display:flex;flex-direction:column;min-width:6rem;max-width:150px;overflow:hidden;margin-right:10px;margin-bottom:10px;gap:10px}.HqId36ok{all:unset;display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow:hidden;margin-right:10px;margin-bottom:10px;gap:10px;cursor:pointer}.HqId36ok:hover{transform:scale(1)}.HqId36ok:focus-visible{outline:2px solid var(--off-white);outline-offset:2px;border-radius:5px}.HqId36ok:hover .tuHnpkar,.HqId36ok:hover .qR5w58X2{text-decoration:underline}.yL9nqJ14,.vyv-wgxv{width:150px;height:150px}.yL9nqJ14 img{background-color:var(--off-white);border-radius:5px;width:100%;height:100%}.vyv-wgxv img{background-color:var(--off-white);border-radius:50%;width:100%;height:100%}.wsUodE06{display:flex;flex-direction:column;gap:10px;text-overflow:ellipsis;overflow:hidden}.tuHnpkar{font-weight:700;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qR5w58X2{font-weight:400;font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.QwxB6Ait{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;min-width:6rem;gap:10px}.qvRgIDTT{display:flex;flex-direction:column;height:100%;width:100%;padding:20px;overflow-y:auto}.qvRgIDTT::-webkit-scrollbar{width:12px}.qvRgIDTT::-webkit-scrollbar-track{background-color:#ffffff3b}.qvRgIDTT::-webkit-scrollbar-thumb{border-radius:7px;border:none;background-color:#ffffff5d}.qvRgIDTT::-webkit-scrollbar-button{display:none}.cAa3C-RF{display:flex;width:100%}.XP7-Vr0j{font-size:3.5rem;font-weight:700}.GCc954cI{font-size:2.5rem;font-weight:700}.J1NL1VS-{display:flex;background-color:var(--background-dark);border-radius:7px;flex-direction:column;margin:20px 0;padding:20px;width:100%}.K41oXFhE{font-size:2rem;font-weight:700}.ztaLcxsF{display:flex;flex-direction:column;padding:20px;gap:40px}.UpZx86Wp{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;gap:16px}._0dbza0fp{min-width:230px;border-radius:5px;border:1px solid #757575;background-color:#505050;color:#d9d9d9;padding:8px 10px}.IoUhQLal{width:20px;height:20px;border-radius:50%;background-color:#d9d9d9;color:#323232}.Xq7m6-U3{background-color:#3cff00;color:#fff}._2ubBfhUW{display:flex;gap:20px;flex-wrap:wrap}.ycM8ezIX{display:flex;flex:1;flex-direction:column;gap:10px;min-width:350px}.dHNzJnkW{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.lfgFWJiO{font-size:1.1rem;font-weight:400}.dHNzJnkW button{margin-left:auto;background:none;color:var(--main-accent-color)}.TLYFlFOa{width:100%;height:1px;background-color:#d9d9d9}.P5Iwos21{display:flex;flex-direction:column;gap:10px}.F9IAK0Oz{display:flex;flex-direction:row;gap:10px}._1dfZ-2F-{width:100%;border-radius:5px;border:1px solid #757575;background-color:#505050;color:#d9d9d9;padding:10px}.nw8n6zU5{background-color:var(--main-accent-color);color:var(--off-white)}.J809s1NW{font-size:.9rem;font-weight:400;color:#d9d9d9}.vqSfnpoF{display:flex;flex-direction:column;gap:10px;background-color:#505050;border-radius:7px;padding:10px}._2qQfxaot{display:flex;gap:10px;flex-direction:row;align-items:center}._9gMpEV7C,.DDcriucE{font-size:.9rem;font-weight:400;color:#d9d9d9}._2qQfxaot button{background:none;margin-left:auto;color:var(--off-white);font-size:.9rem;font-weight:400}.u3R6hb2z{opacity:.5}.t3f666zn{margin-left:0!important;margin-right:6px;color:#7b7b7b;cursor:not-allowed;background:none}._0cWKjoyh{cursor:grab;color:var(--main-accent-color)}.nt9jX-SG{font-size:.85rem;color:#ff9c9c}.Jko6R2c3{font-size:.85rem;color:#c7c7c7}.G6g6--4g{display:flex;flex-direction:row;gap:10px;align-items:center}.-WIfillO{background-color:var(--main-accent-color);color:var(--off-white)}._3SNxYE3U{font-size:.9rem;color:#d9d9d9}.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:flex;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;align-items:center;width:100%;flex-direction:column;flex-grow:1;padding:0 1rem}.mainSearch{display:flex;color:var(--text-white);width:100%;text-align:center;height:1.5rem}.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;margin:0 10px}.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:35px;aspect-ratio:1;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)}.mobile-content{overflow:scroll;height:calc(100vh - var(--mobile-nav-menu-height) - var(--mobile-now-playing-height))}@media(max-width:767px){.mobile-main{height:100dvh}}.JFo0Y-qk{position:relative;display:flex;flex-direction:column;height:100%;width:100%}.k7yg405y{width:20px;height:20px;margin:10px;background:none}._0zgLGkrJ{position:relative;top:-40px;left:-20px;transform:scale(.5)}._8jVHx-Xv{display:flex;align-items:center;flex-direction:column;width:100%;color:var(--off-white)}.rn6y8yv-{display:grid;width:100%;grid-template-columns:25% 50% 25%}._58dY5NQ4{grid-column:2;display:flex;justify-content:center;overflow:hidden}._58dY5NQ4 img{object-fit:cover;border-radius:8px;height:200px;width:200px}.eMyO3Sfj{font-size:20px;font-weight:700;margin-top:5px}.oRBN2cjT{display:flex;align-items:center;font-size:14px;font-weight:200;gap:10px}._3uTZO30o{display:flex;margin-top:5px;gap:5px;font-size:10px;font-weight:500}.K94VH9zb{background-color:var(--background-dark);color:var(--off-white);border-radius:7px;padding:5px 20px;font-size:14px;font-weight:500;margin-top:10px;width:150px}.csb-p1PZ{display:flex;width:100%;margin:10px 0;padding:0 20px}.csb-p1PZ .collection-search-container{width:100%}.csb-p1PZ .collection-search{background-color:var(--background-dark)}.csb-p1PZ .collection-search::placeholder{color:var(--off-white);opacity:1}.dgwgnn0Z{display:flex;justify-content:center;font-size:12px;font-weight:300;margin:10px 0;padding-bottom:20px}.YgbZdP5h{height:40px;border-radius:7px;border:none;background-color:#d9d9d92f;color:var(--off-white);margin-top:5px;padding:10px}.tES-3Oln{font-size:2.75rem;font-weight:700;margin-top:5px}.V-5JTztU{display:flex;flex-direction:column;gap:10px;margin-top:20px}.ZnmF-LtU{display:flex;align-items:center;padding:2px 10px;max-height:80px;width:100%}.DofZdX9d{font-size:1.5rem;font-weight:500;letter-spacing:-.05em}.Y3OwhsV5{color:var(--off-white);font-size:1rem;font-weight:300;font-style:italic}.w0aGnJvV{font-size:1.3rem;font-weight:500;letter-spacing:-.05em}.VL5kwdXN{color:var(--off-white);font-size:.9rem;font-weight:300;font-style:italic}.D5Y60M7n{display:flex;justify-content:center;margin-left:auto;scale:.5;width:80px}._32UuDMC6{width:75px;min-width:75px;height:75px}.l6seSKTt{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:5px}.qWMaqJTa{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}.T-P8mFtv{width:2.75rem;height:2.125rem;aspect-ratio:22/17}._7HbZNgA-{flex-direction:column;flex:1;pointer-events:none;align-items:flex-start;margin-left:10px}.OYJGTs9H{display:flex;justify-content:center;justify-self:center;padding:0 10%}.tNW7cp0v{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)}.vUttOzG3{width:200%;height:100%}.CRpl1fpe{animation:N9BwOI5J 2s linear infinite}@keyframes N9BwOI5J{0%{transform:translate(0)}to{transform:translate(-50%)}}.TcP6SH4f{font-size:.7rem;opacity:.9}.I0xH4E8H{display:inline-block;line-height:0;border-radius:50%;border:4px solid;font-size:4rem;font-weight:700}.I0xH4E8H>span{display:inline-block;padding-top:50%;padding-bottom:50%;margin-left:1rem;margin-right:1rem}._8iKKjCvv{padding:0 20px}.r-uX6-iX{display:flex;flex-direction:column;gap:10px}.QUPo3PrU{margin:10px 0 20px;height:1px;background-color:var(--off-white)}.dLe13ga5{display:flex;flex-direction:column;gap:10px;opacity:.7}.OD9U-6QS{display:flex;flex-direction:column;gap:10px;opacity:.4}.aOeYVwrG{opacity:.4}.HKtMAciH{opacity:.7;font-size:.9rem}._86Gbx3gf{cursor:pointer}.L4K2BZai{touch-action:pan-y;user-select:none;-webkit-user-select:none}.m-tSOeJV{z-index:5}.XarlIV9d{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}._57IL5kR0{display:flex;justify-content:center}.c-JwyZBQ{max-width:200px;margin-left:8px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.U3D3Nz-g{font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden}.m9rxmzON{font-size:12px;font-weight:300;text-overflow:ellipsis;overflow:hidden}.VzkTYAtM{display:flex;justify-content:center;background-color:var(--dark-accent-color);color:var(--off-white);border-radius:5px;padding:2px 6px;max-width:85px;font-size:12px;justify-self:center}._3MGsSt47{background:none;border:none;cursor:pointer}.DOtta2eE{display:flex;flex-direction:column;height:var(--mobile-now-playing-height);margin-top:auto}.Rl4Ydoe4{display:flex;padding:10px;background-color:var(--main-accent-color)}.NyHHfLMG{display:flex;align-items:center;overflow:hidden;width:100%}.I3f9UMVG{display:flex;width:50px;height:50px;background-color:var(--background-dark);overflow:hidden;border-radius:5px}.I3f9UMVG img{object-fit:cover}.A0rgMnwo{display:flex;flex-direction:column;gap:5px;overflow:hidden;max-width:200px;margin:0 10px}.mDzVLCoC{text-wrap:nowrap;font-size:16px;font-weight:700}.WL2QEL9g{text-wrap:nowrap;font-size:14px;font-weight:400}.OBaBkSfk{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}.rBOVDEjC{background:none;padding:0;color:#d9d9d9}._4NNQvewe{background:none}.QvhILRd6{display:flex;align-items:center;justify-content:center;gap:2%;width:100%}.e0QAJ4Qq{display:flex;align-items:center;width:100%;background-color:var(--background-dark);cursor:pointer;transition:none;padding:0}._0xNFzukm{width:0%;height:5px;border-radius:0 15px 15px 0;background-color:#d9d9d9;transition:width .1s ease}._0xNFzukm:hover{background-color:#a9a9a980}.v0Pa06oJ{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}.m8qLZ9jo{transform:translateY(0)}.QQPyTvh2{display:flex;flex-direction:column;align-items:center;height:100%;padding:12px 24px env(safe-area-inset-bottom,24px)}._6oJ9KwL6{display:flex;justify-content:center;width:100%;padding:8px 0 16px;background:none;cursor:pointer}.Z9MrkwKM{width:40px;height:5px;border-radius:3px;background-color:#ffffff59}._0DpxriUM{display:flex;flex-direction:column;width:100%;gap:10px;margin:10px 0}.PPnRlBMy{font-size:1rem;font-weight:300}.e0aE9c5Z{display:flex;border-radius:7px;width:100%;padding:10px;align-items:center;background-color:var(--background-dark)}.Lr2NUFhN{margin-left:10px}._7a-vS8rs{font-size:.9rem;font-weight:500}.MrdBZJvU{font-size:.8rem;font-weight:300}.vG-Cl4EO{display:flex;width:35px;min-width:35px;height:35px;background-color:var(--background-dark);overflow:hidden;border-radius:5px}.pwgA7rQP{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}.ANeBXmRS{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto}.avd0XT87{width:min(75vw,325px);aspect-ratio:1;border-radius:12px;overflow:hidden;background-color:var(--background-dark);flex-shrink:1}@media(max-height:800px){.avd0XT87{width:min(60vw,255px);aspect-ratio:1}}.avd0XT87 img{width:100%;height:100%;object-fit:cover}.c0okDJR9{width:100%;height:100%;background-color:var(--background-dark)}._28a3k3ao{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.wazHJDgA{background:none}.q4gWO0z7{width:100%;text-align:center;margin-top:24px;overflow:hidden;min-height:fit-content}._-0tQHDUR{font-size:22px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--off-white)}.OIAddwBx{font-size:16px;font-weight:400;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.7;color:var(--off-white)}.mnbewGQM{margin-top:12px}._2PLVlU4L{background-color:#4e4e4e;border-radius:7px;padding:6px 14px;font-size:.9rem;color:var(--off-white)}.SOYs-vQP{background:#ffffff1a;color:var(--off-white);border-radius:7px;padding:6px 14px;font-size:.9rem}.av1V0TDu{width:100%;margin-top:24px}._0zKEkFZu{display:flex;align-items:center;width:100%;height:8px;border-radius:15px;background-color:#ffffff26;cursor:pointer;padding:0}._0zKEkFZu:hover{transform:none}.LZTBYIeL{height:8px;border-radius:15px;background-color:#d9d9d9;transition:width .1s ease}._8twUoJS3{display:flex;justify-content:space-between;margin-top:6px;font-size:.75rem;font-weight:300;opacity:.6;color:var(--off-white)}.l0ct-GOw{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;margin-bottom:auto}.es4Wq0cR{background:none;display:flex;align-items:center;justify-content:center;padding:8px}.XGVCn0Kn{padding:0 8px}.zPW2OVL6{position:relative;display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.ISS7cSU4{position:absolute;top:20px;left:10px;background:none}._6BunWmeX{display:flex;justify-content:center;align-items:center;width:170px;min-width:170px;height:170px;min-height:170px;background-color:var(--background-dark);border-radius:4px}._4FM8SVbH{display:flex;align-items:center;flex-direction:column;height:100%;width:100%;color:var(--off-white)}.u0dOhZrg{display:flex;justify-content:center;align-items:center;width:100%;height:auto;margin-top:10px}.u0dOhZrg .collection-search-container{width:100%}.u0dOhZrg .collection-search{background-color:var(--background-dark);border-radius:7px 7px 0 0}.u0dOhZrg .collection-search::placeholder{color:#ffffffab;opacity:1}.S-F-BHQk{font-size:20px;font-weight:700;margin-top:5px}._7LaWzqlr{display:flex;align-items:center;font-size:14px;font-weight:200;gap:10px}.-s3-sJtf{display:flex;justify-content:center;font-size:12px;font-weight:300;margin:10px 0;padding-bottom:20px}.mo82LyyH{display:flex;flex-direction:column;gap:10px}.NDHq-Khk{margin:10px 0 20px;height:1px;background-color:var(--off-white)}.M-XC7Lkf{display:flex;flex-direction:column;gap:10px;opacity:.7}.nPBUupe1{display:flex;flex-direction:column;gap:10px;opacity:.4}.p51ByKd-{opacity:.4}.IjKbvCRl{opacity:.7;font-size:.9rem}.ig0YvWlK{cursor:pointer}.cVvAORjN{touch-action:none;user-select:none;-webkit-user-select:none}.vH7dtj-e{z-index:5}.ovu-g13d{display:grid;grid-template-columns:45px 40px 1fr 100px 30px;align-items:center;padding:0 10px;background-color:var(--background-dark);border-radius:7px;height:50px}.Q57R4Evo{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:5px;overflow:hidden}.Q57R4Evo img{width:40px;height:40px;object-fit:cover}.rAdPs8Ep{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;padding:10px;gap:12px;background-color:var(--background-dark)}.gXoGpBWh{display:flex;flex-direction:column;gap:10px;border-radius:10px;padding:12px;background-color:#00000024}.npjrlADm{display:flex;align-items:center;gap:10px}.niw58d76{font-size:1.35rem;font-weight:700}.dcH1xF0b{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-left:auto;background-color:var(--off-white)}.Si-fJ7xy{width:64px;height:64px;border-radius:50%;margin-left:auto;background-color:var(--off-white)}.BwUscQYg{display:flex;flex-direction:column;gap:6px}.UOIY-Ztm{font-size:.95rem}._12IlqlNP{display:flex;flex-direction:column;gap:8px}.n4DD2o8N{width:100%;height:1px;background-color:#ffffff3b}.r-XMDvke{font-size:.85rem;color:#e4e4e4}.duf7MDKc{display:flex;flex-direction:column;gap:12px}.lPj-aQTz{display:flex;flex-direction:column;gap:8px;border-radius:10px;padding:12px;background-color:#00000024}.YUF9y-7P{font-size:1rem;font-weight:700}.sZfc3gTL{display:flex;flex-direction:column;gap:8px}.PxwXTxBb{display:flex;align-items:center;gap:10px}.MCG9fTva{width:46px;height:46px;min-width:46px;border-radius:5px;object-fit:cover;background-color:var(--off-white)}.NVHxJgTB{display:flex;flex-direction:column;min-width:0}.N4aC95pV{font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.YXYQzltk{font-size:.8rem;color:#dbdbdb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qZsMayVW{position:relative;display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.Kgq-oYLd{width:20px;height:20px;margin:10px;background:none}.jPaAoINH{display:flex;align-items:center;flex-direction:column;height:100%;width:100%;color:var(--off-white)}._7gyfPMJ6{display:flex;border-radius:8px;overflow:hidden}._7gyfPMJ6 img{object-fit:cover;height:200px;width:200px}.E2shkHv-{font-size:20px;font-weight:700;margin-top:5px}.rnd8Hn5C{display:flex;align-items:center;font-size:14px;font-weight:200;gap:10px}.WL6PCJPL{font-size:12px;font-weight:300;margin-top:5px;text-align:center}.errk8UmV{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}.Pk91Khj5{display:flex;align-items:center;justify-content:center;gap:6px}.lHONpzBU{opacity:.7;pointer-events:none}.-qd72-KR{animation:_7-yJnDN- 1s linear infinite}.nOiqX2wW{display:flex;width:100%;margin-top:10px}.nOiqX2wW .collection-search-container{width:100%}.nOiqX2wW .collection-search{background-color:var(--background-dark)}.nOiqX2wW .collection-search::placeholder{color:var(--off-white);opacity:1}@keyframes _7-yJnDN-{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.WgiQaaKX{display:flex;justify-content:center;font-size:12px;font-weight:300;margin:10px 0;padding-bottom:20px}.bjASlsMH{display:flex;align-items:center;padding:2px 10px;max-height:80px;width:100%}.USZSQDfh{display:flex;flex-direction:column;height:auto;min-height:100%;width:100%;background-color:var(--background-dark);padding:10px}.I8uV7zO1{display:flex;flex-direction:row;justify-content:space-between;padding:10px;background-color:var(--background-dark);height:var(--mobile-nav-menu-height)}._6nGO-QFv{color:var(--text-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none}.giXu814Q{display:flex;flex-direction:column;align-items:flex-start;background:none;box-shadow:none;width:80px;margin:0 auto;height:120px}.rtHH7dUh{display:flex;width:80px;height:80px;background-color:var(--background-dark);border-radius:5px}.rtHH7dUh img{width:80px;height:80px;border-radius:5px}.oS7PrqjA{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;overflow:hidden}.h57kpPdh{font-size:1rem;font-weight:700;text-overflow:ellipsis;text-wrap:nowrap;color:var(--off-white)}.o7C592Wz{font-size:.7rem;font-weight:200;text-overflow:ellipsis;text-wrap:nowrap;color:var(--off-white)}._7IRplRCU{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;background-color:var(--background-dark)}.Bk-zsVFE{display:flex;flex-direction:row;width:100%;background-color:var(--main-accent-color);justify-content:center;border-radius:0 0 10px 10px;padding:10px;font-weight:700}.cBiul7bo{display:flex;flex-direction:column;width:100%;flex:1;gap:10px;overflow-y:auto}.Pf2yhTUB{display:flex;flex-direction:column;width:100%;gap:10px}.-cWdN22l{display:flex;justify-content:center;font-weight:400;background-color:var(--background-dark);border-radius:10px 10px 0 0;padding:4px}._5lwX0CBv{display:flex;flex-direction:column;gap:10px}.fXSFoqi8{background-color:var(--background-dark);border-radius:0 0 10px 10px;height:20px}._4XujZAEJ{display:flex;align-items:center;padding:10px;background-color:var(--background-dark);border-radius:10px}.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:300;margin-bottom:5px}.community-card-title{font-weight:700;font-size:1rem;margin-bottom:5px}.community-card-artists{font-weight:300;font-size:.85rem}.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}.XdX6JxmR{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--background-dark);padding:10px}.Tyi4Cfr1{display:flex;flex-direction:column;padding:10px;width:100%;background-color:var(--background-dark)}.rt-Fli1d{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--background-dark)}.aUF2DTww{font-size:2.75rem;font-weight:700;margin-top:5px}.tsKjPLph{width:100%;height:1px;background-color:var(--off-white);margin:10px 0}.o2JtnezD{display:flex;flex-direction:column;height:100%}._8jF-8ahZ{font-size:1.5rem;font-weight:700;margin-top:10px}.yOMJCKtK{display:flex;width:100%;gap:10px;margin-top:auto}.TkIJ7arM{display:flex;align-items:center;padding:2px 10px;max-height:80px;width:100%}.CWU0glqa{display:flex;flex-direction:column;height:auto;min-height:100%;width:100%;background-color:var(--background-dark);padding:10px}.wVR4PWpk{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--background-dark);padding:10px;overflow-y:auto}.VAqEHuOL{display:flex;justify-content:center;align-items:center;height:100%;color:var(--off-white)}._14ZRBd93{width:20px;height:20px;margin:10px;background:none;border:none;cursor:pointer}.qz8dHYri{display:flex;flex-direction:column;gap:15px;padding:15px;background-color:var(--main-accent-color);border-radius:7px;margin-bottom:20px}.gCMvB7ZO{display:flex;gap:15px;align-items:center}.wyaX-0L-{width:100px;height:100px;border-radius:5px;object-fit:cover}.zbT0cx8d{display:flex;flex-direction:column;gap:5px;flex:1;color:var(--off-white)}.qZ8YZU8Y{font-size:1.5rem;font-weight:700}.kZPyjSB-{font-size:1rem;font-weight:400}._6B6EV1sB{font-size:.9rem;font-weight:300;opacity:.8}.kgYA4Gi2{display:flex;gap:10px}._0Y-JprXm,._62FMp-YC{flex:1;padding:10px;border-radius:7px;border:none;font-size:1rem;font-weight:500;cursor:pointer}._0Y-JprXm{background-color:#d9d9d9;color:#323232}._62FMp-YC{background-color:#f44;color:#fff}.SRJpUvD-{display:flex;flex-direction:column;gap:20px}.-q6e7KT-{display:flex;gap:15px}._0cmvRn5d,.r9ysDpOK{flex:1;display:flex;flex-direction:column;gap:8px}.qw81gA7u{font-size:1rem;font-weight:500;color:var(--off-white)}.U8ixnOjr{padding:10px;border-radius:7px;border:1px solid #717171;background-color:#62626238;color:var(--off-white);font-size:1rem}.U8ixnOjr:focus{outline:none;border-color:var(--main-accent-color)}.SXz-3JDQ{display:flex;flex-direction:column;gap:10px}.JATXloF-{display:flex;flex-direction:column;gap:0}._9VkvIBEG{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}._9VkvIBEG:focus{outline:none;border-color:var(--main-accent-color)}.JPOWj-Qx{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background-color:#62626238;border:1px solid #505050;border-top:none;min-height:40px}.FbY2Y7M5{background-color:#d9d9d970;border-radius:5px;padding:5px 10px;font-size:.85rem;color:var(--off-white);cursor:pointer}.pqN1uxAq{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}.pqN1uxAq:focus{outline:none;border-color:var(--main-accent-color)}