.genres_shell__fOG5v.route-shell{padding-inline:var(--page-pad-inline)}.genres_grid__IbJnP{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);padding-bottom:var(--s-6)}@media(min-width:600px){.genres_grid__IbJnP{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.genres_grid__IbJnP{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}}@media(min-width:1280px){.genres_grid__IbJnP{grid-template-columns:repeat(5,minmax(0,1fr))}}.genres_tile__i_WJi{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 100% 0,rgba(var(--c-accent-rgb),.14) 0,transparent 62%),linear-gradient(160deg,var(--c-surface-2) 0,var(--c-surface) 100%);box-shadow:inset 0 0 0 1px var(--c-line);color:var(--c-text);text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.genres_tile__i_WJi:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.6) 38%,rgba(0,0,0,.12) 70%,rgba(0,0,0,0) 85%),linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,0) 60%);pointer-events:none}.genres_tile__i_WJi:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}@media(hover:hover)and (pointer:fine){.genres_tile__i_WJi:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(var(--c-accent-rgb),.55),0 14px 28px -12px rgba(0,0,0,.7)}.genres_tile__i_WJi:hover .genres_art__SDVmv{filter:brightness(1.08)}}.genres_plain__iL3vj:after{display:none}.genres_art__SDVmv{object-fit:cover;opacity:0;transition:opacity var(--dur-4) var(--ease-out),filter var(--dur-2) var(--ease-standard)}.genres_artIn__e__8z{opacity:1}.genres_label__IH_RS{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;flex-direction:column;gap:2px;padding:var(--s-3) var(--s-4)}.genres_plain__iL3vj .genres_label__IH_RS{inset:0;justify-content:flex-end}.genres_name__d9_Fd{font-family:var(--font-display);font-size:var(--t-h2);font-weight:700;line-height:1.15;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(0,0,0,.5)}.genres_count__hdeUp{font-size:var(--t-xs);color:var(--c-text-muted)}.genres_ghost__s4KQ7{aspect-ratio:16/9;border-radius:var(--r-card)}@media(prefers-reduced-motion:reduce){.genres_art__SDVmv,.genres_tile__i_WJi{transition:none}.genres_tile__i_WJi:hover{transform:none}}