.genre-section.svelte-1udwm9v{background:var(--video-hd-color-accent-10);color:#e2e8f0;padding-top:3.5rem;padding-bottom:3.5rem}.heading-container.svelte-1udwm9v,.viewport-container.svelte-1udwm9v{padding-left:1rem;padding-right:1rem}.heading-row.svelte-1udwm9v{justify-content:space-between;align-items:center;min-height:2.75rem;margin-bottom:.75rem;display:flex}.heading-controls.svelte-1udwm9v{gap:.75rem;display:flex}.heading-controls.svelte-1udwm9v button:where(.svelte-1udwm9v){color:#e2e8f0;background:#ffffff1a;border:0;border-radius:9999px;place-items:center;width:2.75rem;height:2.75rem;transition:background .2s,color .2s;display:grid}.heading-controls.svelte-1udwm9v button:where(.svelte-1udwm9v):hover,.heading-controls.svelte-1udwm9v button:where(.svelte-1udwm9v):focus-visible{background:var(--video-hd-color-accent-75);color:#fff;outline:none}.heading-controls.svelte-1udwm9v svg:where(.svelte-1udwm9v){fill:currentColor;width:1.125rem;height:1.125rem}.viewport.svelte-1udwm9v{outline:none;position:relative;overflow:hidden}.track.svelte-1udwm9v{overscroll-behavior-inline:contain;scrollbar-width:none;gap:0;min-width:0;height:13rem;display:flex;overflow-x:auto}.track.svelte-1udwm9v::-webkit-scrollbar{display:none}.genre-slide.svelte-1udwm9v{flex:0 0 var(--genre-slide-width);height:13rem;padding:0 .5rem}.genre-card.svelte-1udwm9v{color:#fff;border-radius:.5rem;width:100%;height:12.5rem;display:block;position:relative;overflow:hidden}.genre-card.svelte-1udwm9v img:where(.svelte-1udwm9v){-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.genre-card.svelte-1udwm9v:hover img:where(.svelte-1udwm9v),.genre-card.svelte-1udwm9v:focus-visible img:where(.svelte-1udwm9v){transform:scale(1.2)}.genre-card.svelte-1udwm9v:focus-visible{outline:3px solid var(--video-hd-color-accent-75);outline-offset:-3px}.shade.svelte-1udwm9v{background:linear-gradient(#301a5400,#301a54);height:66.6667%;position:absolute;bottom:0;left:0;right:0}.title.svelte-1udwm9v{padding:1rem;position:absolute;bottom:0;left:0;right:0}.title.svelte-1udwm9v p:where(.svelte-1udwm9v){color:#fff;margin:0;font-size:1.125rem;font-weight:500;line-height:1.75rem}.rail-button.svelte-1udwm9v{z-index:2;width:2.5rem;height:2.5rem;color:var(--video-hd-color-accent-75);background:#fff;border:0;border-radius:9999px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 20px #0003}.rail-button.svelte-1udwm9v:hover,.rail-button.svelte-1udwm9v:focus-visible{background:var(--video-hd-color-accent-75);color:#fff;outline:none}.rail-button.svelte-1udwm9v:disabled{cursor:default;opacity:.3}.rail-button.svelte-1udwm9v svg:where(.svelte-1udwm9v){fill:currentColor;width:.625rem;height:1rem;overflow:visible}.previous.svelte-1udwm9v{left:1rem}.next.svelte-1udwm9v{right:1rem}@media (width<=1023px){.viewport.svelte-1udwm9v>.rail-button:where(.svelte-1udwm9v){display:none}}