[data-v-69ac5ae9]:not(i){font-family:JetBrains Mono!important}.logo[data-v-69ac5ae9]{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-69ac5ae9]{height:inherit}.full-container[data-v-69ac5ae9]{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-69ac5ae9]{background-color:#000;background-size:30% 70%,contain;background-repeat:no-repeat,no-repeat}[dir=ltr] .full-container[data-v-69ac5ae9]{background-position:0,100% 0;padding-left:67px;padding-right:67px}[dir=rtl] .full-container[data-v-69ac5ae9]{background-position:100%,0 0;padding-right:67px;padding-left:67px}.join-wrapper[data-v-69ac5ae9]{height:calc(100vh - 100px)}.join-body[data-v-69ac5ae9]{width:100%}[dir] .join-body[data-v-69ac5ae9]{padding:20px;border:1px solid #fff;margin-top:10px}.join-type[data-v-69ac5ae9]{color:#5b96eb;width:60%}.join-by[data-v-69ac5ae9]{color:#22c55e}.join-input-content[data-v-69ac5ae9]{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-69ac5ae9]{margin-top:50px;margin-bottom:36px}.join-input-content label[data-v-69ac5ae9]{color:#fff}.join-input-content input[data-v-69ac5ae9]{color:#000;outline:none;max-width:350px}[dir] .join-input-content input[data-v-69ac5ae9]{background-color:#fff;border:none;padding:10px;margin:5px 0 10px 0}.join-input-content button[data-v-69ac5ae9]{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-69ac5ae9]{background-color:#d7df23;border:2px solid #000;padding:10px;cursor:pointer}[dir=ltr] .join-input-content button[data-v-69ac5ae9]{-webkit-box-shadow:5px 5px 0 -1px #fff;box-shadow:5px 5px 0 -1px #fff}[dir=rtl] .join-input-content button[data-v-69ac5ae9]{-webkit-box-shadow:-5px 5px 0 -1px #fff;box-shadow:-5px 5px 0 -1px #fff}.join-input-content button[data-v-69ac5ae9]:disabled{opacity:.5}[dir=ltr] .join-input-content button span[data-v-69ac5ae9]{margin-right:30px}[dir=rtl] .join-input-content button span[data-v-69ac5ae9]{margin-left:30px}.room-name[data-v-69ac5ae9]{color:#fff;font-weight:700;max-width:450px}[dir] .room-name[data-v-69ac5ae9]{margin-top:10px;margin-bottom:10px}.room-status[data-v-69ac5ae9]{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-69ac5ae9]{width:7px;height:7px}[dir] .room-status span[data-v-69ac5ae9]{border-radius:50%;background-color:#ef4444}[dir=ltr] .room-status span[data-v-69ac5ae9]{margin-right:5px}[dir=rtl] .room-status span[data-v-69ac5ae9]{margin-left:5px}.join-body-bottom[data-v-69ac5ae9]{color:#fff}[dir] .join-body-bottom[data-v-69ac5ae9]{margin-top:5px}.join-body-bottom span[data-v-69ac5ae9]{color:#22c55e}.left[data-v-69ac5ae9]{width:229px;height:194px}.left img[data-v-69ac5ae9]{-o-object-fit:cover;object-fit:cover}[dir=ltr] .right[data-v-69ac5ae9]{margin-left:52px}[dir=rtl] .right[data-v-69ac5ae9]{margin-right:52px}.join-text[data-v-69ac5ae9]{color:#a6a6a8;font-weight:600;font-size:12px}.class-info[data-v-69ac5ae9]{color:#a6a6a8;font-weight:500;font-size:24px}[dir] .class-info[data-v-69ac5ae9]{margin-top:20px}.host-info[data-v-69ac5ae9]{font-weight:500;font-size:16px;color:#647181}[dir] .host-info[data-v-69ac5ae9]{margin-top:14px}[dir] .dynamic-part[data-v-69ac5ae9]{margin-top:45px}.inputName p[data-v-69ac5ae9]{font-weight:600;font-size:12px;color:#637181}[dir] .inputName p[data-v-69ac5ae9]{margin-bottom:6px}.inputName input[data-v-69ac5ae9]{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-69ac5ae9]{border:1px solid #31394e;border-radius:6px;background-color:#1d232b}[dir=ltr] .inputName input[data-v-69ac5ae9]{padding-left:14px}[dir=rtl] .inputName input[data-v-69ac5ae9]{padding-right:14px}.button[data-v-69ac5ae9]{width:319px;height:40px;font-size:12px;font-weight:600;color:#181a20}[dir] .button[data-v-69ac5ae9]{margin-top:18px;background-color:#d7df23;border:1px solid #31394e;cursor:pointer;border-radius:6px}.separator[data-v-69ac5ae9]{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-69ac5ae9]{margin-top:14px}.line[data-v-69ac5ae9]{width:135px;height:1px}[dir] .line[data-v-69ac5ae9]{border:1px solid #31394e}.sing-in[data-v-69ac5ae9]{width:319px;height:40px;font-weight:500;font-size:12px;color:#a6a6a8}[dir] .sing-in[data-v-69ac5ae9]{margin-top:14px;border:1px solid #31394e;border-radius:6px;background-color:#1f272f}.text[data-v-69ac5ae9]{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-69ac5ae9]{margin-top:15px}.text p[data-v-69ac5ae9]{font-weight:600;font-size:13px}[dir=ltr] .text p[data-v-69ac5ae9]{margin-left:5px}[dir=rtl] .text p[data-v-69ac5ae9]{margin-right:5px}@media (max-width:499px){[dir=ltr] .full-container[data-v-69ac5ae9],[dir=rtl] .full-container[data-v-69ac5ae9]{padding-left:10px;padding-right:10px}.idgf[data-v-69ac5ae9]{-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-69ac5ae9]{width:200px;height:150px}[dir] .left[data-v-69ac5ae9]{margin:auto;margin-top:-50px}.left img[data-v-69ac5ae9]{-o-object-fit:conatin;object-fit:conatin}[dir] .right[data-v-69ac5ae9]{margin:auto}[dir] .class-info[data-v-69ac5ae9],[dir] .host-info[data-v-69ac5ae9]{margin-top:10px}[dir] .dynamic-part[data-v-69ac5ae9]{margin-top:15px}}