body{background-color:#fff}body picture{display:inline-block}h1{font-weight:700;font-size:40px;line-height:140%;margin:0;text-align:center;color:#fff}h2{font-weight:700;font-size:34px;line-height:48px;color:#161616;margin:0;text-align:center}h2~p{font-weight:400;font-size:18px;line-height:27px;color:#16161699;margin:30px auto 60px;text-align:center;max-width:1000px}.base-width{max-width:1300px;padding:100px 20px;margin:0 auto}.mobile{display:none}.pc{display:block}.plate{display:none}.pc-plate{display:block}.pink-button{display:inline-block;padding:0 50px;font-family:'Poppins';font-weight:600;font-size:20px;line-height:50px;height:50px;text-align:center;border-radius:6px;color:#FFF;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);cursor:pointer}.pink-button:hover{background:linear-gradient(180deg,#C74FFF 0%,#7C3DFF 100%)}@media (max-width:1024px){h1{font-size:32px;line-height:120%}h2{font-size:28px;line-height:120%}h2~p{font-size:16px;line-height:140%;margin:30px 0}.base-width{padding:50px 20px}.plate{display:block}.pc-plate{display:none}}@media (max-width:768px){.mobile{display:block}.pc{display:none}}.banner{position:relative;background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/pc_banner.jpg) no-repeat 0 0 / 100% 100%;z-index:0}.banner .base-width{padding-top:44px}.banner .banner-img-right,.banner .banner-img-left{position:absolute;bottom:0}.banner .banner-img-left{left:0;max-width:288px}.banner .banner-img-right{right:0;max-width:264px}.banner .banner-nav{display:flex;align-items:center;gap:5px;margin-bottom:20px}.banner .banner-nav>svg{min-width:10px;min-height:10px;width:10px;height:10px}.banner .banner-nav p{font-weight:400;font-size:16px;line-height:25.6px;color:#FFFFFF80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner .banner-nav p>span{color:#FFFFFFE5}.banner .banner-nav a{display:flex;align-items:center;gap:8px;color:#FFFFFF80}.banner .banner-nav a>svg{width:16px;height:16px}.banner .banner-nav a:hover,.banner .banner-nav a:hover p{color:#FFFFFFE5}.banner .banner-content{width:100%}.banner .banner-content h1,.banner .banner-content h1+p{position:relative;z-index:2}.banner .banner-content h1+p{font-weight:400;font-size:16px;line-height:28px;text-align:center;color:#FFFC;margin:10px 0 36px}.banner .banner-content .banner-content-box{position:relative;border-radius:16px;background:linear-gradient(180deg,rgba(62,62,62,.9) 0%,rgba(88,88,88,.85) 100%)}.banner .banner-content .banner-content-box::before{content:'';position:absolute;top:-90px;left:50%;transform:translate(-50%,0);width:665px;height:482px;background:linear-gradient(163.76deg,rgba(89,0,144,.5) 21.04%,rgba(255,78,227,.5) 50%,rgba(254,254,254,0) 79.3%);filter:blur(100px);opacity:.9;border-radius:50%;z-index:-1}.banner .hero-preview-animation{padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;inset:0;z-index:3;border-radius:16px}.banner .hero-preview-animation-line{width:400px;height:400px;position:absolute;animation:hero-preview-animation-line 6.5s linear infinite;bottom:-400px;left:0;background-image:linear-gradient(to top,transparent,#5888FE,#CA0AEF,#D735B3,#E8686B,transparent)}.banner .hero-preview-animation-line:nth-child(2){animation-delay:3s}@keyframes hero-preview-animation-line{0%{transform:translateZ(0) translate(-50%,-50%) rotate(45deg)}18%{transform:translateZ(0) translate(-50%,-172%) rotate(45deg)}54%{transform:translateZ(0) translate(260%,-172%) rotate(45deg)}73%{transform:translateZ(0) translate(260%,-55%) rotate(45deg)}100%{transform:translateZ(0) translate(-50%,-50%) rotate(45deg)}}.banner .ai-music-box{width:100%;display:flex;position:relative;padding:16px 20px;z-index:4;border-radius:16px;gap:16px}.banner .ai-music-box .left{width:63%;min-width:404px;text-align:left}.banner .ai-music-box .left .title{font-weight:500;font-size:16px;line-height:100%;color:#FFFFFFE5;margin-bottom:10px}.banner .ai-music-box .left .switch-container{display:inline-flex;margin-bottom:10px;background:#422947;border-radius:10px;padding:4px;cursor:pointer}.banner .ai-music-box .left .switch-container .switch-label-right,.banner .ai-music-box .left .switch-container .switch-label-left{width:133px;height:24px;text-align:center;line-height:24px;font-weight:500;font-size:14px;color:#DD3BFF;border-radius:6px}.banner .ai-music-box .left .switch-container .switch-label-right.is-active,.banner .ai-music-box .left .switch-container .switch-label-left.is-active{background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);color:#FFF}.banner .ai-music-box .left .description{display:none}.banner .ai-music-box .left .description .generate{position:relative;height:316px;border-radius:8px;border:1px solid #464646;margin:12px auto;background:linear-gradient(180deg,#181818 0%,#222222 100%)}.banner .ai-music-box .left .description .try-out-editor{padding:12px;width:100%;height:100%;border:none;resize:none;font-size:12px;color:#FFF9;background:none;line-height:19px;text-align:left;scrollbar-width:thin}.banner .ai-music-box .left .lyrics .generate{position:relative;height:164px;border-radius:8px;border:1px solid #464646;margin:12px auto;background:linear-gradient(180deg,#181818 0%,#222222 100%)}.banner .ai-music-box .left .lyrics .try-out-editor{padding:12px;width:100%;height:73%;border:none;resize:none;font-size:12px;color:#FFFFFFE6;background:none;line-height:19px;text-align:left;scrollbar-width:thin;scrollbar-color:#464646 transparent}.banner .ai-music-box .left .lyrics textarea::placeholder{color:#FFF9}.banner .ai-music-box .left .lyrics-btn{display:inline-flex;align-items:center;padding:0 12px;height:29px;border-radius:8px;position:absolute;bottom:12px;right:12px;background:#422947;color:#DD3BFF;font-size:14px;cursor:pointer}@media (min-width:768px){.banner .ai-music-box .left .lyrics-btn:hover{background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);color:#FFF}}.banner .ai-music-box .left .lyrics .style{position:relative;height:109px;border-radius:8px;border:1px solid #464646;margin:12px auto 16px;background:linear-gradient(180deg,#181818 0%,#222222 100%)}.banner .ai-music-box .left .lyrics .style .try-out-editor{padding:16px 12px;height:auto}.banner .ai-music-box .left .ai-music-btn{margin:2px auto;width:276px;height:38px}.banner .ai-music-box .left .ai-music-btn .create{border:0;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);border-radius:8px;gap:6px}.banner .ai-music-box .left .ai-music-btn .create p{font-family:'Poppins';font-weight:600;font-size:18px;color:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.banner .ai-music-box .left .ai-music-btn .create img{display:none;animation:spin 1s linear infinite;transition:transform 0.3s ease}.banner .ai-music-box .left .ai-music-btn .create svg{width:20px;height:20px}.banner .ai-music-box .left .ai-music-btn .create:hover{background:linear-gradient(180deg,#C74FFF 0%,#7C3DFF 100%)}.banner .ai-music-box .left .ai-music-btn .create.generating{cursor:wait;pointer-events:none}.banner .ai-music-box .left .ai-music-btn .create.generating svg{display:none}.banner .ai-music-box .left .ai-music-btn .create.generating img{display:block}.banner .ai-music-box .right{width:36%;position:relative;text-align:left;border:1px solid #464646;background:#1E1E1E;border-radius:8px;min-width:215px;padding:26px 30px 0}.banner .ai-music-box .right .song-info{display:flex;align-items:center;gap:14px}.banner .ai-music-box .right .song-info img{width:72px;border-radius:4px}.banner .ai-music-box .right .song-info .song-info-text{display:flex;flex-direction:column;gap:14px}.banner .ai-music-box .right .song-info .title{font-weight:600;font-size:16px;line-height:160%;color:#FFF}.banner .ai-music-box .right .song-info .style{font-weight:400;font-size:14px;line-height:160%;color:#FFFFFFE5}.banner .ai-music-box .right .lyric-box{margin-top:18px;height:265px;min-height:200px;text-align:left;overflow:auto;scrollbar-width:thin;scrollbar-color:#464646 transparent;color:#FFFFFFE5}.banner .ai-music-box .right .lyric-box p{font-weight:400;font-size:12px;line-height:160%;color:#FFFFFFE5}.banner .ai-music-box .right .banner-play-box{position:absolute;bottom:0;left:0;width:100%;height:50px;border-top:1px solid #464646;background:#0E0E0E1F;border-radius:8px;backdrop-filter:blur(15px)}.banner .ai-music-box .right .banner-play-box .play-audio{display:flex;align-items:center;width:100%;height:100%;padding:0 16px}.banner .ai-music-box .right .control-bt{width:28px;height:28px;background:#D6D6D6;cursor:pointer;z-index:1;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px}.banner .ai-music-box .right .control-bt svg:first-of-type{width:12px;height:12px;margin-left:1px}.banner .ai-music-box .right .control-bt svg:last-of-type{width:28px;height:28px;display:none}.banner .ai-music-box .right .control-bt.start svg:first-of-type{display:none}.banner .ai-music-box .right .control-bt.start svg:last-of-type{display:block}.banner .ai-music-box .right .control-bt:hover{background:#FFF}.banner .ai-music-box .right .banner-play-box .hove{display:flex;align-items:center;white-space:nowrap;flex:1}.banner .ai-music-box .right .banner-play-box .hove .bar{flex:1;border-radius:13px;margin-right:10px}.banner .ai-music-box .right .banner-play-box .hove .bg{position:relative;width:auto;height:6px;background:rgba(255,255,255,.2);cursor:pointer;border-radius:13px}.banner .ai-music-box .right .banner-play-box .bg .progress-bar{background:#FFF;border-radius:5px;width:0;height:100%}.banner .ai-music-box .right .banner-play-box .hove span{font-size:12px;white-space:nowrap;color:#fff}@media (max-width:996px){.banner .hero-preview-animation-line{animation:none 0s ease 0s 1 normal none running;animation:initial}}@media (max-width:768px){.banner{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/sj_banner.jpg) no-repeat 0 0 / cover}.banner .base-width{padding-top:30px}.banner .banner-content .banner-content-box::before{top:-120px;width:255px;height:150px;filter:blur(50px);opacity:.7;z-index:0}.banner .hero-preview-animation{z-index:1}.banner .banner-nav{justify-content:center}.banner .ai-music-box{flex-wrap:wrap;padding:20px;z-index:2}.banner .ai-music-box .left{width:100%;min-width:0}.banner .ai-music-box .right{width:100%;padding:18px 20px}.banner .banner-content h1+p{margin-bottom:30px}.banner .ai-music-box .right .song-info{flex-direction:column;align-items:center;row-gap:16px}.banner .ai-music-box .right .song-info .song-info-text{row-gap:3px}.banner .ai-music-box .right .song-info .title,.banner .ai-music-box .right .song-info .style{text-align:center}.banner .ai-music-box .right .song-info .title{font-size:14px}.banner .ai-music-box .right .song-info .style{font-size:12px}.banner .ai-music-box .left .lyrics-btn:active{background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);color:#FFF}.banner .ai-music-box .left .ai-music-btn{width:100%;max-width:430px}.banner .ai-music-box .right .lyric-box{padding-bottom:40px}}.rap-song-maker{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/pc_2.jpg) no-repeat 0 0 / cover}.rap-song-maker h2,.rap-song-maker p{text-align:left}.rap-song-maker p{margin-bottom:70px;margin-left:0;margin-right:0;color:#161616}.rap-song-maker h2 span{color:#DD3BFF}@media (max-width:768px){.rap-song-maker{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/sj_2.jpg) no-repeat 0 0 / cover}.rap-song-maker .base-width{padding-bottom:60px}.rap-song-maker p{margin-bottom:30px}}.you-can-make{background:linear-gradient(180deg,#FFFFFF 0%,#FAF2FF 100%),linear-gradient(0deg,#FDF9FF,#FDF9FF)}.you-can-make .make-box{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:42px;margin-top:50px}.you-can-make .make-box .make-item{border:1px solid #DCC0ED;border-radius:28px;width:405px;height:336px;transition:all 0.3s ease-in-out;overflow:hidden;background:#FFF}.you-can-make .make-box .make-item:hover{transform:translateY(-10px);border:1px solid #DD4CFC;box-shadow:0 2.77px 2.21px 0 #64167005,0 6.65px 5.32px 0 #64167007,0 12.52px 10.02px 0 #64167009,0 22.34px 17.87px 0 #6416700B,0 41.78px 33.42px 0 #6416700D,0 100px 80px 0 #64167012}.you-can-make .make-box .make-item img{border-top-left-radius:28px;border-top-right-radius:28px}.you-can-make .make-box .make-item .make-item-text{padding:16px 20px 30px;background:#FFF;border-bottom-left-radius:28px;border-bottom-right-radius:28px}.you-can-make .make-box .make-item .make-item-text h3{font-weight:700;font-size:18px;line-height:36px;margin:0 0 10px;color:#2D2C2E;text-align:left}.you-can-make .make-box .make-item .make-item-text p{font-weight:400;font-size:16px;line-height:140%;color:#16161699;text-align:left}@media (max-width:1024px){.you-can-make .make-box{justify-content:center;row-gap:20px;margin-top:30px}}@media (max-width:768px){.you-can-make .make-box .make-item{width:335px}.you-can-make .make-box .make-item .make-item-text h3{font-size:18px}}@media (max-width:728px){.you-can-make .make-box .make-item{height:auto}}.how-to-generate{background:linear-gradient(180deg,#FFFFFF 0%,#FCF7FF 100%);padding:100px 0}.how-to-generate h2,.how-to-generate h2~p{padding:0 20px}.how-to-generate .swiper-wrapper{flex-direction:column;row-gap:50px}.how-to-generate .swiper-wrapper .swiper-slide:nth-child(2){z-index:1;padding:50px 0 56px}.how-to-generate .swiper-wrapper .swiper-slide:nth-child(2)::before{content:'';position:absolute;top:0;width:100%;height:100%;background:#EDEAF7;z-index:-1}.how-to-generate .swiper-wrapper .swiper-slide:nth-child(2) .generate-item>picture{order:1}.how-to-generate .swiper-wrapper .swiper-slide:nth-child(2) .generate-item-text{order:2}.how-to-generate .generate-item{display:flex;column-gap:60px;align-items:center;max-width:1300px;padding:0 20px;margin:0 auto}.how-to-generate .generate-item>picture img{width:640px;height:auto}.how-to-generate .generate-item .generate-item-text{max-width:560px}.how-to-generate .generate-item .generate-item-text .step-number{display:flex;gap:14px;margin-bottom:20px}.how-to-generate .generate-item .generate-item-text .step-number img{width:28px;height:28px;margin-top:5px}.how-to-generate .generate-item .generate-item-text .step-number p{font-weight:700;font-size:20px;line-height:36px;color:#161616}.how-to-generate .generate-item .generate-item-text .step-number p span{color:#DD3BFF}.how-to-generate .generate-item .generate-item-text>p{font-weight:400;font-size:16px;line-height:24px;color:#161616CC;margin-bottom:70px}.how-to-generate .generate-item .generate-item-text>p,.how-to-generate .generate-item .generate-item-text .pink-button{margin-left:42px}@media (max-width:1024px){.how-to-generate{padding:50px 0}.how-to-generate .swiper-wrapper .swiper-slide:nth-child(2)::before{display:none}.how-to-generate .swiper-wrapper{flex-direction:row}.how-to-generate .swiper-wrapper .swiper-slide:nth-child(2){padding:0}.how-to-generate .generate-item{justify-content:center}.how-to-generate .generate-item .generate-item-text .step-number img{display:none}.how-to-generate .generate-item .generate-item-text>p{margin-top:48px;margin-bottom:20px;margin-left:0}.how-to-generate .pink-button-box{display:flex;justify-content:center;align-items:center}.how-to-generate .swiper-pagination{position:static;display:flex;justify-content:center;margin-bottom:30px}.how-to-generate .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#DDD;transition:all 0.3s ease-in-out;opacity:1;margin:0 4px}.how-to-generate .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;border-radius:4px;background:#DD3BFF}}@media (max-width:600px){.how-to-generate h2,.how-to-generate h2~p{text-align:left}}.all-rap-songs{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/pc_3.png) no-repeat 0 0 / 100% 100%,linear-gradient(180deg,#EDEAF7 0%,#FFFFFF 100%)}.all-rap-songs .pink-button-box{display:flex;justify-content:center;margin:60px auto 0}.all-rap-songs .play-icon-box{width:40px;height:40px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2.5px 16.67px 0 #00000080}.all-rap-songs .play-icon-box:hover{background:#797979}.all-rap-songs .play-icon-box.start .play-icon{display:none}.all-rap-songs .play-icon-box.start .pause-icon{display:block}.all-rap-songs .play-icon-box .play-icon{border-left:12px solid #FFF;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.all-rap-songs .play-icon-box .pause-icon{width:16px;height:16px;position:relative;display:none}.all-rap-songs .play-icon-box .pause-icon::before,.all-rap-songs .play-icon-box .pause-icon::after{width:4px;height:100%;background:#FFF;content:'';position:absolute;top:50%;transform:translate(0,-50%);border-radius:1px}.all-rap-songs .play-icon-box .pause-icon::before{left:0}.all-rap-songs .play-icon-box .pause-icon::after{right:0}.all-rap-songs .songs-box-outside{background:#00000040;border:2px solid rgba(58,58,58,.4);border-radius:16px;backdrop-filter:blur(10px);padding:20px}.all-rap-songs .songs-box{display:flex;column-gap:10px;background:#191919;border-radius:6px;padding:8px 10px 0}.all-rap-songs .songs-box .songs-box-left{width:69%}.all-rap-songs .songs-box .songs-box-left .play-sequentially{display:flex;align-items:center;height:80px;column-gap:26px;padding:16px 30px;background:linear-gradient(180deg,#333333 0%,#222222 100%);border-top-left-radius:6px;border-top-right-radius:6px}.all-rap-songs .songs-box .songs-box-left .play-sequentially .play-icon-box{width:48px;height:48px;box-shadow:0 3px 20px 0 #00000080;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%)}.all-rap-songs .songs-box .songs-box-left .play-sequentially .play-icon-box:hover{background:linear-gradient(180deg,#C74FFF 0%,#7C3DFF 100%)}.all-rap-songs .songs-box .songs-box-left .play-sequentially .play-icon-box .play-icon{border-left:13px solid #FFF;border-top:9px solid transparent;border-bottom:9px solid transparent}.all-rap-songs .songs-box .songs-box-left .play-sequentially p{font-weight:700;font-size:24px;line-height:48px;text-align:center;color:#FFF}.all-rap-songs .songs-box .songs-box-left .play-list .lis-top{display:flex;align-items:center;height:70px;padding:29px 29px 15px 20px}.all-rap-songs .songs-box .songs-box-left .play-list .lis-top p{font-weight:400!important;font-size:16px!important;line-height:21px!important;color:#FFFFFF!important;text-align:left!important}.all-rap-songs .songs-box .songs-box-left .play-list{display:flex;flex-direction:column;row-gap:10px;max-height:517px;overflow-y:auto}.all-rap-songs .songs-box .songs-box-left .play-list::-webkit-scrollbar{width:4px;background:transparent}.all-rap-songs .songs-box .songs-box-left .play-list::-webkit-scrollbar-thumb{background:#333;border-radius:22px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item{display:flex;align-items:center;border-radius:6px;margin-right:6px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item:not(.lis-top){padding:8px 29px 8px 16px}.all-rap-songs .songs-box .songs-box-left .play-list .start.play-item:not(.lis-top){background:#333}.all-rap-songs .songs-box .songs-box-left .play-list .play-item:not(.lis-top):hover{background:#333}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-left{display:flex;align-items:center;column-gap:10px;min-width:62px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-left .play-item-number{display:inline-block;min-width:17px;font-weight:400;font-size:16px;line-height:100%;text-align:center;color:#FFF}.all-rap-songs .songs-box .songs-box-left .play-list .play-item.start .play-item-left .play-item-number,.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-left .wave-loading{display:none}.all-rap-songs .songs-box .songs-box-left .play-list .play-item.start .play-item-left .wave-loading{display:flex;align-items:center;gap:4px;width:17px;height:17px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-left .wave-loading .bar{width:3px;height:17px;background:#E43BFF;animation:wave 1s ease-in-out infinite}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-left .wave-loading .bar:nth-child(2){animation-delay:0.3s}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-left .wave-loading .bar:nth-child(3){animation-delay:0.6s}@keyframes wave{0%,100%{transform:scaleY(1) translateY(0)}50%{transform:scaleY(.5) translateY(9.5px)}}.all-rap-songs .songs-box .songs-box-left .play-list .play-item.start .play-item-right .song-name{color:#DD3BFF}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-left img{width:40px;height:40px;border-radius:3px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right{display:flex;align-items:center;justify-content:space-between;column-gap:30px;margin-left:13px;flex:1}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-name{font-weight:400;font-size:16px;line-height:100%;color:#FFF;max-width:230px;min-height:16px;flex:1}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-info-box{display:flex;flex-direction:column;row-gap:4px;width:269px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-info-box .song-info{font-weight:400;font-size:14px;line-height:21px;color:#919191}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-info-box .song-style{font-weight:400;font-size:16px;line-height:100%;color:#FFF;font-style:normal}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-play{display:flex;align-items:center;column-gap:20px;width:144px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item.start .play-item-right .song-play .play-icon-box,.all-rap-songs .songs-box .songs-box-left .play-list .play-item:hover .play-item-right .song-play .play-icon-box{background:#5F5F5F;box-shadow:none}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-play .custom-box{border:1px solid #7B7A7A;width:84px;height:30px;border-radius:40px;display:none;align-items:center;justify-content:center;column-gap:4px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item:hover .play-item-right .song-play .custom-box,.all-rap-songs .songs-box .songs-box-left .play-list .play-item.start .play-item-right .song-play .custom-box{display:flex}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-play .custom-box .custom-icon{width:12px;height:12px;position:relative}.all-rap-songs .songs-box .play-item-right .song-play .custom-box .custom-icon::before,.all-rap-songs .songs-box .play-item-right .song-play .custom-box .custom-icon::after{width:1.5px;height:12px;border-radius:1px;background:#fff;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.all-rap-songs .songs-box .play-item-right .song-play .custom-box .custom-icon::after{transform:translate(-50%,-50%) rotate(90deg)}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-play .custom-box p{font-weight:400;font-size:12px;line-height:24px;color:#FFF}.all-rap-songs .songs-box .songs-box-right{width:30%;padding:16px 14px;background:#333;border-radius:6px;margin-bottom:10px}.all-rap-songs .songs-box .songs-box-right picture{width:100%}.all-rap-songs .songs-box .songs-box-right img{width:100%;height:auto;object-fit:cover;border-radius:8px}.all-rap-songs .songs-box .songs-box-right .song-style{display:inline-block;font-weight:400;font-size:14px;line-height:24px;color:#FFF;padding:3px 10px;background:#555454;border-radius:40px;margin:20px 0 12px 6px}.all-rap-songs .songs-box .songs-box-right .song-name{font-weight:700;font-size:22px;line-height:32px;color:#FFF;margin-left:6px}.all-rap-songs .songs-box .songs-box-right .song-info{font-weight:400;font-size:16px;line-height:24px;color:#FFF9;margin:8px 0 23px 6px}.all-rap-songs .songs-box .songs-box-right .song-play{display:flex;justify-content:end}.all-rap-songs .songs-box .songs-box-right .song-play .play-icon-box{width:52px;height:52px;background:#666;backdrop-filter:blur(13.910000801086426px);box-shadow:none}.all-rap-songs .songs-box .songs-box-right .song-play .play-icon-box:hover{background:#909090}.all-rap-songs .songs-box .songs-box-right .song-play .play-icon-box .play-icon{border-left:16px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}.all-rap-songs .songs-box .songs-box-right .song-play .play-icon-box .pause-icon{width:16px;height:16px}@media (max-width:1440px){.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right{column-gap:15px}}@media (max-width:1024px){.all-rap-songs .songs-box .songs-box-left{width:100%}.all-rap-songs .songs-box .songs-box-right{display:none}}@media (max-width:768px){.all-rap-songs{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/sj_3.png) no-repeat 0 0 / 100% 100%,}.all-rap-songs h2,.all-rap-songs h2+p{text-align:left}.all-rap-songs .pink-button-box{margin-top:30px}.all-rap-songs .pink-button-box .pink-button{padding:0 30px}.all-rap-songs .songs-box{padding:0}.all-rap-songs .songs-box .songs-box-left .play-sequentially{justify-content:space-between}.all-rap-songs .songs-box .songs-box-left .play-sequentially p{order:1;font-size:20px}.all-rap-songs .songs-box .songs-box-left .play-sequentially .play-icon-box{order:2;width:34px;height:34px}.all-rap-songs .songs-box .songs-box-left .play-sequentially .play-icon-box .play-icon{border-left:12px solid #FFF;border-top:7px solid transparent;border-bottom:7px solid transparent}.all-rap-songs .songs-box .songs-box-left .play-list .lis-top{display:none}.all-rap-songs .songs-box .songs-box-left .play-list{padding:10px;max-height:100%}.all-rap-songs .songs-box .songs-box-left .play-list .play-item{align-items:flex-start;padding:16px;position:relative}.all-rap-songs .songs-box .songs-box-left .play-list .play-item::after{position:absolute;content:'';width:10px;height:10px;border-bottom:1px solid #FFF;border-right:1px solid #FFF;transform:rotate(45deg);top:23px;right:13px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right{flex-direction:column;align-items:flex-start}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-name{font-size:14px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-info-box .song-style{margin:10px 0 0;font-size:12px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-info-box{width:auto}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-info-box .song-info{font-size:10px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-play{width:100%;margin-top:8px;column-gap:8px}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-play .custom-box{display:flex}.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-info-box .song-info,.all-rap-songs .songs-box .songs-box-left .play-list .play-item .play-item-right .song-play{display:none}.all-rap-songs .songs-box .songs-box-left .play-list .play-item.active .play-item-right .song-info-box .song-info,.all-rap-songs .songs-box .songs-box-left .play-list .play-item.active .play-item-right .song-play{display:flex}.all-rap-songs .play-icon-box{width:30px;height:30px}.all-rap-songs .play-icon-box .play-icon{border-left:10px solid #FFF;border-top:6px solid transparent;border-bottom:6px solid transparent}.all-rap-songs .play-icon-box .pause-icon{width:12px;height:12px}.all-rap-songs .play-icon-box .pause-icon::before,.all-rap-songs .play-icon-box .pause-icon::after{width:3px}}.integrate{background:#F4F4F4}.integrate .base-width{position:relative}.integrate .integrate-box{background:linear-gradient(180deg,#47474A 0%,#231135 50.27%,#491F55 100%);height:479px;width:405px;border-radius:28px;padding:20px 30px;display:flex;flex-direction:column;justify-content:space-between}.integrate .control-box{display:flex;justify-content:center;align-items:center;column-gap:30px;margin-top:20px}.integrate .swiper-pagination{position:static;width:130px}.integrate .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#BCBCBC;margin:0 4px;transition:all .3s ease-in-out;opacity:1}.integrate .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#DD3BFF;opacity:1;width:40px;border-radius:4px}.integrate .button-next,.integrate .button-prev{position:absolute;top:55%;width:48px;height:48px;border-radius:50%;background:#FFF9;border:1px solid #DDD;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer}.integrate .button-next{right:-50px}.integrate .button-prev{left:-50px}.integrate .button-next:hover,.integrate .button-prev:hover{border:1px solid #8A8A8A;color:#000}.integrate .button-next svg,.integrate .button-prev svg{width:19px;height:19px}.integrate .button-prev svg{transform:rotate(180deg)}.integrate .integrate-box .integrate-text h3{font-weight:700;font-size:20px;line-height:36px;color:#fff;margin:0}.integrate .integrate-box .integrate-text p{font-weight:400;font-size:16px;line-height:140%;color:#FFF9;margin-top:26px}.integrate .integrate-box picture img{flex:1;width:100%}.integrate .gradients-text{display:block;margin:60px auto 0;font-weight:600;font-size:20px;line-height:120%;text-align:center;background:linear-gradient(90deg,#009BFF 0%,#9C09FA 46.86%,#F740C3 102.19%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:1440px){.integrate .swiper-slide{display:flex;justify-content:center}.integrate .button-next,.integrate .button-prev{position:static}.integrate .gradients-text{margin-top:10px}}@media (max-width:768px){.integrate .integrate-box{width:335px;height:448px}.integrate .integrate-box .integrate-text p{margin-top:10px}}.our-user{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/bg_4.jpg) no-repeat 0 0 / 100% 100%}.our-user .base-width{display:flex;justify-content:space-between;align-items:center}.our-user .our-user-left{width:220px}.our-user .our-user-left h2{color:#fff;margin-top:20px;text-align:left}.our-user .our-user-left img{width:110px;height:110px}.our-user .our-user-right{width:70%;position:relative}.our-user .our-user-right .swiper,.our-user .our-user-right .swiper-wrapper,.our-user .our-user-right .swiper-slide{background:transparent}.our-user .our-user-right .swiper-slide{display:flex;justify-content:center}.our-user .our-user-right .user-box{background:linear-gradient(180deg,#F0F0FF 0%,#FFEAF7 100%);width:640px;height:491px;border-radius:24px;padding:30px 55px}.our-user .our-user-right .user-box h3{margin:0;font-weight:700;font-size:20px;line-height:28px;color:#161616}.our-user .our-user-right .user-box .user-text-box{border:1px solid #A988B6;background:#FFF;border-radius:17px;padding:24px 16px;margin:20px auto;width:530px;height:280px;display:flex;flex-direction:column;justify-content:space-between}.our-user .our-user-right .user-box .user-text-box picture{display:block}.our-user .our-user-right .user-box .user-text-box picture:last-of-type{text-align:right}.our-user .our-user-right .user-box .user-text-box img{width:48px;height:28px}.our-user .our-user-right .user-box .user-text-box p{font-weight:400;font-size:16px;line-height:24px;color:#16161699}.our-user .our-user-right .user-box .user-info{display:flex;column-gap:16px;align-items:center}.our-user .our-user-right .user-box .user-info img{width:62px;height:62px;border-radius:50%}.our-user .our-user-right .user-box .user-info .user-name{font-weight:700;font-size:20px;line-height:28px;color:#161616;margin-top:2px}.our-user .our-user-right .user-box .user-info .user-occupation{font-weight:400;font-size:16px;line-height:24px;color:#16161699;margin-top:6px}.our-user .control-box{display:flex;justify-content:center;align-items:center;column-gap:30px;margin-top:20px}.our-user .swiper-pagination{position:static;width:130px}.our-user .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#FFFFFF80;margin:0 4px;transition:all .3s ease-in-out;opacity:1}.our-user .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1;width:40px;border-radius:4px}.our-user .button-next,.our-user .button-prev{position:absolute;top:50%;transform:translate(0,-50%);width:48px;height:48px;border-radius:50%;background:#FFFFFF26;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2}.our-user .button-next{right:0}.our-user .button-prev{left:0}.our-user .button-next:hover,.our-user .button-prev:hover{background:#FFFFFF59}.our-user .button-next svg,.our-user .button-prev svg{width:19px;height:19px}.our-user .button-prev svg{transform:rotate(180deg)}@media (max-width:1440px){.our-user .our-user-right{width:80%}}@media (max-width:1024px){.our-user .base-width{display:block}.our-user .our-user-left,.our-user .our-user-right{width:100%}.our-user .our-user-left h2{margin:0 auto 30px;text-align:center}.our-user .button-next,.our-user .button-prev{position:static;transform:translate(0)}}@media (max-width:768px){.our-user{background:linear-gradient(114.85deg,#5C18E4 20.09%,#6A24E8 32.25%,#A152F5 79.1%)}.our-user .our-user-right .user-box{width:100%;padding:12px 20px;height:auto}.our-user .our-user-right .user-box .user-text-box{width:100%;height:auto}.our-user .our-user-right .user-box h3{text-align:center}.our-user .our-user-right .user-box .user-text-box p{margin:24px 0}}.faq h2{margin-bottom:60px}.faq ul{padding:30px;border-radius:30px;background:#F8F5FF}.faq ul li{margin-bottom:30px;padding:0 0 30px;border-bottom:1px solid #CBCBCB;cursor:pointer}.faq ul li b{display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#161616}.faq ul li p{display:none;font-size:18px;color:#161616CC;margin-top:24px;text-align:left}.faq ul li b span{position:relative;display:inline-block;width:32px;height:32px;border:1px solid #161616;cursor:pointer;border-radius:100%;flex-shrink:0;margin-left:10px}.faq ul li b span:before,.faq ul li b span:after{content:'';width:12px;height:3px;border-radius:3px;background:#161616;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq ul li b span:after{transform:rotate(90deg) translate(-50%,-60%);transform-origin:0 0}.faq ul li.active b{color:#DD3BFF}.faq ul li.active p{display:block}.faq ul li.active b span:before{background:#2C2935}.faq ul li.active b span:after{display:none}.faq ul li p a{cursor:pointer;text-decoration:underline}.faq ul li p a:hover{color:#DD3BFF}@media (max-width:1024px){.faq{padding:0 0 32px}.faq h2{margin-bottom:40px}.faq ul{padding:30px 20px}.faq ul li{margin-bottom:20px;padding:0 0 20px}}.make-rap-song{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/bg_5.jpg) no-repeat 0 0 / 100% 100%;display:flex;align-items:end;justify-content:center}.make-rap-song>picture img{max-height:375px}.make-rap-song .make-left{padding:80px 0 80px 20px}.make-rap-song .make-left h2{color:#fff}.make-rap-song .make-left p{color:#FFFC}.make-rap-song .make-left .button-box{display:flex;align-items:center;column-gap:40px;row-gap:20px;flex-wrap:wrap}.make-rap-song .make-left .button-box .pink-button{width:240px;padding:0;height:54px;line-height:54px}.make-rap-song .make-left .button-box .pricing-button{display:inline-block;width:240px;font-weight:600;font-size:20px;line-height:54px;text-align:center;color:#D03BFF;border:1px solid #E43BFF;border-radius:6px}.make-rap-song .make-left .button-box .pricing-button:hover{background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);border:none;padding:1px;color:#fff}@media (max-width:1024px){.make-rap-song{background:url(https://images.topmediai.com/topmediai/assets/use-cases/rap-generator/sj_5.jpg) no-repeat 0 0 / 100% 100%}.make-rap-song .make-left{padding:50px 20px}.make-rap-song .make-left .button-box{justify-content:center}}