@keyframes CardGenre_fadeInKeyframes__peXPz{0%{opacity:var(--global-ui-opacity-none)}to{opacity:var(--global-ui-opacity-100);visibility:visible}}@keyframes CardGenre_fadeOutKeyframes__cS3qj{0%{opacity:var(--global-ui-opacity-100)}to{opacity:var(--global-ui-opacity-none);visibility:hidden}}.CardGenre_CardGenrePlaceholder__upf_v{padding-top:80%;border-radius:var(--card-border-radius);background-size:400% 100%;background-color:var(--default-background-color)}.CardGenre_CardGenrePlaceholder--invisible__Ak6WN{opacity:0;z-index:-1;pointer-events:none}.CardGenre_CardGenre__j6hSL{position:relative;top:0;padding-bottom:80%;display:block}@media not all and (pointer:coarse){.CardGenre_CardGenre__j6hSL{width:100%}.CardGenre_CardGenre__j6hSL.CardGenre_focus__tuy_0 .CardGenre_CardGenre__TileWrapper__1IayZ,.CardGenre_CardGenre__j6hSL.CardGenre_hover__pFB6V .CardGenre_CardGenre__TileWrapper__1IayZ,.CardGenre_CardGenre__j6hSL:focus .CardGenre_CardGenre__TileWrapper__1IayZ,.CardGenre_CardGenre__j6hSL:hover .CardGenre_CardGenre__TileWrapper__1IayZ{top:calc(var(--global-ui-space-3)*-1);height:calc(100% + var(--global-ui-space-6))}.CardGenre_CardGenre__j6hSL.CardGenre_focus__tuy_0 .CardGenre_CardGenre__Title__MTI8D,.CardGenre_CardGenre__j6hSL.CardGenre_hover__pFB6V .CardGenre_CardGenre__Title__MTI8D,.CardGenre_CardGenre__j6hSL:focus .CardGenre_CardGenre__Title__MTI8D,.CardGenre_CardGenre__j6hSL:hover .CardGenre_CardGenre__Title__MTI8D{bottom:var(--global-ui-space-2-1)}@media(min-width:768px){.CardGenre_CardGenre__j6hSL.CardGenre_focus__tuy_0 .CardGenre_CardGenre__Title__MTI8D,.CardGenre_CardGenre__j6hSL.CardGenre_hover__pFB6V .CardGenre_CardGenre__Title__MTI8D,.CardGenre_CardGenre__j6hSL:focus .CardGenre_CardGenre__Title__MTI8D,.CardGenre_CardGenre__j6hSL:hover .CardGenre_CardGenre__Title__MTI8D{bottom:var(--global-ui-space-5)}}.CardGenre_CardGenre__j6hSL.CardGenre_focus__tuy_0 .CardGenre_CardGenre__ImageWrapper__Q8b7R,.CardGenre_CardGenre__j6hSL.CardGenre_hover__pFB6V .CardGenre_CardGenre__ImageWrapper__Q8b7R,.CardGenre_CardGenre__j6hSL:focus .CardGenre_CardGenre__ImageWrapper__Q8b7R,.CardGenre_CardGenre__j6hSL:hover .CardGenre_CardGenre__ImageWrapper__Q8b7R{background-color:var(--card-accent-color)}.CardGenre_CardGenre__j6hSL.CardGenre_focus__tuy_0 .CardGenre_CardGenre__ImageContainer___otlM,.CardGenre_CardGenre__j6hSL.CardGenre_hover__pFB6V .CardGenre_CardGenre__ImageContainer___otlM,.CardGenre_CardGenre__j6hSL:focus .CardGenre_CardGenre__ImageContainer___otlM,.CardGenre_CardGenre__j6hSL:hover .CardGenre_CardGenre__ImageContainer___otlM{height:86%}}.CardGenre_CardGenre__TileWrapper__1IayZ{position:absolute;top:0;left:0;width:100%;height:100%;transition:top var(--global-ui-transition-time-m) ease,height var(--global-ui-transition-time-m) ease}.CardGenre_CardGenre__Content__yowHQ{position:absolute;width:100%;height:calc(100% - var(--global-ui-space-2-1));box-shadow:0 var(--global-ui-space-0-1) var(--global-ui-space-1) 0 var(--global-ui-color-black-opacity-20)}.CardGenre_CardGenre__ImageWrapper__Q8b7R{position:relative;width:100%;box-shadow:none;z-index:5;height:100%;outline:none;border-radius:var(--card-border-radius);overflow:hidden;background-color:var(--default-background-color);padding-bottom:0}@media(pointer:coarse){.CardGenre_CardGenre__ImageWrapper__Q8b7R{background-color:var(--card-accent-color)}}.CardGenre_CardGenre__ImageContainer___otlM{position:relative;height:96%;transition:height var(--global-ui-transition-time-m) ease;mask-image:linear-gradient(0deg,rgba(0,0,0,0),black 50%);-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0),black 50%)}.CardGenre_CardGenre__Image__8hruf{width:100%;height:100%;z-index:3}.CardGenre_CardGenre__Title__MTI8D{position:absolute;bottom:var(--global-ui-space-2-1);left:var(--global-ui-space-2-1);color:var(--default-white);right:var(--global-ui-space-2-1);z-index:130;width:calc(100% - var(--global-ui-space-5));transition:bottom var(--global-ui-transition-time-m) ease;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}@media(min-width:768px){.CardGenre_CardGenre__Title__MTI8D{bottom:var(--global-ui-space-5)}}.CardGenre_CardGenre__Stack__rHEZD{position:relative;height:var(--global-ui-space-2-1);-webkit-backdrop-filter:blur(var(--global-ui-space-2-1));backdrop-filter:blur(var(--global-ui-space-2-1));background-color:var(--global-ui-color-white-opacity-20);background-image:linear-gradient(to bottom,var(--global-ui-color-black-opacity-30),var(--global-ui-color-black-opacity-0));box-shadow:var(--global-ui-color-black-opacity-20) 0 var(--global-ui-space-0-1) var(--global-ui-space-1) 0;display:block;border-radius:0 0 var(--global-ui-border-radius-l) var(--global-ui-border-radius-l);width:calc(100% - var(--global-ui-space-5));margin:0 var(--global-ui-space-2-1)}@media(pointer:coarse){.CardGenre_CardGenre__Stack__rHEZD{height:var(--global-ui-space-1-1);width:calc(100% - .875rem);margin:0 var(--global-ui-space-1-3)}}