.try-error.active{display:flex}.try-error{position:absolute;width:100%;height:100%;top:0;left:0;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,.5);z-index:10;padding:0 82px;border-radius:10px}.try-error .error-box{padding:30px 40px;background:#20213D;border-radius:12px;text-align:center}.try-error .error-box svg.close{width:16px;height:16px;float:right;transform:translate(24px,-14px);cursor:pointer}.try-error .error-box img{width:40px}.try-error .error-box b{display:block;margin:10px;font-size:20px}.try-error .error-box p{font-size:14px;color:rgba(255,255,255,.7)}.try-error .error-box div{margin-top:10px;display:flex;justify-content:center;align-items:center}.try-error .error-box div a{font-size:16px;font-weight:400;margin:0 10px}.try-error .error-box div a:first-child{color:#080928;width:148px;height:40px;background:#FFF}.try-error .error-box div a.download{color:#fff}.try-error .error-box div a:last-child{width:215px;height:40px;background:linear-gradient(101.39deg,#5237F9 26.43%,#31B5FF 88.03%)}.banner .swiper-wrapper{z-index:11}.banner .swiper-container,.banner .swiper-container .swiper-slide{overflow:unset}.banner .try.right{position:relative;max-width:669px;width:100%;align-self:center;flex-shrink:0;box-shadow:0 0 40px 0 rgba(54,9,63,.2);border-radius:10px}.hero-preview-animation{padding:1px;-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:10px}.hero-preview-animation-line{width:200px;height:200px;position:absolute;animation:hero-preview-animation-line 6.5s linear infinite;bottom:-200px;left:0;background-image:linear-gradient(to top,transparent,#5888FE,#CA0AEF,#D735B3,#E8686B,transparent)}.hero-preview-animation-line:nth-child(2){animation-delay:3s}@keyframes hero-preview-animation-line{0%{transform:translateZ(0) translate(-100px,-100px) rotate(45deg)}20%{transform:translateZ(0) translate(-100px,-477px) rotate(45deg)}50%{transform:translateZ(0) translate(569px,-477px) rotate(45deg)}70%{transform:translateZ(0) translate(569px,-101px) rotate(45deg)}100%{transform:translateZ(0) translate(-100px,-100px) rotate(45deg)}}@media (max-width:996px){.hero-preview{margin-top:32px}.hero-preview-animation-line{animation:none 0s ease 0s 1 normal none running;animation:initial}}.tts-box{position:relative;padding:20px 30px 30px;z-index:4;border-radius:10px;background:url(https://images.imyfone.com/filme/assets/product/voice_recorder_2024_05_24/tts-try-bg.png) no-repeat 0 0 / cover;border:1px solid #535DB4}.tts-box .ul-select{position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.tts-box .ul-select li{position:relative;font-size:14px;color:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;padding:0 0 2px;white-space:nowrap}.tts-box .ul-select li svg{width:9px;height:5px;margin-left:8px}.tts-box .ul-select li.active{color:#FFF;font-weight:700}.tts-box .ul-select li.active:after{display:block}.tts-box .ul-select li:after{content:'';display:none;width:100%;height:2px;background:#497BFB;border-radius:2px;position:absolute;bottom:0;left:0;transform:translateY(100%)}.tts-box .ul-select li:not(:last-child){margin-right:40px}.tts-box .ul-select li:last-child li:after,.tts-box .ul-select li:last-child:after{display:none}.tts-box ol{display:none;position:absolute;top:0;right:0;transform:translate(50%,50px);width:164px;background:#21235B;border:1px solid #39418F;border-radius:8px;padding:4px;z-index:5}.tts-box ol li{font-size:14px;font-weight:400;display:flex;align-items:center;width:100%;height:32px;padding:0 8px;border-radius:6px;color:rgba(255,255,255,.5);cursor:pointer}.tts-box ol li:not(:last-child){margin-bottom:4px}.tts-box ol li.active,.tts-box ol li:hover{color:#fff;background:#3C3E85}.tts-box ol.active{display:block}.tts-box .tts-text{position:relative;height:220px;border-radius:8px;border:1px solid #535DB4;background:#161642;margin:20px auto}.tts-box .try-out-editor{padding:16px 16px 30px;width:100%;height:100%;border:none;resize:none;font-size:14px;color:#fff;background:none;line-height:19px;text-align:left}.tts-box .try-out-editor::placeholder{color:rgba(255,255,255,1)}.tts-box .text-amount{position:absolute;margin-bottom:0;right:16px;bottom:9px;color:#fff;font-size:14px;font-weight:400}.tts-box .feature{position:relative}.tts-box .feature .msg-info.active{display:flex}.tts-box .feature .msg-info{display:none;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;background:#161642;border:1px solid #272E6A;z-index:4;border-radius:8px;padding:0 82px}.tts-box .feature .msg-info img{width:64px}.tts-box .feature .msg-info b{display:block;margin:10px 0;color:#fff;font-size:20px}.tts-box .feature .msg-info.msg-info-clone b,.tts-box .feature .msg-info.msg-info-change b{margin:0 0 30px}.tts-box .feature .msg-info p{color:rgba(255,255,255,.5);font-size:14px}.tts-box .feature .msg-info a{width:230px;height:48px;font-size:16px;margin-top:30px}.tts-box .tts-select{display:flex;align-items:center;justify-content:center}.tts-select .tts-obj{position:relative;height:64px;cursor:pointer}.tts-select .more-show{position:relative;z-index:2;width:64px;margin-left:20px;padding-bottom:8px;transform:translateY(4px);cursor:pointer;flex-shrink:0}.tts-select .more-show.active .more-list{display:block}.tts-select .more-show .more-list{display:none;position:absolute;right:-2px;bottom:-10px;transform:translateY(100%);width:264px;height:246px;background:#21235B;border:1px solid #6163AF;border-radius:8px;padding:8px 10px;text-align:center}.tts-select .more-show .more-list b{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.tts-select .more-show .more-list b svg{width:14px;height:14px}.tts-select .more-show .more-list b svg+span{content:'Free download VoxBox to adjust voice as your want';display:none;font-size:12px;width:172px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%,100%);padding:4px 6px;color:#9BA0B1;background:#232735;border:1px solid #464A55;box-shadow:0 4px 8px 0 #00000040;border-radius:4px;z-index:1}.tts-select .more-show .more-list b q{display:flex;align-items:center;position:relative;margin-left:4px}.tts-select .more-show .more-list b:hover{color:#37C5FF}.tts-select .more-show .more-list b:hover span{display:block}.tts-select .more-show .more-list .img{position:relative}.tts-select .more-show .more-list .img:hover span{display:block}.tts-select .more-show .more-list .img span{display:none;font-size:12px;position:absolute;left:50%;min-width:200px;transform:translate(-50%,-100%);padding:4px 6px;color:#9BA0B1;background:#232735;border:1px solid #464A55;box-shadow:0 4px 8px 0 #00000040;border-radius:4px}.tts-select .more-show .more-list .img:not(:last-child){margin-bottom:5.5px}.tts-select .tts-language{width:242px;flex-shrink:0}.tts-select .tts-figure{width:258px;margin-right:20px}.tts-select .tts-figure img{max-width:40px}.tts-select .tts-language img{max-width:32px}.tts-box .enhance-voice{width:267px;height:50px}.tts-select .default_option{display:flex;align-items:center;position:relative;padding:0 12px;color:#fff;font-size:16px;font-weight:400;height:100%;border-radius:8px;border:1px solid #535DB4;text-align:left;background:#161642}.tts-select .default_option:after{position:absolute;right:16px;top:50%;content:'';width:16px;height:16px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yOF84OTYxKSI+CjxwYXRoIGQ9Ik0xNSAwLjk5OTkzOUw4IDcuOTk5OTRMMSAwLjk5OTk0MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI4Xzg5NjEiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iOSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);background-size:100% 100%;transform:translateY(-50%)}.tts-select .select-option{display:none;position:absolute;transform:translate(0,4px);margin-left:0;width:100%;max-height:240px;scrollbar-width:none;overflow-y:auto;border-radius:8px;box-shadow:0 6px 12px 0 rgba(0,0,0,.16);padding:2px 4px;z-index:10;border:1px solid #535DB4;background:#21235B}.tts-select .select-option::-webkit-scrollbar{width:0}.tts-obj.active .select-option{display:block}.tts-select .select-option li{display:flex;align-items:center;height:56px;list-style:none;color:#fff;font-size:16px;font-weight:400;padding:6px 12px;margin:2px 0;text-align:left;border-radius:6px}.tts-select .select-option li.end{justify-content:center;text-align:center;background:linear-gradient(180deg,#7EC1FF 0%,#5237F9 100%)!important}.tts-select .select-option li.end .p-flex{margin:0}.tts-select .tts-language .select-option li.end p{font-size:14px}.tts-select .select-option li.end a{display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;width:100%;height:100%;margin-top:0}.tts-select p{font-size:14px;color:#fff}.tts-select p span{font-size:12px;color:rgba(255,255,255,.6)}.tts-select p.p-flex{display:flex;justify-content:center;flex-direction:column;margin-left:12px;white-space:nowrap}.tts-select .select-option li.active,.tts-select .select-option li:hover{background:#3C3E85}.tts-select .enhance-voice .default_option p span{display:none}.tts-select .enhance-voice p{font-weight:700;font-size:14px;line-height:1.4}.tts-select .enhance-voice .select-option li p span{font-size:12px;font-weight:400}.tts-select .enhance-voice .select-option li.active,.tts-select .enhance-voice .select-option li:hover{background:#343434}.tts-select .enhance-voice .default_option{justify-content:space-between;padding-right:38px}.tts-select .enhance-voice .select-option li{justify-content:space-between;padding-right:36px;text-align:left;height:42px}.tts-select span.switch{position:relative;display:flex;align-items:center;width:40px;height:20px;background:#474748;padding:3px;border-radius:20px;flex-shrink:0}.tts-select li.active span.switch,.tts-select span.switch.active{background:#C635E5;justify-content:flex-end}.tts-select li.active span.switch:before,.tts-select span.switch.active:before{background:#FFF}.tts-select span.switch:before{content:'';display:inline-block;width:14px;height:14px;background:#A2A2A2;border-radius:100%}.tts-box .tts-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.tts-box .tts-footer .tts-btn{width:100%;height:64px}.tts-box .tts-footer .tts-btn .listen{border:0;display:inline-block;width:100%;height:100%;background:linear-gradient(101.39deg,#5237F9 26.43%,#31B5FF 88.03%);border-radius:8px;font-weight:600;font-size:18px;color:#FFF}.tts-box .tts-footer .tts-btn .listen img{display:none;padding-bottom:2px}.tts-box .tts-footer .tts-btn .listen:hover{background:linear-gradient(101.39deg,#1874FE 5.89%,#31DAFF 88.03%)}.tts-box .tts-footer .tts-btn .converting,.tts-box .tts-footer .tts-btn .converting:hover{background:#5237F9}.tts-box .tts-footer .tts-btn .playing,.tts-box .tts-footer .tts-btn .playing:hover{background:#25AAFF}.tts-box .tts-footer .tts-btn .replay,.tts-box .tts-footer .tts-btn .replay:hover{background:linear-gradient(180.4deg,#5237F9 12.95%,#31B5FF 114.45%)}@media (max-width:1600px){.tts-box .tts-select{justify-content:space-between;flex-wrap:wrap}.tts-select .tts-figure{width:100%;margin-right:0}.tts-select .tts-language{width:calc(78.8% - 20px)}.tts-select .more-show{transform:unset;max-width:64px;width:30%;padding:0;margin:0}.tts-box .tts-footer .tts-select{margin:0 0 16px}.tts-select .tts-figure{margin:0 0 20px}}@media (max-width:1400px){.tts-box{width:100%}}@media (max-width:768px){.tts-box{padding:20px 20px 30px}.banner .control{margin:40px 0 0}.tts-box .try-out-editor{padding:12px 12px 30px}.tts-box .text-amount{font-size:12px}.tts-select .default_option{font-size:14px}.tts-select .select-option li{font-size:14px;text-align:left}.tts-box .tts-footer .tts-btn .listen{order:1}}@media (max-width:820px){.tts-select p.p-flex{font-size:14px}.tts-box .tts-footer{flex-direction:column}.tts-box .tts-footer .tts-select,.tts-box .tts-footer .tts-btn,.tts-box .enhance-voice{width:100%}.tts-select p span{font-size:12px}.tts-box .ul-select{justify-content:flex-start}.tts-box ol{transform:translate(-20px,50px)}.tts-box .feature .msg-info{padding:0 20px}.tts-box .ul-select li{padding:0 0 10px}.tts-box .ul-select li:after{bottom:8px}}@media (max-width:375px){.tts-select p.p-flex{font-size:12px}.tts-select .default_option:after{right:5px}}@media (max-width:320px){a.base-bt{font-size:14px}}