.primary-genres-module__mpxXBW__page{gap:24px;min-inline-size:0;padding-block-end:28px;display:grid}.primary-genres-module__mpxXBW__directoryHero,.primary-genres-module__mpxXBW__detailHero{isolation:isolate;padding:28px var(--primary-content-gutter,28px);background:var(--porcelain-chrome);margin-block-start:calc(-1 * var(--primary-content-top-gap,24px));position:relative;overflow:hidden}.primary-genres-module__mpxXBW__directoryHero{gap:12px;display:grid}.primary-genres-module__mpxXBW__directoryHero:before,.primary-genres-module__mpxXBW__detailHero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 65%);position:absolute;inset:0}.primary-genres-module__mpxXBW__directoryHero h1,.primary-genres-module__mpxXBW__detailHero h1{overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.6}.primary-genres-module__mpxXBW__directoryHero p,.primary-genres-module__mpxXBW__detailHero p{color:var(--muted-foreground);font-size:13px}.primary-genres-module__mpxXBW__directoryHero>:last-child{max-inline-size:460px}.primary-genres-module__mpxXBW__page input{font-size:12px!important}.primary-genres-module__mpxXBW__eyebrow{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;display:inline-flex}.primary-genres-module__mpxXBW__page .primary-genres-module__mpxXBW__heroArt{opacity:.3;block-size:220px;inline-size:550px;color:var(--primary);z-index:-1;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:-40px}.primary-genres-module__mpxXBW__directoryHeading,.primary-genres-module__mpxXBW__resultsHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}.primary-genres-module__mpxXBW__directoryHeading h2,.primary-genres-module__mpxXBW__resultsHeading h2{font-size:18px}.primary-genres-module__mpxXBW__directoryHeading>span,.primary-genres-module__mpxXBW__resultsHeading span{color:var(--muted-foreground);font-size:12px}.primary-genres-module__mpxXBW__genreGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.primary-genres-module__mpxXBW__genreCard{isolation:isolate;border:1px solid var(--porcelain-line);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:space-between;min-block-size:180px;padding:24px;transition:background-color .18s;display:flex;position:relative;overflow:hidden}.primary-genres-module__mpxXBW__genreCard:nth-child(2n){background:color-mix(in srgb, var(--primary) 4%, var(--surface))}.primary-genres-module__mpxXBW__genreCard:hover{background:var(--surface-interactive)}.primary-genres-module__mpxXBW__genreCard:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.primary-genres-module__mpxXBW__genreCard h3{overflow-wrap:anywhere;max-inline-size:75%;font-size:22px;font-family:var(--font-display)}.primary-genres-module__mpxXBW__genreCard>span{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;display:flex}.primary-genres-module__mpxXBW__genreCard>span svg{block-size:16px;inline-size:16px}.primary-genres-module__mpxXBW__page .primary-genres-module__mpxXBW__cardArt{block-size:160px;inline-size:290px;color:var(--primary);opacity:.28;pointer-events:none;z-index:-1;position:absolute;inset-block-end:-20px;inset-inline-end:-45px}.primary-genres-module__mpxXBW__detailHero{align-items:center;gap:28px;min-block-size:240px;display:flex}.primary-genres-module__mpxXBW__heroCopy{flex:1;min-inline-size:0}.primary-genres-module__mpxXBW__heroActions{flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:18px;display:flex}.primary-genres-module__mpxXBW__heroActions .primary-genres-module__mpxXBW__mobilePlay{display:none}.primary-genres-module__mpxXBW__catalogLink{margin-inline-start:8px;font-size:12px}.primary-genres-module__mpxXBW__heroCovers{gap:14px;margin-inline:20px;display:flex}.primary-genres-module__mpxXBW__heroCovers>a{flex-shrink:0;inline-size:94px;transform:rotate(-6deg)}.primary-genres-module__mpxXBW__heroCovers>a:nth-child(2){transform:translateY(-10px)rotate(6deg)}.primary-genres-module__mpxXBW__heroCovers>a:nth-child(3){transform:rotate(10deg)}.primary-genres-module__mpxXBW__heroCovers>a>span{aspect-ratio:1;border-radius:16px;inline-size:100%}.primary-genres-module__mpxXBW__heroCovers>a:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:16px}.primary-genres-module__mpxXBW__page .primary-genres-module__mpxXBW__detailArt{opacity:.2;block-size:230px;inline-size:480px;color:var(--primary);z-index:-1;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:0}.primary-genres-module__mpxXBW__halo{z-index:-1;pointer-events:none;filter:blur(55px)saturate(1.3);opacity:.13;block-size:250px;inline-size:350px;position:absolute;inset-block-start:0;inset-inline-end:0}[data-mode=light] .primary-genres-module__mpxXBW__halo img{filter:brightness(1.7)contrast(.55)saturate(1.6)}[data-mode=light] .primary-genres-module__mpxXBW__halo{opacity:.16}.primary-genres-module__mpxXBW__filters{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.primary-genres-module__mpxXBW__views{gap:4px;display:flex}.primary-genres-module__mpxXBW__reset{justify-self:start}.primary-genres-module__mpxXBW__songRows,.primary-genres-module__mpxXBW__loading{gap:12px;display:grid}.primary-genres-module__mpxXBW__songRows{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1600px){.primary-genres-module__mpxXBW__songRows{grid-template-columns:repeat(3,minmax(0,1fr))}}.primary-genres-module__mpxXBW__songCards{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.primary-genres-module__mpxXBW__songRow{isolation:isolate;border:1px solid var(--porcelain-line);background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:10px;transition:background-color .18s;display:flex;position:relative}.primary-genres-module__mpxXBW__songRow:hover{background:var(--surface-interactive)}.primary-genres-module__mpxXBW__songRow[data-active=true]{border-color:var(--primary)}.primary-genres-module__mpxXBW__destination{z-index:1;border-radius:inherit;position:absolute;inset:0}.primary-genres-module__mpxXBW__destination:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.primary-genres-module__mpxXBW__rowCover{border-radius:10px;flex-shrink:0;block-size:52px;inline-size:52px}.primary-genres-module__mpxXBW__rowCopy{flex:1;gap:4px;min-inline-size:0;display:grid}.primary-genres-module__mpxXBW__rowCopy h3{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.primary-genres-module__mpxXBW__rowCopy>a,.primary-genres-module__mpxXBW__rowPlay{z-index:2;inline-size:fit-content;position:relative}.primary-genres-module__mpxXBW__rowCopy>a,.primary-genres-module__mpxXBW__duration{color:var(--muted-foreground);font-size:12px}@media (max-width:1000px){.primary-genres-module__mpxXBW__songRows{grid-template-columns:1fr}.primary-genres-module__mpxXBW__heroCovers>a{inline-size:72px}.primary-genres-module__mpxXBW__heroCovers>a:nth-child(3){display:none}.primary-genres-module__mpxXBW__songCards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.primary-genres-module__mpxXBW__genreGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.primary-genres-module__mpxXBW__genreCard{min-block-size:156px;padding:16px}.primary-genres-module__mpxXBW__genreCard h3{font-size:19px}.primary-genres-module__mpxXBW__detailHero{gap:14px;min-block-size:220px}.primary-genres-module__mpxXBW__heroCovers{display:none}.primary-genres-module__mpxXBW__heroActions{gap:6px}.primary-genres-module__mpxXBW__heroActions .primary-genres-module__mpxXBW__desktopPlay{display:none}.primary-genres-module__mpxXBW__heroActions .primary-genres-module__mpxXBW__mobilePlay{display:inline-flex}.primary-genres-module__mpxXBW__catalogLink{margin-inline-start:0;font-size:11px}.primary-genres-module__mpxXBW__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-genres-module__mpxXBW__filters>:first-child{grid-column:1/-1}.primary-genres-module__mpxXBW__songCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.primary-genres-module__mpxXBW__rowCover{block-size:44px;inline-size:44px}.primary-genres-module__mpxXBW__songRow{gap:8px;padding:8px}.primary-genres-module__mpxXBW__directoryHero h1,.primary-genres-module__mpxXBW__detailHero h1{font-size:25px}.primary-genres-module__mpxXBW__directoryHero p{max-inline-size:250px}.primary-genres-module__mpxXBW__page .primary-genres-module__mpxXBW__heroArt{opacity:.18;inset-inline-end:-240px}}@media (prefers-reduced-motion:reduce){.primary-genres-module__mpxXBW__genreCard,.primary-genres-module__mpxXBW__songRow{transition:none}}.primary-genres-module__mpxXBW__genreCover{z-index:-1;pointer-events:none;object-fit:cover;opacity:.4;block-size:100%;inline-size:100%;position:absolute;inset:0}