.card[data-v-3e8aa13b]{background-color:var(--bg-color-1);border:var(--border-width) var(--border-style) var(--border-color);border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);color:var(--text-color-base);display:flex;height:var(--card-height);position:relative}.img-cover-wrapper[data-v-3e8aa13b]{align-items:center;aspect-ratio:1/1;display:flex;flex:1;justify-content:center;max-width:inherit;min-width:118px;overflow:hidden;width:100%}.img-cover[data-v-3e8aa13b]{height:auto;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease;width:100%}.img-cover.loaded[data-v-3e8aa13b]{opacity:1}.card-content[data-v-3e8aa13b]{display:flex;flex-direction:column;overflow:hidden;padding:16px;width:100%}.card-title[data-v-3e8aa13b]{display:inline-block;font-size:var(--fs-500);max-width:calc(100% - var(--img-min-width))}.card-title[data-v-3e8aa13b],.trim-text h3[data-v-3e8aa13b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trim-text h3[data-v-3e8aa13b]{letter-spacing:1px}.btn-player[data-v-3e8aa13b]{background-color:transparent;color:var(--color-primary);font-size:var(--fs-500);padding:0;width:32px}.btn-player[data-v-3e8aa13b]:hover{color:var(--text-color-base)}.btn-player[data-v-3e8aa13b]:focus,.btn-player[data-v-3e8aa13b]:hover{color:var(--color-active);outline:none}.play-icon[data-v-3e8aa13b]{height:20px;width:20px}.p-band[data-v-3e8aa13b]{letter-spacing:.5px;margin-bottom:12px;margin-top:2px}.p-band span[data-v-3e8aa13b]:last-child{display:inline-block;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.card-details[data-v-3e8aa13b]{color:var(--text-color-muted);display:flex;font-size:var(--fs-200);justify-content:space-between}.active-player[data-v-3e8aa13b]{border-color:var(--text-color-base)}.flex-between[data-v-3e8aa13b]{display:flex;justify-content:space-between}.dev-overlay[data-v-3e8aa13b]{background:#000;color:#ff0;font-size:14px;left:0;padding:2px 6px;position:absolute;top:0;z-index:50}@media screen and (max-width:900px){.card[data-v-3e8aa13b]{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top-right-radius:0;flex-direction:column;height:auto}.card-content[data-v-3e8aa13b]{height:var(--card-height)}.card-title[data-v-3e8aa13b]{max-width:calc(100% - 64px)}}@media (max-width:768px){.img-cover-wrapper[data-v-3e8aa13b]{min-width:80px}}@media (max-width:480px){.img-cover-wrapper[data-v-3e8aa13b]{min-width:60px}}@media (hover:none){.album-link[data-v-3e8aa13b]:focus,.album-link[data-v-3e8aa13b]:hover{outline:none}}.player[data-v-01adbc9d]{background-color:var(--bg-color-1);display:flex;justify-content:flex-start}iframe[data-v-01adbc9d]{background-color:#303030}.iframe-wrapper[data-v-01adbc9d]{display:flex;height:120px;max-width:700px;position:relative;width:100%;z-index:1}.loading-text[data-v-01adbc9d]{align-items:center;color:var(--text-color);display:flex;font-size:1rem;height:100%;justify-content:center;text-align:center;width:100%}@media (max-width:480px){.img-cover[data-v-01adbc9d]{display:none}}main[data-v-496cb060]{align-items:center;display:flex;flex:1;flex-direction:column;margin:0;overflow-y:scroll;position:relative}main[data-v-496cb060]:focus{outline:none}.albums-wrapper[data-v-496cb060]{contain:layout;display:flex;flex-direction:column;gap:16px;margin-bottom:48px;margin-top:2px;max-width:680px;padding:0 var(--space-xs);width:100%}.mb-player-opened[data-v-496cb060]{margin-bottom:168px}.btn-clear-all[data-v-496cb060]{background-color:var(--bg-color-2);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;font-size:var(--fs-200);letter-spacing:.5px;margin:0 auto;margin-top:var(--space-xl);padding:8px 12px}.btn-clear-all[data-v-496cb060]:hover{border-color:var(--color-primary);color:var(--text-color-base)}.player-wrapper[data-v-496cb060]{border-left:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;border-right:1px solid var(--border-color);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 8px #00000080;height:32px;left:calc(50% - var(--aside-width)/2);margin:0 auto;max-width:700px;position:fixed;transform:translate(-50%);width:100%;will-change:transform;z-index:2}.left-50[data-v-496cb060]{left:50%}.player-wrapper-header[data-v-496cb060]{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#212121b0;border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;height:32px;justify-content:space-between;padding:0 0 0 6px;text-shadow:0 0 3px #111}.player-height[data-v-496cb060]{height:152px}.btn-close-player[data-v-496cb060]{height:100%;width:32px}.close-icon[data-v-496cb060],.play-icon[data-v-496cb060]{height:18px;width:18px}.play-icon-group[data-v-496cb060]{align-items:center;display:flex;gap:var(--space-2xs)}@media screen and (max-width:1100px){.player-wrapper[data-v-496cb060]{border:none;left:0;min-width:375px;right:0;transform:none;width:auto}.player-wrapper-header[data-v-496cb060]{border:none;border-radius:0}.filter-opened[data-v-496cb060]{right:var(--aside-width)}}