.main .bg-section[data-v-9f850dd7] .swiper-pagination{right:1rem}@media not all and (min-width:768px){.main .bg-section[data-v-9f850dd7] .swiper-pagination{bottom:0}}.main .bg-section[data-v-9f850dd7] .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;border-radius:9999px;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:.3;opacity:1}.main .bg-section[data-v-9f850dd7] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:1.25rem;--tw-bg-opacity:1}@media not all and (min-width:768px){.main .bg-section[data-v-9f850dd7] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.5rem;height:.5rem;width:30px}}.main .bg-section .swiper-horizontal[data-v-9f850dd7]{padding-bottom:38px}.page-banner[data-v-9f850dd7]{width:100%}.page-banner h1[data-v-9f850dd7]{text-align:center;font-family:Bowlby One;font-size:58px;font-weight:400;line-height:68px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.page-banner h1[data-v-9f850dd7]{font-size:1.25rem;line-height:1.75rem}}.page-banner .update-box[data-v-9f850dd7]{border-radius:1rem;border-width:1px;border-color:#fff3;background-color:rgb(25 25 25/var(--tw-bg-opacity));--tw-bg-opacity:.9;padding:1.25rem}.page-banner .update-box .update-box-title[data-v-9f850dd7]{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.page-banner .update-box .update-box-title[data-v-9f850dd7]{font-size:1rem;line-height:1.5rem}}.page-banner .update-box .update-box-content[data-v-9f850dd7]{border-radius:.5rem;border-width:1px;border-color:#ffffff1a;--tw-bg-opacity:1;background-color:rgb(28 31 35/var(--tw-bg-opacity));text-align:center}.show-demo-box[data-v-9f850dd7]{border-radius:1rem;padding:1.25rem 1.25rem 30px;background:#191919 bg-opacity-90;border:1px solid hsla(0,0%,100%,.2)}.show-demo-box .demo-icon[data-v-9f850dd7]{margin-left:auto;margin-right:auto;margin-bottom:.5rem}.show-demo-box .demo-icon.active.nuxt-icon.nuxt-icon--fill[data-v-9f850dd7],.show-demo-box .demo-icon.active.nuxt-icon.nuxt-icon--fill[data-v-9f850dd7] *{fill:#00e054!important}.show-demo-box .demo-icon.nuxt-icon.nuxt-icon--fill[data-v-9f850dd7],.show-demo-box .demo-icon.nuxt-icon.nuxt-icon--fill[data-v-9f850dd7] *{fill:#d2d2d3!important}.show-demo-box .progress-bar-wrapper[data-v-9f850dd7]{margin-top:.75rem;width:66.666667%}@media not all and (min-width:1024px){.show-demo-box .progress-bar-wrapper[data-v-9f850dd7]{position:absolute;bottom:1.25rem;width:91.666667%}}@media not all and (min-width:768px){.show-demo-box .progress-bar-wrapper[data-v-9f850dd7]{left:100px;width:41.666667%}}.show-demo-box .record-player[data-v-9f850dd7]{width:280px;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(39 41 46/var(--tw-border-opacity))}@media not all and (min-width:1024px){.show-demo-box .record-player[data-v-9f850dd7]{width:100%;border-radius:1rem}}.show-demo-box .record-player .record-bg[data-v-9f850dd7]{width:100%}@media not all and (min-width:1024px){.show-demo-box .record-player .record-bg[data-v-9f850dd7]{max-height:204px}}@media not all and (min-width:768px){.show-demo-box .record-player .record-bg[data-v-9f850dd7]{max-height:104px}}.show-demo-box .record-player .record-disc-wrapper[data-v-9f850dd7]{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;align-items:center}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper[data-v-9f850dd7]{flex-direction:row;align-items:center;justify-content:space-between;padding:1.25rem}}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper[data-v-9f850dd7]{width:100%;max-width:200px}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper[data-v-9f850dd7]{max-width:120px}}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .progress-bar[data-v-9f850dd7]{position:relative;height:.5rem;cursor:pointer;border-radius:9999px;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:.2}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .progress-bar[data-v-9f850dd7]{height:.5rem}}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .progress-bar .progress[data-v-9f850dd7]{position:absolute;top:0;left:0;height:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .time-display[data-v-9f850dd7]{margin-top:.25rem;display:flex;justify-content:space-between;font-size:.75rem;line-height:1rem;color:rgb(255 255 255/var(--tw-text-opacity));--tw-text-opacity:.6}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .time-display[data-v-9f850dd7]{font-size:10px}}.show-demo-box .record-player .record-disc[data-v-9f850dd7]{margin-top:1.75rem;width:180px;height:180px;border-radius:9999px}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc[data-v-9f850dd7]{margin-top:0;width:100px;height:100px}}@media not all and (min-width:768px){.show-demo-box .record-player .record-disc[data-v-9f850dd7]{width:4rem;height:4rem}}.show-demo-box .record-player .record-disc.animate-spin[data-v-9f850dd7]{animation:spin-9f850dd7 4s linear infinite}.show-demo-box .record-player .record-disc.paused[data-v-9f850dd7]{animation-play-state:paused}@keyframes spin-9f850dd7{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.show-demo-box .record-player .desc[data-v-9f850dd7]{margin-top:1rem;margin-bottom:10px;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:1024px){.show-demo-box .record-player .desc[data-v-9f850dd7]{position:absolute;left:150px;top:1.25rem;margin-top:0;margin-bottom:0}}@media not all and (min-width:768px){.show-demo-box .record-player .desc[data-v-9f850dd7]{left:100px}}.show-demo-box .record-player .play-btn[data-v-9f850dd7]{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(210 210 211/var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media not all and (min-width:1024px){.show-demo-box .record-player .play-btn[data-v-9f850dd7]{width:2.5rem;height:2.5rem}}.show-demo-box .record-player .play-btn[data-v-9f850dd7]:disabled{cursor:not-allowed;--tw-bg-opacity:1!important;background-color:rgb(210 210 211/var(--tw-bg-opacity))!important}.show-demo-box .record-player .play-btn[data-v-9f850dd7]:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.show-demo-box .record-stem-list[data-v-9f850dd7]{margin-left:2.75rem;display:grid;width:100%;flex:1 1 0%;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;grid-gap:1.25rem}@media not all and (min-width:1024px){.show-demo-box .record-stem-list[data-v-9f850dd7]{margin-left:0;margin-top:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;grid-gap:1rem}}.show-demo-box .stem-item[data-v-9f850dd7]{border-radius:.5rem;padding:1.75rem;text-align:center;background:#1c1f23;border:1px solid hsla(0,0%,100%,.1);transition:all .3s}@media not all and (min-width:1024px){.show-demo-box .stem-item[data-v-9f850dd7]{padding:.75rem}}.show-demo-box .stem-item .toggle-btn[data-v-9f850dd7]{position:relative;margin-left:auto;margin-right:auto;display:block;height:1.5rem;min-width:3rem;border-radius:9999px;background:#ffffff1a;transition:all .3s}.show-demo-box .stem-item .toggle-btn .toggle-dot[data-v-9f850dd7]{position:absolute;top:2px;left:2px;display:flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;border-radius:9999px;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-border-opacity:.2;--tw-bg-opacity:1;background-color:rgb(210 210 211/var(--tw-bg-opacity));transition:all .3s}.show-demo-box .stem-item .toggle-btn .toggle-dot[data-v-9f850dd7]:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.show-demo-box .stem-item .toggle-btn .toggle-dot .nuxt-icon[data-v-9f850dd7]{display:inline-block;width:1rem;height:1rem;--tw-scale-x:.75;--tw-scale-y:.75;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))}.show-demo-box .stem-item .toggle-btn.active[data-v-9f850dd7]{background:#2cf370}.show-demo-box .stem-item .toggle-btn.active .toggle-dot[data-v-9f850dd7]{left:calc(100% - 22px);--tw-bg-opacity:1;background-color:rgb(6 49 21/var(--tw-bg-opacity))}.show-demo-box .stem-item .toggle-btn.active .toggle-dot .nuxt-icon[data-v-9f850dd7]{display:none}.what-is-desc[data-v-9f850dd7]{max-width:600px;text-align:left}.what-is-desc p[data-v-9f850dd7]:not(:last-child){margin-bottom:1.5rem}.why-list .why-swiper .why-swiper-slide[data-v-9f850dd7]{height:auto}.why-item[data-v-9f850dd7]{position:relative;overflow:hidden;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity));text-align:center}@media (min-width:768px){.why-item:hover .why-item-description[data-v-9f850dd7]{display:flex}}.why-item .why-item-description[data-v-9f850dd7]{position:absolute;bottom:0;left:0;width:100%;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-bg-opacity:.7;padding:1rem;--tw-backdrop-blur:blur(4px);-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)}@media not all and (min-width:768px){.why-item .why-item-description[data-v-9f850dd7]{display:flex}}.icon-arrow-right[data-v-9f850dd7]{font-size:40px}@media not all and (min-width:768px){.icon-arrow-right[data-v-9f850dd7]{font-size:1.875rem;line-height:2.25rem}}.why-item-title[data-v-9f850dd7]{padding:1rem 1.75rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.why-item-title[data-v-9f850dd7]{padding-left:1.25rem;padding-right:1.25rem;font-size:1rem;line-height:1.5rem}}.why-item-description[data-v-9f850dd7]{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-bg-opacity:.7;padding:1.75rem;--tw-backdrop-blur:blur(4px);-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)}@media (min-width:768px){.why-item-description[data-v-9f850dd7]{display:none}}.creator-toolbox-box[data-v-9f850dd7]{margin-bottom:4rem}@media not all and (min-width:768px){.creator-toolbox-box[data-v-9f850dd7]{margin-bottom:2rem}}.creator-toolbox-box .creator-carousel[data-v-9f850dd7]{height:240px}@media not all and (min-width:768px){.creator-toolbox-box .creator-carousel[data-v-9f850dd7]{height:auto;padding-bottom:4rem}}.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-next,.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-prev{left:auto;right:0;top:auto;bottom:0;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:.1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:.75;--tw-backdrop-blur:blur(4px);-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-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media not all and (min-width:768px){.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-next,.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-prev{left:0;right:0;top:auto;bottom:0;--tw-rotate:-90deg;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))}}.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-next .swiper-navigation-icon,.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-prev .swiper-navigation-icon{display:none}.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-next .tool-arrow-icon,.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-prev .tool-arrow-icon{display:flex;align-items:center;justify-content:center;font-size:40px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.creator-toolbox-box .creator-carousel .creator-toolbox-pagination[data-v-9f850dd7]{bottom:.5rem}.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-prev{left:58px;right:0}}@media (min-width:768px){.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-prev{top:2.5rem}}.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-next{left:auto}@media not all and (min-width:768px){.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-next{right:58px}}@media (min-width:768px){.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-button-next{bottom:2.5rem;top:auto}}.creator-toolbox-box .creator-carousel[data-v-9f850dd7] .swiper-wrapper{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.creator-toolbox-box .creator-tool-item[data-v-9f850dd7]{display:flex;height:240px;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media not all and (min-width:768px){.creator-toolbox-box .creator-tool-item[data-v-9f850dd7]{height:auto;flex-direction:column}}.creator-toolbox-box .creator-tool-item .creator-tool-item-line[data-v-9f850dd7]{margin-top:.75rem;display:flex;height:200px;max-width:480px;align-items:center;justify-content:center;border-radius:1.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(0 89 73/var(--tw-border-opacity));background-image:url(https://images.musicful.ai/musicfulen/assets/stem-splitter/right_bg.png);background-size:cover;background-position:50%;padding:1.75rem;text-align:center;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.creator-toolbox-box .creator-tool-item .creator-tool-item-line[data-v-9f850dd7]{margin-top:30px;height:140px;font-size:.875rem;line-height:1.25rem}}.creator-toolbox-box .creator-tool-item .tool-icon[data-v-9f850dd7]{margin-left:2.5rem;margin-right:2.5rem;flex-shrink:0;font-size:40px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.creator-toolbox-box .creator-tool-item .tool-icon[data-v-9f850dd7]{margin-left:0;margin-right:0;font-size:1.875rem;line-height:2.25rem}}.el-collapse[data-v-9f850dd7]{border-top-width:0;border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(51 51 51/var(--tw-border-opacity))}[data-v-9f850dd7] .el-collapse-item__header{display:flex;height:92px;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(51 51 51/var(--tw-border-opacity));background-color:transparent;font-family:Poppins Bold;font-size:20px;font-weight:400;line-height:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){[data-v-9f850dd7] .el-collapse-item__header{height:4rem;padding-top:1.25rem;padding-bottom:1.25rem;text-align:left;font-size:1rem;line-height:1.5rem}}[data-v-9f850dd7] .el-collapse-item__header .tool-arrow-icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}[data-v-9f850dd7] .el-collapse-item__header.is-active{border-bottom-color:transparent;--tw-text-opacity:1;color:rgb(44 243 112/var(--tw-text-opacity))}[data-v-9f850dd7] .el-collapse-item__header.is-active .tool-arrow-icon{--tw-rotate:0deg;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))}[data-v-9f850dd7] .el-collapse-item__wrap{border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(51 51 51/var(--tw-border-opacity));background-color:transparent}[data-v-9f850dd7] .el-collapse-item__arrow{display:none!important}[data-v-9f850dd7] .el-collapse-item__content{padding-bottom:34px;font-size:1rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:.8}@media not all and (min-width:768px){[data-v-9f850dd7] .el-collapse-item__content{font-size:.875rem;line-height:1.25rem}}