.featured-playlists{background:#fff;padding:60px 0 50px}@media (min-width: 992px){.featured-playlists{padding:70px 0 50px}}.featured-playlists h2{margin:0 0 50px}.featured-playlists .genre-list{font-size:18px;line-height:24px;gap:24px 35px;font-family:neue-haas-grotesk-display,sans-serif;font-weight:500;margin:0 0 40px}@media (min-width: 992px){.featured-playlists .genre-list{font-size:24px;line-height:36px;padding:0 60px;margin:0 0 38px}}.featured-playlists .genre-list a{text-decoration:none;display:inline-flex;align-items:flex-start;color:#2e3136}.featured-playlists .genre-list a:hover{color:#000}.featured-playlists .genre-list a span{font-size:12px;line-height:12px;letter-spacing:.5px;text-transform:uppercase;margin:0 0 0 8px;font-family:Roboto Mono,monospace;font-weight:400;color:#343434}.cards-wrapper,.cards-wrapper *{box-sizing:border-box;padding:0;margin:0}:root{--cover-size: 15rem}.cards-wrapper{overflow-x:scroll;--size: 6;min-height:calc(var(--cover-size) * 2.5);width:calc(var(--cover-size) * var(--size));margin:0 auto;padding:calc(var(--cover-size) / 3 * 2) 0;position:relative}.cards{list-style:none;white-space:nowrap}.cards-wrapper:not(.active){-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.cards-wrapper li{scroll-snap-align:center}.cards li{display:inline-block;width:var(--cover-size);height:var(--cover-size)}.cards li img{display:block;width:var(--cover-size);height:var(--cover-size)}.cards li:first-of-type{margin-left:calc(50% - (var(--cover-size) / 2))}.cards li:last-of-type{margin-right:calc(50% - (var(--cover-size) / 2))}@-webkit-keyframes rotate-cover{0%{-webkit-transform:translateX(-100%) rotateY(-45deg);transform:translate(-100%) rotateY(-45deg)}35%{-webkit-transform:translateX(0) rotateY(-45deg);transform:translate(0) rotateY(-45deg)}50%{-webkit-transform:rotateY(0deg) translateZ(1em) scale(1.5);transform:rotateY(0) translateZ(1em) scale(1.5)}65%{-webkit-transform:translateX(0) rotateY(45deg);transform:translate(0) rotateY(45deg)}to{-webkit-transform:translateX(100%) rotateY(45deg);transform:translate(100%) rotateY(45deg)}}@keyframes rotate-cover{0%{-webkit-transform:translateX(-100%) rotateY(-45deg);transform:translate(-100%) rotateY(-45deg)}35%{-webkit-transform:translateX(0) rotateY(-45deg);transform:translate(0) rotateY(-45deg)}50%{-webkit-transform:rotateY(0deg) translateZ(1em) scale(1.5);transform:rotateY(0) translateZ(1em) scale(1.5)}65%{-webkit-transform:translateX(0) rotateY(45deg);transform:translate(0) rotateY(45deg)}to{-webkit-transform:translateX(100%) rotateY(45deg);transform:translate(100%) rotateY(45deg)}}.cards-wrapper{-webkit-perspective:40em;perspective:40em}.cards,.cards li{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cards li img{-webkit-animation:linear rotate-cover both;animation:linear rotate-cover both;animation-timeline:view(inline);-webkit-transform:translateX(-100%) rotateY(-45deg);transform:translate(-100%) rotateY(-45deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes rotate-cover--mt{0%{-webkit-transform:translateX(-100%) rotateY(-45deg);transform:translate(-100%) rotateY(-45deg);--force-mt: 1}35%{-webkit-transform:translateX(0) rotateY(-45deg);transform:translate(0) rotateY(-45deg)}50%{-webkit-transform:rotateY(0deg) translateZ(1em) scale(1.5);transform:rotateY(0) translateZ(1em) scale(1.5)}65%{-webkit-transform:translateX(0) rotateY(45deg);transform:translate(0) rotateY(45deg)}to{-webkit-transform:translateX(100%) rotateY(45deg);transform:translate(100%) rotateY(45deg);--force-mt: 0}}@keyframes rotate-cover--mt{0%{-webkit-transform:translateX(-100%) rotateY(-45deg);transform:translate(-100%) rotateY(-45deg);--force-mt: 1}35%{-webkit-transform:translateX(0) rotateY(-45deg);transform:translate(0) rotateY(-45deg)}50%{-webkit-transform:rotateY(0deg) translateZ(1em) scale(1.5);transform:rotateY(0) translateZ(1em) scale(1.5)}65%{-webkit-transform:translateX(0) rotateY(45deg);transform:translate(0) rotateY(45deg)}to{-webkit-transform:translateX(100%) rotateY(45deg);transform:translate(100%) rotateY(45deg);--force-mt: 0}}.swiper-coverflow{margin:60px 0 0}.swiper-coverflow .swiper-slide{width:390px;width:50vw}@media (min-width: 992px){.swiper-coverflow .swiper-slide{width:30vw}}.swiper-coverflow .swiper-slide img{width:100%;height:auto;display:block}.swiper-coverflow .swiper-slide .slide-content{padding:30px 0 0;text-align:center;color:#2e3136;line-height:normal;transition:all .3s ease;opacity:0;transition-delay:0s}@media (min-width: 992px){.swiper-coverflow .swiper-slide .slide-content{padding:40px 0 0}}.swiper-coverflow .swiper-slide .slide-content h3{font-size:18px}.swiper-coverflow .swiper-slide .slide-content .meta-time{font-size:10px;font-family:Roboto Mono,monospace;font-weight:400;letter-spacing:.4px;margin:0 0 12px}.swiper-coverflow .swiper-slide .slide-content .meta-genre{font-size:10px;color:#8e8e8e;display:flex;justify-content:center;gap:20px;letter-spacing:.4px}.swiper-coverflow .swiper-slide-active .slide-content{opacity:1;transition-delay:.4s}
/*# sourceMappingURL=/cdn/shop/t/7/assets/wm-featured-playlists.css.map */