.ds-genre-card,.ds-genre-card-skeleton{aspect-ratio:16/9;border-radius:var(--ds-radius-xl)}.ds-genre-card{padding:var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-border-default);cursor:pointer;transition:transform var(--ds-transition-spring), border-color var(--ds-transition-fast);align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.ds-genre-card:not(.ds-genre-card--disabled):hover{border-color:color-mix(in srgb, var(--tone) 60%, transparent);transform:translateY(-3px)}.ds-genre-card--disabled{cursor:default}.ds-genre-card:before{content:"";z-index:var(--ds-z-base);background:repeating-linear-gradient(125deg, transparent 0 16px, var(--ds-white-alpha-3) 16px 17px), radial-gradient(120% 130% at 75% 15%, color-mix(in srgb, var(--tone) 60%, transparent), transparent 60%), linear-gradient(150deg, color-mix(in srgb, var(--tone) 42%, var(--ds-bg-inset)), var(--ds-bg-inset) 80%);transition:transform var(--ds-transition-spring);background-position:50%;background-size:cover;position:absolute;inset:0}.ds-genre-card--image:before{background:var(--genre-lqip,none) center / cover no-repeat, linear-gradient(150deg, color-mix(in srgb, var(--tone) 42%, var(--ds-bg-inset)), var(--ds-bg-inset) 80%)}.ds-genre-card__media{z-index:var(--ds-z-base);pointer-events:none;transition:transform var(--ds-transition-spring);display:block;position:absolute;inset:0}.ds-genre-card__image{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.ds-genre-card:not(.ds-genre-card--disabled):hover:before,.ds-genre-card:not(.ds-genre-card--disabled):hover .ds-genre-card__media{transform:scale(1.04)}.ds-genre-card:after{content:"";z-index:var(--ds-z-base);background:linear-gradient(to top, var(--ds-onmedia-scrim-color) 6%, transparent 78%);position:absolute;inset:0}.ds-genre-card__label{z-index:var(--ds-z-sticky);font-family:var(--ds-font-heading);font-weight:var(--ds-font-weight-extrabold);font-size:var(--ds-font-xl);color:var(--ds-onmedia-fg);text-shadow:0 1px 12px var(--ds-black-alpha-15);line-height:1.1;position:relative}.ds-genre-card__go{z-index:var(--ds-z-sticky);right:var(--ds-space-4);top:var(--ds-space-4);border-radius:var(--ds-radius-full);width:32px;height:32px;color:var(--ds-onmedia-fg);background:var(--ds-onmedia-chip-bg);-webkit-backdrop-filter:var(--ds-glass-blur-2xs);backdrop-filter:var(--ds-glass-blur-2xs);opacity:0;transition:opacity var(--ds-transition-fast), transform var(--ds-transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-6px)}.ds-genre-card__status{z-index:var(--ds-z-sticky);right:var(--ds-space-4);top:var(--ds-space-4);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-xs);font-weight:var(--ds-font-weight-bold);color:var(--ds-onmedia-fg);background:var(--ds-onmedia-chip-bg);-webkit-backdrop-filter:var(--ds-glass-blur-2xs);backdrop-filter:var(--ds-glass-blur-2xs);line-height:1;position:absolute}.ds-genre-card:not(.ds-genre-card--disabled):hover .ds-genre-card__go,.ds-genre-card:focus-visible .ds-genre-card__go{opacity:1;transform:translate(0)}@media (max-width:47.9938em){.ds-genre-card:not(.ds-genre-card--disabled):hover{transform:none}.ds-genre-card__label{font-size:var(--ds-font-md)}}