.video-interactive{width:100%}.video-interactive .vi-container{width:100%;margin:0 auto}.video-interactive .vi-wrapper{position:relative;width:100%;background:#000;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3)}.video-interactive .vi-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.video-interactive .vi-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:#000;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.video-interactive .vi-poster.fade-out{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05);pointer-events:none}.video-interactive .vi-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-interactive .vi-interactive{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:3;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.video-interactive .vi-interactive.hide{opacity:0;visibility:hidden;pointer-events:none}.video-interactive .vi-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:44px;min-width:500px;max-width:558px}@media(max-width: 768px){.video-interactive .vi-content{min-width:auto;width:90%}}.video-interactive .vi-input-wrapper{position:relative;width:100%;font-size:0}.video-interactive .vi-input{-ms-flex-negative:0;flex-shrink:0;width:100%;height:50px;padding:0 18px;font-size:16px;font-family:Poppins;font-weight:500;border-radius:8px 0 0 8px;background:#fff;color:#3a325a;letter-spacing:-0.32px;outline:none;-webkit-transition:all .3s ease;transition:all .3s ease;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.video-interactive .vi-input::-webkit-scrollbar{display:none}.video-interactive .vi-typing-cursor{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px;height:24px;background:#3a325a;opacity:0}.video-interactive .vi-typing-cursor.active{-webkit-animation:vi-blink 1s step-end infinite;animation:vi-blink 1s step-end infinite}@-webkit-keyframes vi-blink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes vi-blink{0%,50%{opacity:1}51%,100%{opacity:0}}.video-interactive .vi-btn{-ms-flex-negative:0;flex-shrink:0;padding:0 34px;height:50px;font-size:18px;font-weight:600;color:#fff;-webkit-box-shadow:2px 4px 20px rgba(77,44,231,.8);box-shadow:2px 4px 20px rgba(77,44,231,.8);border-radius:0 8px 8px 0;border:none;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.video-interactive .vi-btn>*{position:relative;z-index:2}.video-interactive .vi-btn::before,.video-interactive .vi-btn::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.video-interactive .vi-btn::before{background:rgba(0,0,0,0) -webkit-gradient(linear, left top, right top, from(#8B3DFF), to(#561DF1)) 0 0 no-repeat padding-box;background:rgba(0,0,0,0) linear-gradient(90deg, #8B3DFF 0%, #561DF1 100%) 0 0 no-repeat padding-box;opacity:1}.video-interactive .vi-btn::after{background:rgba(0,0,0,0) -webkit-gradient(linear, left top, right top, from(#8B3DFF), to(#F11DEA)) 0 0 no-repeat padding-box;background:rgba(0,0,0,0) linear-gradient(90deg, #8B3DFF 0%, #F11DEA 100%) 0 0 no-repeat padding-box;opacity:0}.video-interactive .vi-btn.clicking{-webkit-animation:vi-btn-click .3s ease;animation:vi-btn-click .3s ease}.video-interactive .vi-btn.clicking::before{opacity:0}.video-interactive .vi-btn.clicking::after{opacity:1}.video-interactive .vi-btn .vi-btn-text{color:#fff}.video-interactive .vi-btn .vi-btn-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@-webkit-keyframes vi-btn-click{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}}@keyframes vi-btn-click{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}}.video-interactive .vi-cursor{position:absolute;width:35px;height:35px;pointer-events:none;opacity:0;z-index:100;color:#000;-webkit-filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));-webkit-transition:opacity .3s ease;transition:opacity .3s ease;font-size:0}.video-interactive .vi-cursor svg{width:100%;height:100%}.video-interactive .vi-cursor.show{opacity:1}.video-interactive .vi-cursor.clicking{-webkit-animation:vi-cursor-click .3s ease;animation:vi-cursor-click .3s ease}@-webkit-keyframes vi-cursor-click{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes vi-cursor-click{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.video-interactive .vi-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.8);z-index:10;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.video-interactive .vi-loader.active{opacity:1}.video-interactive .vi-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:vi-spin .8s linear infinite;animation:vi-spin .8s linear infinite}@-webkit-keyframes vi-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vi-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media(max-width: 1200px){.video-interactive .vi-wrapper{border-radius:.16rem;-webkit-box-shadow:0 .2rem .6rem rgba(0,0,0,.3);box-shadow:0 .2rem .6rem rgba(0,0,0,.3)}.video-interactive .vi-content{padding-bottom:.44rem;min-width:5rem;max-width:5.58rem}}@media(max-width: 1200px)and (max-width: 768px){.video-interactive .vi-content{min-width:auto;width:90%}}@media(max-width: 1200px){.video-interactive .vi-input{height:.5rem;padding:0 .18rem;font-size:.16rem;border-radius:.08rem 0 0 .08rem;letter-spacing:-0.0032rem}.video-interactive .vi-typing-cursor{right:.2rem;width:.02rem;height:.24rem}.video-interactive .vi-btn{padding:0 .34rem;height:.5rem;font-size:.18rem;-webkit-box-shadow:.02rem .04rem .2rem rgba(77,44,231,.8);box-shadow:.02rem .04rem .2rem rgba(77,44,231,.8);border-radius:0 .08rem .08rem 0}.video-interactive .vi-cursor{width:.35rem;height:.35rem;-webkit-filter:drop-shadow(0 0.02rem 0.04rem rgba(0, 0, 0, 0.3));filter:drop-shadow(0 0.02rem 0.04rem rgba(0, 0, 0, 0.3))}.video-interactive .vi-spinner{width:.5rem;height:.5rem;border:.04rem solid hsla(0,0%,100%,.3)}}