.did-login[data-v-34302451]{font-family:JetBrains Mono,monospace}.connected[data-v-34302451]{gap:12px}.connected-did[data-v-34302451],.connected[data-v-34302451]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.connected-did[data-v-34302451]{gap:8px;font-size:14px;color:#22c55e}[dir] .connected-did[data-v-34302451]{padding:10px 16px;background:rgba(34,197,94,.1);border:1px solid #22c55e;border-radius:6px}.connected-did .icon[data-v-34302451]{width:16px;height:16px}.btn-text[data-v-34302451]{color:#888;font-size:12px;font-family:inherit}[dir] .btn-text[data-v-34302451]{background:none;border:none;cursor:pointer;padding:0}.btn-text[data-v-34302451]:hover{color:#ef4444}.login-row[data-v-34302451]{gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn[data-v-34302451],.login-row[data-v-34302451]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn[data-v-34302451]{gap:8px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;white-space:nowrap}[dir] .btn[data-v-34302451]{padding:12px 18px;border:1px solid;border-radius:6px;cursor:pointer;-webkit-transition:all .15s}.btn[data-v-34302451]:disabled{opacity:.5}[dir] .btn[data-v-34302451]:disabled{cursor:not-allowed}.btn .icon[data-v-34302451]{width:18px;height:18px;-ms-flex-negative:0;flex-shrink:0}.btn-did[data-v-34302451]{color:#d7df23}[dir] .btn-did[data-v-34302451]{background:#000;border:2px solid #d7df23}.btn-did[data-v-34302451]:hover:not(:disabled){color:#e5ed31}[dir] .btn-did[data-v-34302451]:hover:not(:disabled){background:#111;border-color:#e5ed31}.btn-guest[data-v-34302451]{color:hsla(0,0%,100%,.7);font-size:14px}[dir] .btn-guest[data-v-34302451]{background:#1a1a1a;border:1px solid #444;padding:12px 18px}.btn-guest[data-v-34302451]:hover{color:hsla(0,0%,100%,.9)}[dir] .btn-guest[data-v-34302451]:hover{background:#252525;border-color:#555}.status[data-v-34302451]{display:inline-block;font-size:12px}[dir] .status[data-v-34302451]{padding:6px 10px}[dir=ltr] .status[data-v-34302451]{margin-left:12px}[dir=rtl] .status[data-v-34302451]{margin-right:12px}.status.info[data-v-34302451]{color:#3b82f6}.status.warning[data-v-34302451]{color:#f59e0b}.status.error[data-v-34302451]{color:#ef4444}.modal-overlay[data-v-34302451]{position:fixed;top:0;bottom:0;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;z-index:9999}[dir] .modal-overlay[data-v-34302451]{background:rgba(0,0,0,.8);padding:20px}[dir=ltr] .modal-overlay[data-v-34302451],[dir=rtl] .modal-overlay[data-v-34302451]{left:0;right:0}.modal[data-v-34302451]{max-width:400px;width:100%;position:relative;max-height:90vh;overflow-y:auto}[dir] .modal[data-v-34302451]{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:30px}[dir] .modal [data-v-34302451]{background:transparent!important;border:none!important}[dir] .modal .install-btn[data-v-34302451]{background:#d7df23!important}[dir] .modal .faq[data-v-34302451]{border-top:1px solid #333!important}[dir] .modal .faq details p[data-v-34302451]{border-bottom:1px solid #2a2a2a!important}.modal-close[data-v-34302451]{position:absolute;top:15px;color:#666;font-size:24px;line-height:1}[dir] .modal-close[data-v-34302451]{background:none;border:none;cursor:pointer;padding:0}[dir=ltr] .modal-close[data-v-34302451]{right:15px}[dir=rtl] .modal-close[data-v-34302451]{left:15px}.modal-close[data-v-34302451]:hover{color:#fff}.modal-header[data-v-34302451]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}[dir] .modal-header[data-v-34302451]{margin-bottom:16px;background:transparent}.modal-header h2[data-v-34302451]{font-size:20px;color:#fff;font-weight:600}[dir] .modal-header h2[data-v-34302451]{margin:0}.modal-icon[data-v-34302451]{width:32px;height:32px}[dir] .modal-icon[data-v-34302451]{background:transparent}.modal-intro[data-v-34302451]{color:#aaa;font-size:14px;line-height:1.5}[dir] .modal-intro[data-v-34302451]{margin-bottom:20px}.install-btn[data-v-34302451]{display:block;width:100%;color:#000;text-decoration:none;font-weight:600;font-size:14px;transition:background .15s}[dir] .install-btn[data-v-34302451]{padding:14px;background:#d7df23;text-align:center;border-radius:8px;margin-bottom:24px;-webkit-transition:background .15s}[dir] .install-btn[data-v-34302451]:hover{background:#e5ed31}[dir] .faq[data-v-34302451]{border-top:1px solid #333;padding-top:20px}[dir] .faq details[data-v-34302451]{margin-bottom:12px}.faq summary[data-v-34302451]{color:#fff;font-size:13px;font-weight:500;list-style:none}[dir] .faq summary[data-v-34302451]{cursor:pointer;padding:8px 0}.faq summary[data-v-34302451]::-webkit-details-marker{display:none}.faq summary[data-v-34302451]:before{content:"+";display:inline-block;width:20px;color:#d7df23;font-weight:700}.faq details[open] summary[data-v-34302451]:before{content:"-"}.faq details p[data-v-34302451]{color:#888;font-size:13px;line-height:1.5}[dir] .faq details p[data-v-34302451]{padding-bottom:12px;border-bottom:1px solid #2a2a2a}[dir=ltr] .faq details p[data-v-34302451]{margin:0 0 8px 20px}[dir=rtl] .faq details p[data-v-34302451]{margin:0 20px 8px 0}.modal-footer[data-v-34302451]{color:#666;font-size:12px}[dir] .modal-footer[data-v-34302451]{margin-top:20px;text-align:center}.link-btn[data-v-34302451]{color:#d7df23;font-size:12px;text-decoration:underline;font-family:inherit}[dir] .link-btn[data-v-34302451]{background:none;border:none;cursor:pointer;padding:0}.link-btn[data-v-34302451]:hover{color:#e5ed31}@media (max-width:480px){.login-row[data-v-34302451]{gap:8px}.btn[data-v-34302451]{font-size:13px}[dir] .btn[data-v-34302451]{padding:10px 14px}.btn .icon[data-v-34302451]{width:16px;height:16px}.btn-guest[data-v-34302451]{font-size:13px}[dir] .btn-guest[data-v-34302451]{padding:10px 14px}.status[data-v-34302451]{display:block}[dir] .status[data-v-34302451]{margin-top:8px}[dir=ltr] .status[data-v-34302451]{margin-left:0}[dir=rtl] .status[data-v-34302451]{margin-right:0}[dir] .modal[data-v-34302451]{padding:24px}.modal-header h2[data-v-34302451]{font-size:18px}}[data-v-1ae4eaba]:not(i){font-family:JetBrains Mono!important}.logo[data-v-1ae4eaba]{height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo img[data-v-1ae4eaba]{height:inherit}.full-container[data-v-1ae4eaba]{height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[dir] .full-container[data-v-1ae4eaba]{background-color:#000;background-size:30% 70%,contain;background-repeat:no-repeat,no-repeat}[dir=ltr] .full-container[data-v-1ae4eaba]{background-position:0,100% 0;padding-left:67px;padding-right:67px}[dir=rtl] .full-container[data-v-1ae4eaba]{background-position:100%,0 0;padding-right:67px;padding-left:67px}.join-wrapper[data-v-1ae4eaba]{height:calc(100vh - 100px)}.join-body[data-v-1ae4eaba]{width:100%}[dir] .join-body[data-v-1ae4eaba]{padding:20px;border:1px solid #fff;margin-top:10px}.join-type[data-v-1ae4eaba]{color:#5b96eb;width:60%}.join-by[data-v-1ae4eaba]{color:#22c55e}.join-input-content[data-v-1ae4eaba]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[dir] .join-input-content[data-v-1ae4eaba]{margin-top:50px;margin-bottom:36px}.join-input-content label[data-v-1ae4eaba]{color:#fff}.join-input-content input[data-v-1ae4eaba]{color:#000;outline:none;max-width:350px}[dir] .join-input-content input[data-v-1ae4eaba]{background-color:#fff;border:none;padding:10px;margin:5px 0 10px 0}.join-input-content button[data-v-1ae4eaba]{color:#000;outline:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:600}[dir] .join-input-content button[data-v-1ae4eaba]{background-color:#d7df23;border:2px solid #000;padding:10px;cursor:pointer}[dir=ltr] .join-input-content button[data-v-1ae4eaba]{-webkit-box-shadow:5px 5px 0 -1px #fff;box-shadow:5px 5px 0 -1px #fff}[dir=rtl] .join-input-content button[data-v-1ae4eaba]{-webkit-box-shadow:-5px 5px 0 -1px #fff;box-shadow:-5px 5px 0 -1px #fff}.join-input-content button[data-v-1ae4eaba]:disabled{opacity:.5}[dir=ltr] .join-input-content button span[data-v-1ae4eaba]{margin-right:30px}[dir=rtl] .join-input-content button span[data-v-1ae4eaba]{margin-left:30px}.room-name[data-v-1ae4eaba]{color:#fff;font-weight:700;max-width:450px}[dir] .room-name[data-v-1ae4eaba]{margin-top:10px;margin-bottom:10px}.room-status[data-v-1ae4eaba]{color:#ef4444;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.room-status span[data-v-1ae4eaba]{width:7px;height:7px}[dir] .room-status span[data-v-1ae4eaba]{border-radius:50%;background-color:#ef4444}[dir=ltr] .room-status span[data-v-1ae4eaba]{margin-right:5px}[dir=rtl] .room-status span[data-v-1ae4eaba]{margin-left:5px}.join-body-bottom[data-v-1ae4eaba]{color:#fff}[dir] .join-body-bottom[data-v-1ae4eaba]{margin-top:5px}.join-body-bottom span[data-v-1ae4eaba]{color:#22c55e}.left[data-v-1ae4eaba]{width:229px;height:194px}.left img[data-v-1ae4eaba]{-o-object-fit:cover;object-fit:cover}[dir=ltr] .right[data-v-1ae4eaba]{margin-left:52px}[dir=rtl] .right[data-v-1ae4eaba]{margin-right:52px}.join-text[data-v-1ae4eaba]{color:#a6a6a8;font-weight:600;font-size:12px}.class-info[data-v-1ae4eaba]{color:#a6a6a8;font-weight:500;font-size:24px}[dir] .class-info[data-v-1ae4eaba]{margin-top:20px}.host-info[data-v-1ae4eaba]{font-weight:500;font-size:16px;color:#647181}[dir] .host-info[data-v-1ae4eaba]{margin-top:14px}[dir] .dynamic-part[data-v-1ae4eaba]{margin-top:45px}.inputName p[data-v-1ae4eaba]{font-weight:600;font-size:12px;color:#637181}[dir] .inputName p[data-v-1ae4eaba]{margin-bottom:6px}.inputName input[data-v-1ae4eaba]{width:319px;height:40px;color:#a6a6a8;font-size:12px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .inputName input[data-v-1ae4eaba]{border:1px solid #31394e;border-radius:6px;background-color:#1d232b}[dir=ltr] .inputName input[data-v-1ae4eaba]{padding-left:14px}[dir=rtl] .inputName input[data-v-1ae4eaba]{padding-right:14px}.button[data-v-1ae4eaba]{width:319px;height:40px;font-size:12px;font-weight:600;color:#181a20}[dir] .button[data-v-1ae4eaba]{margin-top:18px;background-color:#d7df23;border:1px solid #31394e;cursor:pointer;border-radius:6px}.separator[data-v-1ae4eaba]{width:319px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .separator[data-v-1ae4eaba]{margin-top:14px}.line[data-v-1ae4eaba]{width:135px;height:1px}[dir] .line[data-v-1ae4eaba]{border:1px solid #31394e}.sing-in[data-v-1ae4eaba]{width:319px;height:40px;font-weight:500;font-size:12px;color:#a6a6a8}[dir] .sing-in[data-v-1ae4eaba]{margin-top:14px;border:1px solid #31394e;border-radius:6px;background-color:#1f272f}.text[data-v-1ae4eaba]{font-weight:500;font-size:12px;color:#a6a6a8;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}[dir] .text[data-v-1ae4eaba]{margin-top:15px}.text p[data-v-1ae4eaba]{font-weight:600;font-size:13px}[dir=ltr] .text p[data-v-1ae4eaba]{margin-left:5px}[dir=rtl] .text p[data-v-1ae4eaba]{margin-right:5px}@media (max-width:499px){[dir=ltr] .full-container[data-v-1ae4eaba],[dir=rtl] .full-container[data-v-1ae4eaba]{padding-left:10px;padding-right:10px}.idgf[data-v-1ae4eaba]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left[data-v-1ae4eaba]{width:200px;height:150px}[dir] .left[data-v-1ae4eaba]{margin:auto;margin-top:-50px}.left img[data-v-1ae4eaba]{-o-object-fit:conatin;object-fit:conatin}[dir] .right[data-v-1ae4eaba]{margin:auto}[dir] .class-info[data-v-1ae4eaba],[dir] .host-info[data-v-1ae4eaba]{margin-top:10px}[dir] .dynamic-part[data-v-1ae4eaba]{margin-top:15px}}[dir] .did-login-section[data-v-1ae4eaba]{margin-top:30px;margin-bottom:20px}[dir] .did-reconnect[data-v-1ae4eaba]{cursor:pointer;margin-top:10px}.did-reconnect .link[data-v-1ae4eaba]{color:#d7df23;text-decoration:underline}.did-reconnect .link[data-v-1ae4eaba]:hover{color:#e8ef45}[dir] .mb-4[data-v-1ae4eaba]{margin-bottom:16px}