.genre-directory[data-astro-cid-3jpuqwcw]{--genre-directory-accent:var(--music-home-accent,var(--accent-primary));--genre-directory-ink:var(--music-home-ink,var(--text-primary));--genre-directory-line:var(--music-home-line,var(--border-default));--genre-directory-muted:var(--music-home-muted,var(--text-tertiary));--genre-directory-paper:var(--music-home-paper,var(--surface-1));gap:var(--spacing-lg);display:grid}.genre-directory__list[data-astro-cid-3jpuqwcw]{border-block-start:1px solid var(--genre-directory-line);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,5vw,5rem);margin:0;padding:0;list-style:none;display:grid}.genre-directory__item[data-astro-cid-3jpuqwcw]{border-block-end:1px solid var(--genre-directory-line);min-inline-size:0}.genre-directory__link[data-astro-cid-3jpuqwcw]{gap:var(--spacing-lg);min-block-size:6rem;padding:var(--spacing-base) var(--spacing-md);color:var(--genre-directory-ink);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.genre-directory__copy[data-astro-cid-3jpuqwcw]{gap:var(--spacing-xs);min-inline-size:0;display:grid}.genre-directory__title[data-astro-cid-3jpuqwcw]{text-overflow:ellipsis;font-size:var(--font-size-lg);white-space:nowrap;line-height:1.15;overflow:hidden}.genre-directory__count[data-astro-cid-3jpuqwcw]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--genre-directory-muted);line-height:1.25}.genre-directory__description[data-astro-cid-3jpuqwcw]{-webkit-line-clamp:2;max-inline-size:62ch;font-size:var(--font-size-sm);color:var(--genre-directory-muted);text-wrap:pretty;-webkit-box-orient:vertical;margin-block-start:var(--spacing-xs);line-height:1.5;display:-webkit-box;overflow:hidden}.genre-directory__visual[data-astro-cid-3jpuqwcw]{gap:var(--spacing-base);justify-content:flex-end;align-items:center;display:flex}.genre-directory__covers[data-astro-cid-3jpuqwcw]{justify-content:flex-end;min-inline-size:6.75rem;padding-inline-start:1.25rem;display:flex}.genre-directory__cover[data-astro-cid-3jpuqwcw]{z-index:calc(3 - var(--genre-directory-cover-index));background:var(--genre-directory-paper);border:1px solid color-mix(in srgb, var(--genre-directory-ink) 16%, transparent);border-radius:var(--radius-sm);block-size:3rem;inline-size:3rem;margin-inline-start:-1.25rem;display:block;position:relative;overflow:hidden}.genre-directory__cover[data-astro-cid-3jpuqwcw] img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.genre-directory__fallback[data-astro-cid-3jpuqwcw]{block-size:3rem;inline-size:3rem;color:var(--genre-directory-muted);background:var(--genre-directory-paper);border:1px solid var(--genre-directory-line);border-radius:var(--radius-sm);place-items:center;display:grid}.genre-directory__fallback[data-astro-cid-3jpuqwcw] svg,.genre-directory__arrow[data-astro-cid-3jpuqwcw]{block-size:1rem;inline-size:1rem}.genre-directory__arrow[data-astro-cid-3jpuqwcw]{color:var(--genre-directory-accent);flex:none}.genre-directory__link[data-astro-cid-3jpuqwcw]:hover,.genre-directory__link[data-astro-cid-3jpuqwcw]:focus-visible{background:color-mix(in srgb, var(--genre-directory-accent) 7%, transparent)}.genre-directory__link[data-astro-cid-3jpuqwcw]:hover .genre-directory__title[data-astro-cid-3jpuqwcw],.genre-directory__link[data-astro-cid-3jpuqwcw]:focus-visible .genre-directory__title[data-astro-cid-3jpuqwcw]{color:var(--genre-directory-accent)}.genre-directory__link[data-astro-cid-3jpuqwcw]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.genre-directory--expanded[data-astro-cid-3jpuqwcw]{gap:var(--spacing-lg)}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__link[data-astro-cid-3jpuqwcw]{gap:clamp(var(--spacing-lg), 2vw, var(--spacing-xl));min-block-size:9rem;padding:clamp(var(--spacing-base), 1.6vw, var(--spacing-lg)) var(--spacing-md)}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__copy[data-astro-cid-3jpuqwcw]{gap:var(--spacing-xs)}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__description[data-astro-cid-3jpuqwcw]{max-inline-size:56ch;margin-block-start:var(--spacing-sm);line-height:1.6}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__visual[data-astro-cid-3jpuqwcw]{gap:var(--spacing-base)}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__fallback[data-astro-cid-3jpuqwcw]{block-size:3.5rem;inline-size:3.5rem;color:var(--genre-directory-accent)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.genre-directory__link[data-astro-cid-3jpuqwcw],.genre-directory__title[data-astro-cid-3jpuqwcw],.genre-directory__cover[data-astro-cid-3jpuqwcw]{transition:color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard)}.genre-directory__link[data-astro-cid-3jpuqwcw]:hover .genre-directory__cover[data-astro-cid-3jpuqwcw],.genre-directory__link[data-astro-cid-3jpuqwcw]:focus-visible .genre-directory__cover[data-astro-cid-3jpuqwcw]{transform:translateY(-.1rem)}}@media (width<=760px){.genre-directory__list[data-astro-cid-3jpuqwcw]{grid-template-columns:minmax(0,1fr);column-gap:0}.genre-directory__link[data-astro-cid-3jpuqwcw]{min-block-size:5.5rem;padding-block:var(--spacing-md);padding-inline:var(--spacing-sm)}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__link[data-astro-cid-3jpuqwcw]{min-block-size:8.5rem;padding-block:var(--spacing-lg);padding-inline:var(--spacing-sm)}}@media (width<=520px){.genre-directory__link[data-astro-cid-3jpuqwcw],.genre-directory__visual[data-astro-cid-3jpuqwcw]{gap:var(--spacing-sm)}.genre-directory__covers[data-astro-cid-3jpuqwcw]{min-inline-size:5.5rem}.genre-directory__cover[data-astro-cid-3jpuqwcw]{block-size:2.6rem;inline-size:2.6rem;margin-inline-start:-1.15rem}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__link[data-astro-cid-3jpuqwcw],.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__visual[data-astro-cid-3jpuqwcw]{gap:var(--spacing-sm)}.genre-directory--expanded[data-astro-cid-3jpuqwcw] .genre-directory__fallback[data-astro-cid-3jpuqwcw]{block-size:2.75rem;inline-size:2.75rem}}