.music-content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.music-content .button-player{align-items:center;background-color:#0000004d;border-radius:9999px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}@media (min-width:768px){.music-content .button-player{height:80px;width:80px}}.music-card-gradient{bottom:0;display:none;height:68px;left:0;pointer-events:none;position:absolute;width:100%}@media (min-width:1024px){.music-card-gradient{display:block}}.music-card-gradient{background:#20194a}.music-container{margin:0 auto;position:relative;width:calc(100% - 90px)}@media screen and (min-width:640px){.music-container{width:calc(100% - 100px)}}@media screen and (min-width:1024px){.music-container{width:calc(100% - 120px)}}@media screen and (min-width:1280px){.music-container{width:min(1200px)}}.music-container .swiper{padding:30px 0;width:100%}@media screen and (min-width:1024px){.music-container .swiper{padding:80px 0}}.music-container .swiper-slide{height:auto;width:100%}.music-container img{height:170px;max-width:100%!important;-o-object-fit:cover;object-fit:cover;width:100%;z-index:-1}@media screen and (min-width:640px){.music-container img{height:auto;width:100%}}.music-container .swiper-slide-active .slide-content{left:50%;position:absolute;top:35%;transform:translate(-50%,-35%)}@media screen and (min-width:1024px){.music-container .swiper-slide-active .slide-content{left:50%;top:40%;transform:translate(-50%,-40%)}}.music-container .swiper-slide-active .slide-content .button-player{display:flex;flex-shrink:0;height:56px;width:56px;--tw-scale-x:.95;--tw-scale-y:.95;align-items:center;background-color:#00000026;border-radius:9999px;justify-content:center;opacity:1;--tw-backdrop-blur:blur(12px);-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);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.music-container .swiper-slide-active .slide-content .button-player,.music-container .swiper-slide-active .slide-content .button-player:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.music-container .swiper-slide-active .slide-content .button-player:hover{--tw-scale-x:1;--tw-scale-y:1}@media (min-width:1024px){.music-container .swiper-slide-active .slide-content .button-player{height:100px;width:100px}}.music-container .swiper-slide-active .author{display:grid;opacity:1}.music-container .author{display:none;justify-items:center;opacity:0;padding-top:15px;width:100%}.music-container .swiper-button-prev{background:#0003;border-radius:50%;height:32px;left:-26px;position:absolute;top:41%;transform:translateY(-50%);width:32px;z-index:20}.music-container .swiper-button-prev:after{content:""}.music-container .swiper-button-prev:hover{background:#60606050}@media screen and (min-width:640px){.music-container .swiper-button-prev{background:#c7c7c780;border-width:0;height:58px;left:-38px;top:49%;transform:translateY(-50%);width:58px}}@media screen and (min-width:1024px){.music-container .swiper-button-prev{height:68px;left:-45px;top:49%;transform:translateY(-50%);width:68px}}.music-container .swiper-button-next{background:#0003;border-radius:50%;height:32px;position:absolute;right:-26px;top:41%;transform:translateY(-50%);width:32px;z-index:20}.music-container .swiper-button-next:after{content:""}.music-container .swiper-button-next:hover{background:#60606050}@media screen and (min-width:640px){.music-container .swiper-button-next{background:#c7c7c780;border-width:0;height:58px;right:-38px;top:49%;transform:translateY(-50%);width:58px}}@media screen and (min-width:1024px){.music-container .swiper-button-next{height:68px;right:-45px;top:49%;transform:translateY(-50%);width:68px}}.icon-player{opacity:0}.icon-player.active{opacity:1}.playing{align-items:flex-end;display:none;gap:3px;height:1rem;width:.75rem}.playing.active{display:flex}.playing__bar{animation:up-and-down 1.3s ease infinite alternate;background-image:linear-gradient(0deg,#503ed9,#9486ff);display:inline-block;height:100%;width:2px}.playing__bar1{height:60%}.playing__bar2{animation-delay:-2.2s;height:30%}.playing__bar3{animation-delay:-3.7s;height:75%}@keyframes up-and-down{10%{height:30%}30%{height:100%}60%{height:50%}80%{height:75%}to{height:60%}}.swiper-slide-music .swiper-slide{width:168px}@media (min-width:768px){.swiper-slide-music .swiper-slide{width:220px}}@media (min-width:800px){.swiper-slide-music .swiper-slide{width:230px}}@media (min-width:1024px){.swiper-slide-music .swiper-slide{width:300px}}@media (min-width:1150px){.swiper-slide-music .swiper-slide{width:357px}}@media (min-width:1280px){.swiper-slide-music .swiper-slide{width:400px}}