.genres-list[data-v-b3bf6e9b]{padding:24px 4vw 64px}.genres-list__header[data-v-b3bf6e9b]{border-bottom:1px solid var(--color-line);align-items:baseline;gap:14px;margin-bottom:18px;padding-bottom:10px;display:flex}.genres-list__title[data-v-b3bf6e9b]{margin:0}.genres-list__count[data-v-b3bf6e9b]{font-family:var(--font-mono);font-feature-settings:"tnum" 1;color:var(--color-surface-500);letter-spacing:.06em;font-size:.7rem}.genres-list__grid[data-v-b3bf6e9b]{grid-template-columns:repeat(1,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.genres-list__grid[data-v-b3bf6e9b]{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.genres-list__grid[data-v-b3bf6e9b]{grid-template-columns:repeat(3,1fr);gap:18px}}@media (width>=1280px){.genres-list__grid[data-v-b3bf6e9b]{grid-template-columns:repeat(4,1fr)}}.genres-list__item-wrap[data-v-b3bf6e9b]{list-style:none}.genres-list__item[data-v-b3bf6e9b]{background-color:var(--color-bg-elevated);border:1px solid var(--color-line);min-height:132px;color:var(--color-surface-200);border-radius:0;padding:18px 20px 18px 22px;text-decoration:none;transition:border-color .22s,background-color .22s,color .22s;display:block;position:relative;overflow:hidden}.genres-list__corner[data-v-b3bf6e9b]{width:56px;height:56px;color:var(--color-surface-700);pointer-events:none;transform-origin:50%;justify-content:center;align-items:center;transition:color .26s,transform .32s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)scale(1)}.genres-list__glyph[data-v-b3bf6e9b]{width:100%;height:100%}.genres-list__item[data-v-b3bf6e9b]:focus-visible,.genres-list__item[data-v-b3bf6e9b]:hover{border-color:var(--color-brand);color:var(--color-surface-50);background-color:var(--color-bg-card)}.genres-list__item:focus-visible .genres-list__corner[data-v-b3bf6e9b],.genres-list__item:hover .genres-list__corner[data-v-b3bf6e9b]{color:var(--color-brand);transform:translateY(-50%)scale(2.4)}.genres-list__body-inner[data-v-b3bf6e9b]{z-index:1;flex-direction:column;justify-content:flex-end;max-width:calc(100% - 72px);height:100%;min-height:96px;display:flex;position:relative}.genres-list__name[data-v-b3bf6e9b]{font-family:var(--font-sans);letter-spacing:-.01em;text-transform:uppercase;min-width:0;color:var(--color-surface-50);font-size:1.35rem;font-weight:600;line-height:1.1}.genres-list__skeletons[data-v-b3bf6e9b]{grid-template-columns:repeat(1,1fr);gap:14px;display:grid}@media (width>=640px){.genres-list__skeletons[data-v-b3bf6e9b]{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.genres-list__skeletons[data-v-b3bf6e9b]{grid-template-columns:repeat(3,1fr);gap:18px}}@media (width>=1280px){.genres-list__skeletons[data-v-b3bf6e9b]{grid-template-columns:repeat(4,1fr)}}.genres-list__skeleton[data-v-b3bf6e9b]{background-color:var(--color-surface-800);height:132px}.genres-list__empty[data-v-b3bf6e9b]{font-family:var(--font-mono);color:var(--color-surface-500);margin:0;font-size:.78rem}