.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-flow:column wrap}

@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-font-weight:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}::backdrop{--tw-font-weight:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.genres{margin-top:calc(var(--spacing,.25rem)*10)}@media (min-width:64rem){.genres{margin-top:calc(var(--spacing,.25rem)*15)}}@media (min-width:96rem){.genres{margin-top:calc(var(--spacing,.25rem)*20)}}.genres__head{flex-wrap:wrap;align-items:center;display:flex}@media (min-width:48rem){.genres__head{flex-wrap:nowrap;align-items:baseline}}.genres__title{width:calc(100% - 20px);padding-right:calc(var(--spacing,.25rem)*5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);flex-shrink:1;margin-right:auto}@media (min-width:48rem){.genres__title{margin-right:calc(var(--spacing,.25rem)*10);width:auto;padding-right:calc(var(--spacing,.25rem)*0);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));flex-grow:0}}@media (min-width:96rem){.genres__title{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)))}}.genres__helper{margin-top:calc(var(--spacing,.25rem)*2);color:#fff9;font-size:10px}@supports (color:color-mix(in lab, red, red)){.genres__helper{color:color-mix(in oklab,var(--color-white,#fff)60%,transparent)}}@media (min-width:48rem){.genres__helper{margin-top:calc(var(--spacing,.25rem)*0);padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}}@media (min-width:96rem){.genres__helper{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}}.genres__swiper{margin-top:calc(var(--spacing,.25rem)*8)}@media (min-width:64rem){.genres__swiper{margin-top:calc(var(--spacing,.25rem)*10)}}@media (min-width:96rem){.genres__swiper{margin-top:calc(var(--spacing,.25rem)*15)}}.genres__swiper .swiper{height:200px;overflow:visible}@media (min-width:64rem){.genres__swiper .swiper{height:260px}}.genres__swiper .swiper-slide{width:200px;padding-right:15px}@media (min-width:64rem){.genres__swiper .swiper-slide{width:256px;padding-right:calc(var(--spacing,.25rem)*5)}}.genres__swiper .swiper-slide._muted{opacity:.4}.genre-card{display:block;position:relative}.genre-card__media{aspect-ratio:460/215;background-color:#0000001a;border-radius:15px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.genre-card__media{background-color:color-mix(in oklab,var(--color-black,#000)10%,transparent)}}.genre-card__media{--tw-font-weight:0px;font-weight:0px;-webkit-user-select:none;user-select:none}@media (min-width:96rem){.genre-card__media{border-radius:20px}}.genre-card__media img{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);object-fit:cover;width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:absolute}.genre-card__media:after{inset:calc(var(--spacing,.25rem)*0);z-index:3;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));content:" ";border-radius:15px;padding:2px;display:inline-block;position:absolute}@media (min-width:96rem){.genre-card__media:after{border-radius:20px}}.genre-card__media:after{pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(90deg,#ffb702 0%,#ffb70233 50%),linear-gradient(270deg,#ffb702 0%,#ffb70233 50%);-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.genre-card__content{right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:2;background-color:#0003;border-bottom-right-radius:15px;border-bottom-left-radius:15px;justify-content:space-between;align-items:center;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.genre-card__content{background-color:color-mix(in oklab,var(--color-black,#000)20%,transparent)}}.genre-card__content{padding-inline:calc(var(--spacing,.25rem)*5);--tw-backdrop-blur:blur(5px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);padding-top:5px;padding-bottom:5px}@media (min-width:96rem){.genre-card__content{border-bottom-right-radius:20px;border-bottom-left-radius:20px}}.genre-card__title{padding-right:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:48rem){.genre-card__title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}}.genre-card__description{color:#fffc;font-size:10px}@supports (color:color-mix(in lab, red, red)){.genre-card__description{color:color-mix(in oklab,var(--color-white,#fff)80%,transparent)}}@media (min-width:96rem){.genre-card__description{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}}.genre-card:hover .genre-card__media:after{opacity:1}.genre-card:hover .genre-card__media img{opacity:.5}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}