.genre-card.svelte-190ocp{container-type:inline-size}.genre-name.svelte-190ocp{font-family:var(--font-serif);font-size:32px;font-weight:600;font-size:min(40px, calc(100cqi / (var(--genre-fit,12) * .68)));font-variation-settings:"opsz" 48;letter-spacing:-.02em;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;line-height:.95}.genre-sample.svelte-190ocp{font-family:var(--font-sans)}.genre-card.svelte-190ocp{background:var(--genre-hue);border-color:var(--genre-hue);color:#f5f1ea;min-height:220px;transition:all .18s var(--ease-out,ease-out)}.genre-card.swiper.svelte-190ocp{flex-shrink:0;width:260px}.genre-card.svelte-190ocp:hover{background:var(--color-surface);color:var(--color-fg);border-color:var(--color-border)}.genre-divider.svelte-190ocp{border-color:#f5f1ea33}.genre-card.svelte-190ocp:hover .genre-divider:where(.svelte-190ocp){border-color:var(--color-border)}@media (width<40rem){.genre-card--grid.svelte-190ocp{gap:10px;min-height:0;padding:14px}.genre-card--grid.svelte-190ocp .genre-head:where(.svelte-190ocp){grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;display:grid}.genre-card--grid.svelte-190ocp .genre-title:where(.svelte-190ocp){display:contents}.genre-card--grid.svelte-190ocp .genre-count:where(.svelte-190ocp){grid-area:1/2}.genre-card--grid.svelte-190ocp .genre-name:where(.svelte-190ocp){font-size:18px;font-size:min(22px, calc(100cqi / (var(--genre-fit,12) * .68)));grid-column:1/-1;margin-top:6px;line-height:1.05}.genre-card--grid.svelte-190ocp .genre-divider:where(.svelte-190ocp){padding-top:8px}.genre-card--grid.svelte-190ocp .genre-sample:where(.svelte-190ocp){text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}}