.video-container[data-v-5cdf26cc]{aspect-ratio:16/9;border-radius:12px;box-shadow:0 2px 8px 2px #10121533;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.video-container .video-el[data-v-5cdf26cc]{display:block;height:100%;width:100%}.video-container .poster[data-v-5cdf26cc]{background-image:url(https://static.tabbiy.top/imgs/poster.webp);background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.video-container .start-btn[data-v-5cdf26cc]{align-items:center;backdrop-filter:blur(10px);background-color:#00000080;border-radius:50%;box-shadow:0 2px 10px #00000080;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow .3s;width:80px;z-index:2}.video-container .start-btn[data-v-5cdf26cc]:hover{box-shadow:0 2px 16px #000c}.fade-enter-active[data-v-5cdf26cc],.fade-leave-active[data-v-5cdf26cc]{transition:opacity .8s ease}.fade-enter-from[data-v-5cdf26cc],.fade-leave-to[data-v-5cdf26cc]{opacity:0}@media (max-width:1250px){.video-container[data-v-5cdf26cc]{margin:0 15px;width:auto}}@media (max-width:640px){.video-container[data-v-5cdf26cc]{border-radius:8px}.video-container .start-btn[data-v-5cdf26cc]{height:60px;width:60px}.video-container .start-btn svg[data-v-5cdf26cc]{height:24px;width:24px}}.demo-container[data-v-806c6500]{backdrop-filter:blur(6px);background-color:#0003;height:100%;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:99}@keyframes rotate-806c6500{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.demo-container .loading-container[data-v-806c6500]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.demo-container .loading-container .loading[data-v-806c6500]{animation:rotate-806c6500 2s linear infinite;color:#ffb836;transform-origin:center}.demo-container .demo-video[data-v-806c6500]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.demo-container .demo-video #demoIframe[data-v-806c6500]{aspect-ratio:15/9}.foot-container{background-color:#232220;background-color:#23222066;border-top:2px solid #232220;box-sizing:border-box;color:#ffeebe;font-size:16px;height:280px;padding:40px 0 12px;position:relative;width:100%;z-index:1;-webkit-tap-highlight-color:transparent}.foot-container .flex{align-items:center;display:flex}.foot-container .content{align-items:flex-start;justify-content:space-between;margin:0 16%}.foot-container .content .left{width:50%}.foot-container .content .left .logo{margin-bottom:20px}.foot-container .content .left .logo img{height:32px;margin-right:8px;width:32px}.foot-container .content .left .logo span{font-size:32px}.foot-container .content .left p{margin-bottom:20px;opacity:.6;padding-right:20px}.foot-container .content .left .media{cursor:pointer}.foot-container .content .left .media a{align-items:center;display:flex;justify-content:center}.foot-container .content .left .media .remixicon{margin-right:10px}.foot-container .content .right{align-items:flex-start;justify-content:space-between;width:50%}.foot-container .content .right .link-group{flex:1}.foot-container .content .right .link-group .title{font-weight:700;margin-bottom:18px}.foot-container .content .right .link-group ul{list-style:none;margin:0;padding:0}.foot-container .content .right .link-group ul li{cursor:pointer;font-size:14px;opacity:.6;padding:5px 0;transition:opacity .4s}.foot-container .content .right .link-group ul li:hover{opacity:1}.foot-container .copyright{bottom:20px;margin:0 16%;opacity:.6;position:absolute}@media screen and (max-width:768px){.foot-container{height:auto;padding:20px 0 12px}.foot-container .content{flex-direction:column;margin:0 auto;padding-bottom:100px}.foot-container .content .left{align-items:center;display:flex;flex-direction:column;margin:40px 0 60px;width:100%}.foot-container .content .left .media{justify-content:space-between}.foot-container .content .left .media .remixicon{margin:0;padding:0 6px}.foot-container .content .right{align-items:center;flex-direction:column;width:100%}.foot-container .content .right .link-group{margin-bottom:24px;text-align:center;width:100%}.foot-container .copyright{left:0;margin:auto;right:0}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}