.login-wrapper{background-color:#2d3146;height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.login-wrapper .login-content{display:flex;flex-direction:column;width:fit-content;height:fit-content}.login-wrapper .login-content .title{text-align:center;color:var(--white, #FFF);font-size:40px;font-weight:500;line-height:60px}.login-wrapper .login-content .login-form .input-elements{display:flex;flex-direction:column;margin-top:32px}.login-wrapper .login-content .login-form .input-elements .inputs{display:flex;flex-direction:column;gap:40px}.login-wrapper .login-content .login-form .input-elements .inputs .password,.login-wrapper .login-content .login-form .input-elements .inputs .email{display:flex;flex-direction:column;gap:4px}.login-wrapper .login-content .login-form .input-elements .inputs .password .input,.login-wrapper .login-content .login-form .input-elements .inputs .password .input-error,.login-wrapper .login-content .login-form .input-elements .inputs .email .input,.login-wrapper .login-content .login-form .input-elements .inputs .email .input-error{width:336px;color:#fff;height:40px;padding:0 16px;border-radius:40px;border:1px solid var(--white-5, rgba(255, 255, 255, .05));background:var(--white-10, rgba(255, 255, 255, .1))}.login-wrapper .login-content .login-form .input-elements .inputs .password .input-error,.login-wrapper .login-content .login-form .input-elements .inputs .email .input-error{border:1px solid var(--error-red, #FF5F5F)}.login-wrapper .login-content .login-form .input-elements .inputs .password span,.login-wrapper .login-content .login-form .input-elements .inputs .email span{display:flex;padding:0 16px;align-items:center;gap:8px;align-self:stretch;color:var(--error-red, #FF5F5F)}.login-wrapper .login-content .login-form .input-elements .forgot-password{align-self:flex-end;margin-top:12px}.login-wrapper .login-content .login-form .input-elements .forgot-password a{text-decoration:none;color:var(--white-70, rgba(255, 255, 255, .7));text-align:right;font-size:14px;font-weight:500;line-height:22px}.login-wrapper .login-content .login-form .input-elements .buttons{margin-top:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.login-wrapper .login-content .login-form .input-elements .buttons #login{display:flex;width:368px;height:42px;padding:10px 12px;justify-content:center;align-items:center;cursor:pointer;border:none;color:#fff;font-size:16px;font-weight:700;line-height:24px;border-radius:40px;background:linear-gradient(to right,#dd48e0,#6e2de2 35%,#6e2de2,#6e2de2 65%,#7deec4);box-shadow:0 8px 24px #302e2e0d}.login-wrapper .login-content .login-form .input-elements .buttons span{color:#fff;font-size:16px;font-weight:500;line-height:24px}.login-wrapper .login-content .login-form .input-elements .buttons #google{display:flex;width:185px;height:40px;cursor:pointer;align-items:center;justify-content:center;gap:24px;border-radius:2px;margin-top:0%;background:#fff;color:#0000008a;box-shadow:0 1px 1px #0000002b,0 0 1px #00000014}.login-wrapper .login-content a{text-decoration:none;color:var(--white-70, rgba(255, 255, 255, .7));text-align:center;font-size:14px;font-weight:500;line-height:22px;margin-top:20px}.signup-wrapper{background-color:#2d3146;height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.signup-wrapper .signup-content{display:flex;flex-direction:column;width:fit-content;height:fit-content}.signup-wrapper .signup-content .title{text-align:center;color:var(--white, #FFF);font-size:40px;font-weight:500;line-height:60px}.signup-wrapper .signup-content .signup-form .input-elements{display:flex;flex-direction:column;margin-top:32px}.signup-wrapper .signup-content .signup-form .input-elements .inputs{display:flex;flex-direction:column;gap:40px}.signup-wrapper .signup-content .signup-form .input-elements .inputs .input-wrapper{display:flex;flex-direction:column;gap:4px}.signup-wrapper .signup-content .signup-form .input-elements .inputs .input-wrapper .input,.signup-wrapper .signup-content .signup-form .input-elements .inputs .input-wrapper .input-error{width:336px;color:#fff;height:40px;padding:0 16px;border-radius:40px;border:1px solid var(--white-5, rgba(255, 255, 255, .05));background:var(--white-10, rgba(255, 255, 255, .1))}.signup-wrapper .signup-content .signup-form .input-elements .inputs .input-wrapper .input-error{border:1px solid var(--error-red, #FF5F5F)}.signup-wrapper .signup-content .signup-form .input-elements .inputs .input-wrapper input::placeholder{color:var(--white-70, rgba(255, 255, 255, .7))}.signup-wrapper .signup-content .signup-form .input-elements .inputs .input-wrapper span{display:flex;padding:0 16px;align-items:center;gap:8px;align-self:stretch;color:var(--error-red, #FF5F5F)}.signup-wrapper .signup-content .signup-form .input-elements .terms-condition{display:flex;gap:8px;margin-top:32px;align-items:flex-start;height:48px;color:var(--white, #FFF);font-size:14px;font-weight:500;line-height:22px}.signup-wrapper .signup-content .signup-form .input-elements .terms-condition input[type=checkbox]{margin:5px 0 0;color:#2d3146;background-color:#2d3146;border-radius:2.667px;border:1px solid var(--white-70, rgba(255, 255, 255, .7))}.signup-wrapper .signup-content .signup-form .input-elements .terms-condition span{color:var(--white-70, rgba(255, 255, 255, .7))}.signup-wrapper .signup-content .signup-form .input-elements .buttons{margin-top:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.signup-wrapper .signup-content .signup-form .input-elements .buttons #signup{width:368px;height:42px;padding:10px 12px;cursor:pointer;border:none;color:#fff;font-size:16px;font-weight:700;line-height:24px;border-radius:40px;background:linear-gradient(to right,#dd48e0,#6e2de2 35%,#6e2de2,#6e2de2 65%,#7deec4);box-shadow:0 8px 24px #302e2e0d}.signup-wrapper .signup-content .signup-form .input-elements .buttons #google{display:flex;width:185px;height:40px;cursor:pointer;margin-top:15px;align-items:center;justify-content:center;gap:24px;color:#0000008a;border-radius:2px;background:#fff;box-shadow:0 1px 1px #0000002b,0 0 1px #00000014}.signup-wrapper .signup-content .signup-form .input-elements .buttons span{color:var(--white-70, rgba(255, 255, 255, .7))}.signup-wrapper .signup-content .signup-form .input-elements .buttons a{text-decoration:none;cursor:pointer;color:var(--white-70, rgba(255, 255, 255, .7));font-size:14px;font-weight:500;line-height:22px}.footer{display:flex;width:100vw;justify-content:space-between;height:312px;background:var(--white-5, rgba(255, 255, 255, .05))}.footer .footer-content{display:flex;flex-direction:column;padding-left:145px;padding-top:70px}@media (max-width: 479px){.footer .footer-content{padding-left:50px}}.footer .footer-content img{width:65px;height:27.58px}.footer .footer-content .info{display:flex;flex-direction:column;gap:12.32px;margin-top:35.69px}.footer .footer-content .info .email,.footer .footer-content .info .address{display:inline-flex;padding:0 107px 2px 0;align-items:flex-start;gap:45px}.footer .footer-content .info .email h4,.footer .footer-content .info .address h4{color:var(--white, #fff);font-size:12px;font-weight:500;line-height:16px}.footer .footer-content .info .email p,.footer .footer-content .info .address p{color:var(--white-70, rgba(255, 255, 255, .7));font-size:12px;font-weight:500;line-height:16px}.footer .footer-content .rights{color:var(--white, #fff);margin-top:40px;font-size:12px;font-weight:500;line-height:16px}.footer .lang-choice{display:flex;margin-top:70px;position:relative;align-items:center;justify-content:center;width:120px;margin-right:50px;height:50px;color:#fff;cursor:pointer;border:#fff 1px solid}.footer .lang-choice .dropdown{position:absolute;display:flex;width:120px;height:fit-content;top:60px;flex-direction:column;border-radius:16px;background:var(--dark-gray, #5d6577);box-shadow:0 8px 24px #302e2e0d}.footer .lang-choice .dropdown p{padding:8px 16px;color:var(--white-70, rgba(255, 255, 255, .7));font-size:16px;text-align:left;font-style:normal;font-weight:500;line-height:24px}.replica-wrapper{top:100px;position:absolute;overflow-x:hidden}@media (max-width: 479px){.replica-wrapper{top:10px}}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper{top:50px}}.replica-wrapper .replica{width:100vw;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.replica-wrapper .replica .replica-header{display:flex;flex-direction:column;align-items:center;gap:32px;width:1022px;padding-top:100px}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-header{width:90vw}}@media (max-width: 479px){.replica-wrapper .replica .replica-header{width:90vw}}.replica-wrapper .replica .replica-header h2{color:var(--white, #fff);text-align:center;font-size:60px;font-style:normal;font-weight:500;line-height:72px}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-header h2{font-size:45px}}@media (max-width: 479px){.replica-wrapper .replica .replica-header h2{font-size:30px}}.replica-wrapper .replica .replica-header p{color:var(--white, #fff);text-align:center;font-size:24px;font-style:normal;font-weight:500;line-height:36px}@media (max-width: 479px){.replica-wrapper .replica .replica-header p{font-size:22px}}@media (max-width: 479px){.replica-wrapper .replica .replica-header p{font-size:18px}}.replica-wrapper .replica .replica-demo-text{display:flex;flex-direction:column;align-items:center;gap:32px;width:1022px;padding-top:100px;padding-bottom:30px}.replica-wrapper .replica .replica-demo-text h3{color:var(--white, #fff);text-align:center;font-size:36px;font-style:normal;font-weight:500;line-height:36px}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-demo-text h3{font-size:30px}}@media (max-width: 479px){.replica-wrapper .replica .replica-demo-text h3{font-size:24px}}.replica-wrapper .replica .replica-demo{width:90%;min-width:448px;gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(448px,1fr));place-items:center}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-demo{gap:50px 20px}}.replica-wrapper .replica .replica-demo .replica-video{text-align:center}.replica-wrapper .replica .replica-demo .replica-video video{width:448px;height:252px;border-radius:25.525px;box-shadow:0 2px 10px #0000001a;cursor:pointer}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-demo .replica-video video{width:448px;height:240px}}@media (max-width: 479px){.replica-wrapper .replica .replica-demo .replica-video video{width:95vw;height:51vw}}.replica-wrapper .replica .replica-demo .replica-video h4{color:var(--white, #fff);font-size:1.5em;font-weight:450;margin:.3em 0}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-demo .replica-video h4{font-size:1.4em;font-weight:400}}@media (max-width: 479px){.replica-wrapper .replica .replica-demo .replica-video h4{font-size:1.2em;font-weight:300}}.replica-wrapper .replica .replica-body{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px}@media (max-width: 479px){.replica-wrapper .replica .replica-body{margin-top:50px}}.replica-wrapper .replica .replica-body .client-value,.replica-wrapper .replica .replica-body .our-technology,.replica-wrapper .replica .replica-body .time-budget{display:flex;padding:120px 0;gap:72px;width:1150px;align-items:center;justify-content:center}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-body .client-value,.replica-wrapper .replica .replica-body .our-technology,.replica-wrapper .replica .replica-body .time-budget{width:90vw;padding:50px 0;gap:10px}}@media (max-width: 479px){.replica-wrapper .replica .replica-body .client-value,.replica-wrapper .replica .replica-body .our-technology,.replica-wrapper .replica .replica-body .time-budget{width:80vw;padding:0;gap:0px}}.replica-wrapper .replica .replica-body .client-value .text-info,.replica-wrapper .replica .replica-body .our-technology .text-info,.replica-wrapper .replica .replica-body .time-budget .text-info{width:480px;display:flex;flex-direction:column;gap:24px}@media (max-width: 479px){.replica-wrapper .replica .replica-body .client-value .text-info,.replica-wrapper .replica .replica-body .our-technology .text-info,.replica-wrapper .replica .replica-body .time-budget .text-info{width:100%;padding:30px 0;gap:5px;align-items:start}}.replica-wrapper .replica .replica-body .client-value .text-info h3,.replica-wrapper .replica .replica-body .our-technology .text-info h3,.replica-wrapper .replica .replica-body .time-budget .text-info h3{font-size:48px;font-style:normal;font-weight:500;line-height:72px;background:radial-gradient(36817.68% 251.37% at -20.23% 79.17%,#6e2de2 .81%,#7deec4 40%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-body .client-value .text-info h3,.replica-wrapper .replica .replica-body .our-technology .text-info h3,.replica-wrapper .replica .replica-body .time-budget .text-info h3{font-size:40px;font-weight:500;line-height:48px}}@media (max-width: 479px){.replica-wrapper .replica .replica-body .client-value .text-info h3,.replica-wrapper .replica .replica-body .our-technology .text-info h3,.replica-wrapper .replica .replica-body .time-budget .text-info h3{font-size:36px;font-weight:500;line-height:48px}}.replica-wrapper .replica .replica-body .client-value .text-info p,.replica-wrapper .replica .replica-body .our-technology .text-info p,.replica-wrapper .replica .replica-body .time-budget .text-info p{color:var(--white, #fff);font-size:24px;font-style:normal;font-weight:500;line-height:36px}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-body .client-value .text-info p,.replica-wrapper .replica .replica-body .our-technology .text-info p,.replica-wrapper .replica .replica-body .time-budget .text-info p{font-size:22px;font-weight:500;line-height:32px}}@media (max-width: 479px){.replica-wrapper .replica .replica-body .client-value .text-info p,.replica-wrapper .replica .replica-body .our-technology .text-info p,.replica-wrapper .replica .replica-body .time-budget .text-info p{font-size:18px;font-weight:500;line-height:32px}}.replica-wrapper .replica .replica-body .client-value .img-info img,.replica-wrapper .replica .replica-body .our-technology .img-info img,.replica-wrapper .replica .replica-body .time-budget .img-info img{width:480px}@media (min-width: 480px) and (max-width: 1024px){.replica-wrapper .replica .replica-body .client-value .img-info img,.replica-wrapper .replica .replica-body .our-technology .img-info img,.replica-wrapper .replica .replica-body .time-budget .img-info img{width:240px}}@media (max-width: 479px){.replica-wrapper .replica .replica-body .client-value .img-info img,.replica-wrapper .replica .replica-body .our-technology .img-info img,.replica-wrapper .replica .replica-body .time-budget .img-info img{display:none}}.replica-wrapper .replica .replica-body .cost-effective{display:flex;width:100vw;padding:20px 40px;justify-content:center;align-items:center;gap:8px;background:#999dff33}@media (max-width: 479px){.replica-wrapper .replica .replica-body .cost-effective{padding:10px 0}}.replica-wrapper .replica .replica-body .cost-effective h4{color:var(--white, #fff);font-size:20px;font-style:normal;font-weight:500;line-height:30px}@media (max-width: 479px){.replica-wrapper .replica .replica-body .cost-effective h4{font-size:15px}}button{text-decoration:none;color:#fff;cursor:pointer;font-size:24px;font-weight:500;line-height:36px;display:flex;padding:14px 20px;justify-content:center;align-items:center;border:none;border-radius:40px;box-shadow:0 8px 24px #302e2e0d;background:linear-gradient(to right,#dd48e0,#6e2de2 50%,#6e2de2 85.57%,#7deec4 120.35%)}.landing-wrapper{top:100px;position:absolute;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.landing-wrapper .landing-info{display:flex;height:436px;flex-direction:column;justify-content:center;align-items:center;gap:32px}.landing-wrapper .landing-info .info-text{display:flex;height:236px;flex-direction:column;justify-content:center;align-items:flex-start;gap:40px}.landing-wrapper .landing-info .info-text .text{display:flex;flex-direction:column;gap:24px;align-self:stretch;align-items:center;width:fit-content}.landing-wrapper .landing-info .info-text .text h1{color:var(--white, #fff);font-size:60px;font-weight:500;line-height:72px}.landing-wrapper .landing-info .info-text .text h1 .gradient-text{background:linear-gradient(to right,#dd48e0,#6e2de2 35%,#6e2de2,#6e2de2 65%,#7deec4);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}.landing-wrapper .landing-info .info-text .text h4{color:var(--gray, #e1e1e5);font-size:24px;font-weight:500;line-height:36px}.landing-wrapper .landing-info .info-text .buttons{display:flex;justify-content:center;align-items:center;gap:16px;align-self:stretch}.landing-wrapper .landing-info .info-text .buttons .start{background:linear-gradient(to right,#dd48e0,#6e2de2 50%,#6e2de2 85.57%,#7deec4 120.35%)}.landing-wrapper .landing-info .info-display{width:914px;height:307px}.landing-wrapper .landing-info .info-display .display-icon{display:flex;align-items:center;justify-content:center;height:180px}.landing-wrapper .landing-info .info-display .display-waveform{position:relative}.landing-wrapper .landing-info .info-display .display-waveform .background-music-wave{display:flex}.landing-wrapper .landing-info .info-display .display-waveform .background-music-wave .vid-icon{display:flex;height:64px;padding:4.571px 11.429px;justify-content:center;align-items:center;border-radius:4.571px 0 0;background:var(--white-5, rgba(255, 255, 255, .05))}.landing-wrapper .landing-info .info-display .display-waveform .background-music-wave .music-icon{display:flex;width:868.571px;padding:9.143px;justify-content:center;flex-direction:column;align-items:center;border-radius:0 4.571px 0 0;background:var(--white-5, rgba(255, 255, 255, .05))}.landing-wrapper .landing-info .info-display .display-waveform .intro-bridge{display:flex}.landing-wrapper .landing-info .info-display .display-waveform .intro-bridge .music-note{display:flex;height:64px;padding:4.571px 12.429px;justify-content:center;align-items:center;border-radius:0 0 0 4.571px;background:var(--white-5, rgba(255, 255, 255, .05))}.landing-wrapper .landing-info .info-display .display-waveform .intro-bridge .wave-icons{display:flex;width:868.571px;padding:9.143px;align-items:flex-start;gap:120.286px;border-radius:0 0 4.571px;background:var(--white-5, rgba(255, 255, 255, .05))}.landing-wrapper .landing-info .info-display .display-waveform .intro-bridge .intro-outro-example,.landing-wrapper .landing-info .info-display .display-waveform .intro-bridge .bridge-example{padding:13.857px 20.571px 12.848px 20.143px;border-radius:4.571px;border:1.143px solid rgba(125,181,186,.7);color:#fff;font-size:13.714px;font-weight:500;line-height:18.286px}.landing-wrapper .landing-info .info-display .display-waveform .intro-bridge .bridge-example{display:flex;width:374.857px;padding:13.857px 0 12.848px;justify-content:center}.landing-wrapper .landing-info .info-display .display-waveform .needle{position:absolute;top:7px;left:50%}.landing-wrapper .landing-description{display:flex;align-items:center;overflow-x:hidden;justify-content:center;width:100vw;height:calc(100vh - 100px)}.landing-wrapper .landing-description .description-content{display:flex;gap:72px}.landing-wrapper .landing-description .description-content .description{display:inline-flex;flex-direction:column;color:#fff;gap:40px}.landing-wrapper .landing-description .description-content .description .text h2{font-size:48px;font-weight:500;line-height:72px}.landing-wrapper .landing-description .description-content .description .text p{margin-top:25px;font-size:24px;font-weight:400;line-height:36px}.landing-wrapper .landing-description .description-content .illustration{height:432px;width:640px;flex-direction:column;border-radius:16px;border:5px solid rgba(255,255,255,.1);background:var(--black-2, #292c3a);box-shadow:0 2.017px 10.087px #0000000d}.landing-wrapper .replica-info{display:flex;flex-direction:column;width:1150px;align-items:flex-start;gap:62px;padding-bottom:200px}.landing-wrapper .replica-info h2{color:var(--white, #fff);font-size:48px;font-style:normal;font-weight:500;line-height:72px}.landing-wrapper .replica-info p{color:var(--white, #fff);font-family:Zen Kaku Gothic Antique;font-size:24px;font-style:normal;font-weight:500;line-height:36px}.button{text-decoration:none}.button button{text-decoration:none;color:#fff;cursor:pointer;font-size:24px;font-weight:500;line-height:36px;display:flex;padding:14px 20px;justify-content:center;align-items:center;border:none;border-radius:40px;box-shadow:0 8px 24px #302e2e0d;background:linear-gradient(to right,#dd48e0,#6e2de2 50%,#6e2de2 85.57%,#7deec4 120.35%)}.header-wrapper{width:90%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background-color:#2d3146;position:fixed;z-index:99999}.header-wrapper .header-title{display:flex;line-height:36px;font-weight:700;letter-spacing:.96px;font-size:24px}.header-wrapper .header-title h3{color:var(--white-70, rgb(255, 255, 255));-webkit-background-clip:text;background-clip:text;display:inline}.header-wrapper .header-title span{color:var(--white-70, rgba(255, 255, 255, .61))}.header-wrapper .connected-app{display:flex;position:relative;height:40px;padding:8px;align-items:center;gap:41px;border-radius:40px;border:1px solid var(--white-5, rgba(255, 255, 255, .05));background:var(--fields-fill, rgba(41, 44, 58, .05));color:var(--white-70, rgba(255, 255, 255, .7));text-align:center;cursor:pointer}.header-wrapper .connected-app .app-option{position:absolute;display:flex;width:235px;height:fit-content;top:60px;flex-direction:column;border-radius:16px;background:var(--dark-gray, #5D6577);box-shadow:0 8px 24px #302e2e0d}.header-wrapper .connected-app .app-option p{padding:8px 16px;color:var(--white-70, rgba(255, 255, 255, .7));font-size:16px;text-align:left;font-style:normal;font-weight:500;line-height:24px}.header-wrapper .user-info{display:inline-flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--white-70, rgba(255, 255, 255, .7))}.header-wrapper .user-info .user-icon{display:flex;width:32px;height:32px;cursor:pointer;position:relative;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(to right,#6e2de2 -10%,#7deec4 125%);text-align:center}.header-wrapper .user-info .user-icon h4{color:var(--white, #FFF);font-size:14px;font-style:normal;font-weight:600;line-height:25px}.header-wrapper .user-info .logout{display:flex;width:162px;flex-direction:column;align-items:flex-start;border-radius:16px;background:var(--dark-gray, #5D6577);box-shadow:0 8px 24px #302e2e0d;position:absolute;top:80px}.header-wrapper .user-info .logout .link,.header-wrapper .user-info .logout p{text-decoration:none;padding:8px 16px;align-items:center;align-self:stretch;color:var(--white-70, rgba(255, 255, 255, .7));font-size:14px;font-weight:500;line-height:22px;cursor:pointer}.header-wrapper .login-redeem{display:flex;justify-content:center;align-items:center;gap:12px}.header-wrapper .login-redeem h3{color:var(--white-70, rgba(255, 255, 255, .7));font-family:Zen Kaku Gothic Antique;font-size:14px;font-weight:500}.header-wrapper .login-redeem span{color:var(--white-70, rgba(255, 255, 255, .7))}.redeem-wrapper{display:flex;align-items:center;justify-content:center;width:100vw;height:calc(100vh - 100px)}.redeem-wrapper .redeem-body{display:flex;padding:80px 80px 120px;flex-direction:column;align-items:center;gap:40px;font-family:Zen Kaku Gothic Antique}.redeem-wrapper .redeem-body h2{color:var(--white, #FFF);text-align:center;font-size:40px;font-style:normal;font-weight:500;line-height:60px}.redeem-wrapper .redeem-body .code{display:flex;flex-direction:column;gap:4px}.redeem-wrapper .redeem-body .code .input,.redeem-wrapper .redeem-body .code .input-error{width:336px;color:#fff;height:40px;padding:0 16px;border-radius:40px;border:1px solid var(--white-5, rgba(255, 255, 255, .05));background:var(--white-10, rgba(255, 255, 255, .1))}.redeem-wrapper .redeem-body .code .input-error{border:1px solid var(--error-red, #FF5F5F)}.redeem-wrapper .redeem-body .code input::placeholder{color:var(--white-70, rgba(255, 255, 255, .7));font-family:Zen Kaku Gothic Antique;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.redeem-wrapper .redeem-body .code span{display:flex;padding:0 16px;align-items:center;gap:8px;align-self:stretch;color:var(--error-red, #FF5F5F)}.redeem-wrapper .redeem-body button{width:368px;height:42px;cursor:pointer;border:none;color:#fff;font-size:16px;font-weight:700;line-height:24px;border-radius:40px;background:linear-gradient(to right,#dd48e0,#6e2de2 35%,#6e2de2,#6e2de2 65%,#7deec4);text-align:center;box-shadow:0 8px 24px #302e2e0d}.social-login-wrapper{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.social-login-wrapper .body{display:flex;align-items:center;justify-content:center;width:760px;height:416px;border-radius:16px;border:4px dashed var(--white-10, rgba(255, 255, 255, .1));text-align:center}.social-login-wrapper .body h2{color:var(--white, #FFF);font-size:20px;font-weight:500;line-height:32px}.social-login-wrapper .body .spinner{animation:spinner-anim .8s linear infinite}.drag-drop{display:flex;align-items:center;justify-content:center;width:760px;height:416px;border-radius:16px;border:4px dashed var(--white-10, rgba(255, 255, 255, .1))}.drag-drop .disclaimer{display:flex;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;flex-shrink:0}.drag-drop .disclaimer h3{color:var(--white, #FFF);font-size:24px;font-weight:500;line-height:36px}.drag-drop .disclaimer .youtube-link{display:flex;flex-direction:column;gap:24px;align-items:center}.drag-drop .disclaimer .youtube-link .input-group{position:relative;display:flex}.drag-drop .disclaimer .youtube-link .input-group .input-group-btn{position:absolute;right:8px;top:8px}.drag-drop .disclaimer .youtube-link .input-group .input-group-btn button{cursor:pointer;height:42px;padding:8px 16px;border:none;border-radius:40px;background:var(--white-5, rgba(255, 255, 255, .05));box-shadow:0 8px 24px #302e2e0d}.drag-drop .disclaimer .youtube-link .input-group .input-group-btn button img{width:16px;margin-bottom:2px}.drag-drop .disclaimer .youtube-link .input-group input{height:42px;width:600px;color:var(--white-70, rgba(255, 255, 255, .7));padding:8px 8px 8px 16px;border-radius:40px;border:1px solid var(--white-5, rgba(255, 255, 255, .1));background:var(--white-10, rgba(255, 255, 255, .05))}.drag-drop .disclaimer .youtube-link .input-group input::placeholder{color:var(--white-70, rgba(255, 255, 255, .7));font-size:16px;font-style:normal;font-weight:500;line-height:24px}.drag-drop .disclaimer .youtube-link .error-msg{color:var(--error-red, #FF5F5F)}.drag-drop .disclaimer .youtube-link .button-group{gap:12px;color:#fff;display:flex;align-items:center;justify-content:center}.drag-drop .disclaimer .youtube-link .button-group label{cursor:pointer;font-size:16px;font-style:normal;font-weight:700;line-height:24px;padding:10px 16px;border-radius:40px;background:var(--white-5, rgba(255, 255, 255, .05));box-shadow:0 8px 24px #302e2e0d}.drag-drop .uploading{display:flex;width:217px;flex-direction:column;justify-content:center;align-items:center;gap:16px;flex-shrink:0;color:var(--white, #FFF)}.drag-drop .uploading h3{font-size:24px;font-weight:500;line-height:36px}.drag-drop .uploading .spinner{animation:spinner-anim .8s linear infinite}.drag-drop .uploading p{font-size:16px;line-height:24px}.drag-drop .uploading progress{width:400px;height:6px;border-radius:4px}.drag-drop .uploading progress[value]::-webkit-progress-bar{background:var(--white-10, rgba(255, 255, 255, .1));border-radius:4px}.drag-drop .uploading progress[value]::-webkit-progress-value{background-color:#fff;border-radius:4px}.drag-drop .uploading progress[value]::-moz-progress-bar{background-color:#fff;border-radius:4px}.video-container{position:relative;width:775px;height:439px}.video-container video{width:100%;height:100%;border-radius:32px}.video-container .pause-icon-container,.video-container .play-icon-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-container .pause-icon-container .pause-icon,.video-container .pause-icon-container .play-icon,.video-container .play-icon-container .pause-icon,.video-container .play-icon-container .play-icon{cursor:pointer}.video-container .cancel-icon{position:absolute;top:10px;right:10px;cursor:pointer}.video-container .cancel-icon img{width:15px;height:15px}.selection-wrapper{position:fixed;width:100vw;height:100px;display:flex;align-items:center;z-index:9;justify-content:center;gap:248px;border-radius:16px 16px 0 0;background:#363947;box-shadow:0 -8px 8px #0000000d;bottom:0}.selection-wrapper .genre-mood{position:relative;display:flex;gap:20px}.selection-wrapper .genre-mood button{color:var(--white-70, rgba(255, 255, 255, .7));font-size:16px;font-weight:500;line-height:24px;cursor:pointer;display:flex;padding:8px 8px 8px 16px;gap:8px;align-items:center;border-radius:40px;border:1px solid var(--white-5, rgba(255, 255, 255, .05));background:var(--white-10, rgba(255, 255, 255, .1));box-shadow:0 8px 24px #302e2e0d}.selection-wrapper .genre-mood .dropdown,.selection-wrapper .genre-mood .dropdown-2{display:flex;height:198px;width:fit-content;gap:5px;flex-direction:column;position:absolute;top:-205px;left:-40px;flex-shrink:0;border-radius:16px;background:var(--dark-gray, #5D6577);box-shadow:0 8px 24px #302e2e0d}.selection-wrapper .genre-mood .dropdown .options,.selection-wrapper .genre-mood .dropdown-2 .options{display:flex;flex-direction:column;height:160px;width:200px;overflow-y:auto}.selection-wrapper .genre-mood .dropdown .options p,.selection-wrapper .genre-mood .dropdown-2 .options p{display:flex;padding:8px 16px;justify-content:space-between;cursor:pointer;align-self:stretch;color:#fff;flex-wrap:wrap;background:var(--white-5, rgba(255, 255, 255, .05))}.selection-wrapper .genre-mood .dropdown input,.selection-wrapper .genre-mood .dropdown-2 input{padding:8px 16px;margin:8px;border-radius:40px;border:1px solid var(--white-5, rgba(255, 255, 255, .05));background:var(--white-10, rgba(255, 255, 255, .1));color:#fff}.selection-wrapper .genre-mood .dropdown input::-webkit-input-placeholder,.selection-wrapper .genre-mood .dropdown-2 input::-webkit-input-placeholder{color:var(--white-70, rgba(255, 255, 255, .7));font-size:16px;line-height:24px}.selection-wrapper .genre-mood .dropdown-2{left:120px}.selection-wrapper .generate-remove{display:flex;gap:16px;align-items:center}.selection-wrapper .generate-remove .generate{width:211px;height:42px;padding:10px 12px;border:none;cursor:pointer;border-radius:40px;background:var(--white-5, rgba(255, 255, 255, .05));box-shadow:0 8px 24px #302e2e0d;color:var(--white, #FFF);font-size:16px;font-style:normal;font-weight:700;line-height:24px}.selection-wrapper .generate-remove .generate img{width:24px;height:24px}.selection-wrapper .generate-remove .generate .spinner{animation:spinner-anim .8s linear infinite}.selection-wrapper .generate-remove .delete{cursor:pointer}.react-resizable{display:flex;position:absolute}.react-resizable .react-resizable-handle-e{position:absolute;right:-5px;top:45%;height:10px;width:10px;cursor:pointer;background-color:#fff;border-radius:50%}.react-resizable .react-resizable-handle-w{position:absolute;left:-5px;height:10px;top:45%;width:10px;cursor:pointer;background-color:#fff;border-radius:50%}.generated-audio-editor{display:flex;width:740px;height:40px;padding:8px;align-items:center;justify-content:center;border-left:rgba(255,255,255,.3) solid 1px}.generated-audio-editor .add-edit-audio{display:flex;width:100%;height:100%;align-items:center;justify-content:center;cursor:pointer;position:relative;color:#ffffff4d;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.generated-audio-editor .add-edit-audio .dynamic-box{height:100%;border-radius:4px;border:1px solid rgba(125,181,186,.7)}.video-background-audio{display:flex;padding:8px;align-items:center;justify-content:center;border-left:rgba(255,255,255,.3) solid 1px}.video-background-audio .extracted-audio{display:flex;padding:12px 0;width:734px;justify-content:center;align-items:center;align-self:stretch;border-radius:4px;border:1px solid rgba(153,157,255,.7);color:#fff;font-size:15px;font-style:normal;font-weight:500;line-height:16px}.video-background-audio .extracted-audio .dots{width:20px}.video-background-audio #wave-form{padding:4.004px 4px 4.004px 6px;width:734px;border-radius:4px;border:1px solid #999DFF;background:var(--purple, #656BFF)}.video-background-audio #wave-form canvas{z-index:0}.media-player{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:24px}.media-player .video-content{display:flex;width:760px;flex-direction:column;align-items:center;justify-content:center;gap:24px}.media-player .video-content .video-description{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.media-player .video-content .video-description .video-title{display:flex;width:760px;padding-bottom:6px;justify-content:center;align-items:center;justify-content:space-between}.media-player .video-content .video-description .video-title h2{color:#fff;text-overflow:ellipsis;font-size:20px;font-weight:500;line-height:30px}.media-player .video-content .video-description .video-date{color:#fff;font-size:12px;font-weight:500;line-height:16px}.media-player .video-content .video{width:760px;height:416px;display:flex;align-items:center;justify-content:center;position:relative}.media-player .video-content .video video{cursor:pointer;border-radius:16px;max-height:416px}.media-player .video-content .video #video{display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:16px}.media-player .video-content .video .spinner{position:absolute;left:45%;animation:spinner-anim .8s linear infinite}.media-player .video-content .video-control{display:flex;width:760px;height:32px;align-items:center;justify-content:space-between}.media-player .video-content .video-control .duration-current-time{color:var(--white-70, rgba(255, 255, 255, .7));text-align:right;font-size:14px;font-style:normal;font-weight:600;line-height:18px}.media-player .video-content .video-control .play-pause-btn,.media-player .video-content .video-control .volume-control{cursor:pointer;background-color:transparent;border:none;padding:0%}.media-player .video-content .video-control .play-pause-btn img,.media-player .video-content .video-control .volume-control img{width:32px;height:32px}.media-player .video-content .video-control .volume-control{display:flex;position:relative;gap:8px}.media-player .video-content .video-control .volume-control .video-volume-control,.media-player .video-content .video-control .volume-control .audio-volume-control{position:absolute;transform:rotate(-.25turn);display:flex;align-items:center;justify-content:center;top:-120%;left:-16px;height:20px;width:58px;opacity:1px;border-radius:4px;background-color:var(--white-10, rgba(255, 255, 255, .1))}.media-player .video-content .video-control .volume-control .video-volume-control input,.media-player .video-content .video-control .volume-control .audio-volume-control input{cursor:pointer;background:#fff;height:2px;width:90%;transition:background .45s ease-in;z-index:100}.media-player .video-content .video-control .volume-control .audio-volume-control{left:25px}.media-player .generated-audio-content{display:flex;position:relative;height:fit-content;justify-content:center;align-items:center;flex-direction:column;border-radius:4px;background:var(--white-5, rgba(255, 255, 255, .05))}.media-player .generated-audio-content .video-bg-audio{display:flex;align-items:center;justify-content:space-between}.media-player .generated-audio-content .video-bg-audio .video-icon{display:flex;padding:4px 11.5px;justify-content:center;align-items:center}.media-player .generated-audio-content .needle-holder{position:absolute;width:740px;left:7%;z-index:9}.media-player .generated-audio-content .needle-holder .needle{cursor:pointer;position:absolute;height:120px;top:-60px}.media-player .generated-audio-content .generate-audio-wrapper{display:flex;align-items:center;border-top:rgba(255,255,255,.3) 1px solid;width:100%}.media-player .generated-audio-content .generate-audio-wrapper .audio-icon{display:flex;padding:4px 13.5px;justify-content:center;align-items:center}.media-player .buttons{display:flex;gap:11px}.media-player .buttons button{cursor:pointer;width:371px;padding:10px 12px;border-radius:40px;background:var(--white-5, rgba(255, 255, 255, .05));border:none;box-shadow:0 8px 24px #302e2e0d;color:var(--white, #FFF);font-size:16px;font-weight:700;line-height:24px}.media-player .try{cursor:pointer;color:var(--white-70, rgba(255, 255, 255, .7));font-size:14px;font-style:normal;font-weight:500;line-height:22px}@keyframes spinner-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-gen-wrapper{display:flex;align-items:center;justify-content:center;width:100vw;padding:120px 0;min-height:calc(100vh - 100px);background-color:#2d3146;overflow-y:auto}.invite-code-wrapper{display:flex;align-items:center;justify-content:center;width:100vw;height:calc(100vh - 100px);font-style:normal;font-weight:500;position:relative}.invite-code-wrapper .copied{position:absolute;bottom:80px;padding:10px;color:#fff;background-color:#000;border-radius:12px}.invite-code-wrapper .invite-code-body{display:flex;flex-direction:column;align-items:center;color:var(--white, #FFF);text-align:center}.invite-code-wrapper .invite-code-body h2{font-size:24px;line-height:36px}.invite-code-wrapper .invite-code-body h3{margin-top:8px;font-size:12px;line-height:16px}.invite-code-wrapper .invite-code-body .display{display:flex;width:488px;height:204px;margin-top:32px;flex-direction:column;align-items:center;justify-content:center;gap:24px;border-radius:24px;background:var(--white-5, rgba(255, 255, 255, .05))}.invite-code-wrapper .invite-code-body .display h1,.invite-code-wrapper .invite-code-body .display span{color:var(--white, #FFF);text-align:center;font-size:60px;font-style:normal;font-weight:500;letter-spacing:7px;line-height:72px}.invite-code-wrapper .invite-code-body .display span{font-size:20px;letter-spacing:0px}.invite-code-wrapper .invite-code-body button{width:488px;border:none;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;line-height:24px;padding:10px 16px;border-radius:40px;color:var(--white, #FFF);box-shadow:0 8px 24px #302e2e0d;background:var(--white-5, rgba(255, 255, 255, .05))}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:Zen Kaku Gothic Antique;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-user-select:none;-ms-user-select:none;user-select:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#2d3146}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}button{font-family:Zen Kaku Gothic Antique}table{border-collapse:collapse;border-spacing:0}p{margin:0}#root{min-height:100vh;min-width:100vw;font-family:Zen Kaku Gothic Antique}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:root{--background-color: #FFF;--text-color: #2D3146;--light-text-color: #5D6577;--light2-text-color: #E1E1E5;--dotline-color: #e1e1e5;--logo-color-front: transparent;--logo-color-back: transparent;--gradation-background: linear-gradient(to right, #DD48E0 0%, #6E2DE2 35%, #6E2DE2 50%, #6E2DE2 65%, #7DEEC4 100%);--fields-fill: transparent;--icon-color: #5D6577;--bar-color: #FBFBFC;--light-back-color: rgba(0, 0, 0, .02);--dropdown-back-color: #E1E1E5}@media (prefers-color-scheme: dark){:root{--background-color: #2D3146;--text-color: #FFF;--light-text-color: rgba(255, 255, 255, .3);--light2-text-color: rgba(255, 255, 255, .3);--dotline-color: rgba(255, 255, 255, .1);--icon-color: #FFF;--logo-color-front: rgba(255, 255, 255, .7);--logo-color-back: #FFF;--gradation-background: transparent;--fields-fill: transparent;--bar-color: rgba(255, 255, 255, .05);--light-back-color: rgba(255, 255, 255, .05);--dropdown-back-color: #5D6577}}