@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--row-height: 75px;--header-height: 90px}body{margin:0;display:flex;min-width:320px;min-height:100vh}header{box-sizing:border-box;height:var(--header-height);padding:20px 50px;font-size:32px}header>span{font-size:12px;opacity:.3}#container{display:flex;gap:20px;height:calc(100vh - var(--header-height))}#div-albums-container{box-sizing:border-box;width:650px;height:100%;overflow-y:scroll;padding-right:20px;padding-bottom:90px}.p-no-albums-found{text-align:center;margin:0;opacity:.4}#div-filters-container{width:350px}#input-albums-text-filter{padding:8px;width:100%;margin-bottom:12px;box-sizing:border-box;border:none;border-radius:6px;background-color:#333}#table-albums-summary{width:100%;font-size:12px;margin-bottom:8px}.div-albums-checkbox-filter{display:flex;gap:8px;height:16px;margin-bottom:8px;cursor:pointer}.div-albums-checkbox-filter:hover>.div-albums-checkbox-filter-label{color:#1bb452!important}.div-albums-checkbox-filter-checkbox{width:16px;border-radius:6px;transition:background-color .2s ease-out}.div-albums-checkbox-filter-label{flex:1;font-size:12px;transition:color .2s ease-out}#div-filters-container .div-progress-wrapper{margin-top:12px;margin-bottom:12px}#div-random-buttons{display:flex;justify-content:center;gap:12px;margin-top:24px}#div-random-buttons>button{border:none;border-radius:6px;background-color:transparent;padding:6px 10px;font-size:12px;cursor:pointer;color:#666;transition:color .2s ease-out,background-color .2s ease-out}#div-random-buttons>button:hover{color:#1bb452;background-color:#333}.div-album-row{display:flex;gap:10px;padding:8px;border-radius:6px;margin-bottom:8px}.div-album-rank-wrapper{width:30px;border-radius:50%;margin-top:30px;text-align:center;font-size:16px;font-weight:600;line-height:10px}.div-album-desc-ellipsis{color:#666}.div-album-cover-wrapper{width:var(--row-height);height:var(--row-height);background-color:#666;box-sizing:border-box;border:2px solid #dddddd;border-radius:6px;overflow:hidden;transition:filter .2s ease-out,transform .1s ease-out}.img-album-cover{width:100%}.div-album-rank-wrapper,.div-album-cover-wrapper{cursor:pointer}.div-album-row:hover .div-album-cover-wrapper{filter:brightness(110%)}.div-album-cover-wrapper:hover{transform:scale(103%)}.div-album-info-wrapper{flex:1}.a-album-info-title{font-size:18px}.div-album-info-wrapper p,.div-album-info-wrapper a{margin:0;text-align:left;text-decoration:none;color:#fff}.div-album-meta-wrapper{display:flex;justify-content:space-between;margin-bottom:13px}.div-album-meta-wrapper p,.div-album-meta-wrapper a{font-size:15px;color:#888}.div-album-comments{margin-top:8px;font-size:12px;color:#888}.album-summary-row:hover{filter:brightness(150%)}.div-progress-wrapper{background-color:#333;width:100%;border-radius:6px;overflow:hidden}.div-progress{transition:width .2s ease-out;border-right:8px solid #242424}.div-progress-wrapper,.div-progress{height:12px}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}a{transition:color .2s ease-out}a:hover{color:#1bb452}.loader{width:60px;margin:0 auto;aspect-ratio:4;--_g: no-repeat radial-gradient(circle closest-side, #fff 90%, #fff0);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 100%;animation:l7 1s infinite linear}@keyframes l7{33%{background-size:calc(100% / 3) 0%,calc(100% / 3) 100%,calc(100% / 3) 100%}50%{background-size:calc(100% / 3) 100%,calc(100% / 3) 0%,calc(100% / 3) 100%}66%{background-size:calc(100% / 3) 100%,calc(100% / 3) 100%,calc(100% / 3) 0%}}@media screen and (max-width:1080px){#container{flex-direction:column-reverse}#div-filters-container{box-sizing:border-box;width:100%;padding-left:50px;padding-right:20px;margin-bottom:0}#div-albums-container{height:calc(100% - 20px)}#table-albums-summary{display:none}#div-filters-container .div-progress-wrapper{margin-bottom:0}#div-random-buttons{margin-top:12px}.div-album-rank-wrapper{margin-top:20px;font-size:12px}.div-album-meta-wrapper{margin-bottom:7px}.a-album-info-title{font-size:14px}.div-album-meta-wrapper p,.div-album-meta-wrapper a{font-size:12px}.div-album-comments{font-size:10px}:root{--row-height: 60px}}#root{max-width:1280px;margin:0 auto}