.genres-carousel{position:relative;overflow:hidden}.genres-carousel .splide__track{overflow:hidden}.genres-carousel .splide__arrow{opacity:1;cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #00000026}.genres-carousel .splide__arrow svg{fill:#00000080;width:18px;height:18px;transition:fill .2s}.genres-carousel .splide__arrow:hover{background:#ef3b00;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 16px #00000038}.genres-carousel .splide__arrow:hover svg{fill:#fff}.genres-carousel .splide__arrow:disabled{display:none}.genres-carousel .splide__arrow--prev{left:8px}.genres-carousel .splide__arrow--prev svg{transform:scaleX(-1)}.genres-carousel .splide__arrow--next{right:8px}.c-genre-card{color:#fff;border-radius:10px;align-items:center;width:100%;height:130px;padding:15px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}@media (min-width:992px){.c-genre-card{height:140px;padding:24px 30px}}.c-genre-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000002e}.c-genre-card:before{content:"";pointer-events:none;background-image:url(/img/genre-bg.svg);background-position:97%;background-repeat:no-repeat;display:block;position:absolute;inset:0}.c-genre-card__scrim{pointer-events:none;background:linear-gradient(#0000,#0003);height:60%;position:absolute;bottom:0;left:0;right:0}.c-genre-card__label{z-index:2;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 3px #0000004d;max-width:160px;font-size:18px;font-weight:800;line-height:1.2;position:relative}@media (min-width:992px){.c-genre-card__label{max-width:200px;font-size:22px}}.c-genre-card__icon{z-index:1;object-fit:contain;opacity:.9;width:auto;height:90px;transition:transform .3s,opacity .3s;position:absolute;bottom:0;right:50%;transform:translate(50%)}@media (min-width:992px){.c-genre-card__icon{height:110px;right:30px;transform:none}}.c-genre-card:hover .c-genre-card__icon{opacity:1;transform:translate(50%)scale(1.05)}@media (min-width:992px){.c-genre-card:hover .c-genre-card__icon{transform:scale(1.05)}}.c-genre-card__icon-fallback{z-index:1;color:#fff3;letter-spacing:.05em;font-size:36px;font-weight:900;line-height:1;transition:color .3s;position:absolute;bottom:10px;right:50%;transform:translate(50%)}@media (min-width:992px){.c-genre-card__icon-fallback{font-size:48px;bottom:16px;right:40px;transform:none}}.c-genre-card:hover .c-genre-card__icon-fallback{color:#ffffff59}.c-genre-card--compact{border-radius:10px;height:56px;padding:0 14px;box-shadow:0 1px 4px #00000014}.c-genre-card--compact .c-genre-card__label{letter-spacing:.01em;text-shadow:0 1px 2px #00000040;max-width:none;font-size:12px}.c-genre-card--compact .c-genre-card__icon{height:36px;position:absolute;bottom:0;right:4px;transform:none}.c-genre-card--compact:hover .c-genre-card__icon{transform:scale(1.08)}.c-genre-card--compact .c-genre-card__icon-fallback{font-size:22px;position:absolute;bottom:4px;right:8px;transform:none}.c-genre-card--compact-mobile{border-radius:12px;height:60px;padding:0 14px;box-shadow:0 1px 4px #00000014}.c-genre-card--compact-mobile .c-genre-card__label{letter-spacing:.01em;text-shadow:0 1px 2px #00000040;max-width:none;font-size:13px;font-weight:700}.c-genre-card--compact-mobile .c-genre-card__icon{height:40px;position:absolute;bottom:0;right:6px;transform:none}.c-genre-card--compact-mobile:hover .c-genre-card__icon{transform:scale(1.08)}.c-genre-card--compact-mobile .c-genre-card__icon-fallback{font-size:24px;position:absolute;bottom:6px;right:10px;transform:none}