.main-container-topgenre{background:linear-gradient(1deg,#fa939e,transparent)}.main-container-topgenre .container{position:relative;padding-bottom:44px;max-width:1200px;margin:auto}.main-container-topgenre .container .header{display:flex;align-items:center;justify-content:space-between;padding:32px 21px 12px;border-bottom:1px solid;border-radius:12%;margin-bottom:10px}.main-container-topgenre .container .header .wrapper{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;width:100%}.main-container-topgenre .container .header .wrapper .heading{color:rgba(0,0,0,.738);font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:30px;text-transform:capitalize;opacity:0;transform:translateY(-20px);animation:bounceInOut 2s ease-in-out forwards;position:relative;display:inline-block;overflow:hidden}.main-container-topgenre .container .header .wrapper .heading:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.8));transform:rotate(0deg);animation:shimmer 3s linear infinite;pointer-events:none}.main-container-topgenre .container .header .wrapper .more{color:#6b4cff;font-size:14px;font-weight:500;line-height:16px;padding-bottom:2px}.main-container-topgenre .container .category .category-list{padding-top:32px}.main-container-topgenre .container .category .category-list .category-wrapper{transform:translateZ(0);position:relative;width:100%;height:100%;z-index:1;display:flex}.main-container-topgenre .container .category .category-list .category-wrapper .category-item{width:100%;height:100%}.main-container-topgenre .container .category .category-list .category-wrapper .category-item .category-image{position:relative;width:157px;display:inline-block;height:98px}.main-container-topgenre .container .category .category-list .category-wrapper .category-item .category-image img{height:100%;width:100%;object-fit:fill;transition:transform .2s ease}.main-container-topgenre .container .category .category-list .category-wrapper .category-item:hover .category-image img{animation:shake-updown .5s ease forwards}@media(max-width:985px){.main-container-topgenre .container .category{overflow-x:auto;scroll-behavior:smooth;padding-bottom:10px;padding-left:6px;padding-right:6px}.main-container-topgenre .container .category .category-list .category-wrapper{gap:16px}}@keyframes shake-updown{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(5px)}75%{transform:translateY(-5px)}to{transform:translateY(0)}}