.vm--modal{align-items:center;background:transparent!important;border-radius:10px!important;display:flex;overflow:hidden}.login-modal{background:#36393f;display:flex;flex-direction:column;height:100%;width:100%}@media (max-width:768px){.login-modal{flex-direction:column}}.login-modal-qr{align-items:center;background:#1a1a1a;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px;position:relative;width:100%}@media (max-width:768px){.login-modal-qr{height:40vh;width:100%}.login-modal-qr .qr-info{font-size:14px!important}}.login-modal-qr>img{margin-bottom:20px;margin-top:20px}.login-modal-qr .qr-wrap{display:flex;justify-content:center;text-align:center;width:100%}.login-modal-qr .qr-wrap-inner{background:#fff;border-radius:8px;padding:10px}.login-modal-qr .qr-info{color:hsla(0,0%,100%,.75);font-size:16px;font-weight:600;margin:30px 0;text-align:center}.login-modal-qr .qr-info strong{color:#ff2e1c}.login-modal-qr .qr-info a{align-items:center;color:#fff;display:inline-flex;font-weight:600;text-decoration:underline}.login-modal-qr .qr-info a span{margin-right:3px}.login-modal-qr .reg-info{color:#fff;margin-bottom:20px;margin-top:40px}.login-modal-qr .reg-btn{color:#fff;font-weight:700;text-decoration:underline}.login-modal-qr .reg-btn:hover{color:#ff2e1c}.login-modal .close-modal{align-items:center;display:inline-flex;justify-content:center;position:absolute;right:15px;text-decoration:none;top:15px}.login-modal .close-modal i{color:#ff2e1c;font-size:34px;transition:all .25s}.login-modal .close-modal:hover i{color:#e81200}.slide-logo{height:160px}.slide-desc{max-width:50%}.media-detail{backdrop-filter:blur(5px);background:rgba(0,0,0,.15);display:flex;height:100vh;justify-content:center;width:100%}.media-detail .info-container{backdrop-filter:blur(5px);background:rgba(0,0,0,.9);border-radius:20px;margin:8px auto;overflow:hidden;width:980px}.media-detail .info-container-wrap,.media-detail .info__overlay{display:flex;flex-direction:column}.media-detail .info__overlay{background:linear-gradient(transparent,#000);bottom:0;justify-content:flex-end;left:0;position:absolute;right:0;top:0}.media-detail .info__overlay .overlay-items{display:flex;flex-direction:row!important;height:100px;margin-bottom:-50px}.media-detail .info__overlay .overlay-items .media-logo{display:inline-flex;height:100px;margin-bottom:20px;margin-left:auto;margin-right:20px;width:auto!important}.media-detail .close-btn{align-items:center;background:rgba(0,0,0,.7);border:1px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .25s;width:40px;z-index:10}.media-detail .close-btn i{color:#fff}.media-detail .close-btn:hover{border:1px solid #fff}.media-detail .volume-btn{align-items:center;background:rgba(0,0,0,.7);border:1px solid #fff;border-radius:50%;bottom:20px;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:absolute;top:auto;transition:all .25s;width:40px;z-index:10}.media-detail .volume-btn i{color:#fff}.media-detail .volume-btn:hover{border:1px solid #fff}.media-detail .relative{position:relative!important}.media-detail .media-info{margin-top:100px;padding:0 30px}.media-detail .media-info .space-x-2{margin-bottom:8px;margin-top:8px}.media-detail .media-info .text-gray-400{color:hsla(0,0%,100%,.5)!important}.media-detail .media-info .text-white{color:#fff;font-weight:500}.media-detail .media-info .flex{align-items:center;display:flex}.media-detail .media-info .text-yellow-500{color:#f59e0b}.media-detail .media-info .detail-age{border:1px solid #f59e0b;color:#f59e0b;margin:0 10px;padding:0 6px}.media-detail .media-info .rate{align-items:center;display:inline-flex;margin-right:15px}.media-detail .media-info .rate i{margin-right:5px}.media-detail .media-info .txt-desc{color:hsla(0,0%,100%,.8);margin-top:30px}.media-detail .hover-video{background:#040608;border-top-left-radius:6px;border-top-right-radius:6px;height:100%;margin:0!important;min-height:500px!important;overflow:hidden;padding:0!important;position:relative}.media-detail .hover-video .vue-responsive-videobg{bottom:0;height:100%!important;position:absolute;top:0;width:100%}.video-content .name{height:40px;overflow:hidden}.app-links{display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.app-links p{color:hsla(0,0%,100%,.7);font-weight:500}.app-links .links{display:flex;justify-content:center}.app-links .links a:hover{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.vm--overlay{backdrop-filter:blur(5px)}.popper{background:#fff;height:300px;position:static;width:300px}.popper img{width:300px!important}.guide-modal{position:relative}.guide-modal img{margin-right:-2px;margin-top:-3px}.guide-modal .close-modal{align-items:center;display:inline-flex;justify-content:center;position:absolute;right:12px;text-decoration:none;top:12px}.guide-modal .close-modal i{color:#ff2e1c;font-size:34px;transition:all .25s}.guide-modal .close-modal:hover i{color:#e81200}