[data-v-2757d3e1]:not(i){font-family:JetBrains Mono!important}.logo[data-v-2757d3e1]{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-2757d3e1]{height:inherit}.full-container[data-v-2757d3e1]{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;overflow-y:scroll}[dir] .full-container[data-v-2757d3e1]{background-color:#000;background-size:30% 70%,contain;background-repeat:no-repeat,no-repeat;padding-bottom:50px}[dir=ltr] .full-container[data-v-2757d3e1]{background-position:0,100% 0;padding-left:67px;padding-right:67px}[dir=rtl] .full-container[data-v-2757d3e1]{background-position:100%,0 0;padding-right:67px;padding-left:67px}.join-wrapper[data-v-2757d3e1]{height:calc(100vh - 100px)}.join-body[data-v-2757d3e1]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}[dir] .join-body[data-v-2757d3e1]{margin-top:10px}.join-body-left[data-v-2757d3e1]{-webkit-box-flex:1;-ms-flex:1;flex:1}[dir] .join-body-left[data-v-2757d3e1]{padding:20px;border:1px solid #fff}.join-body-left-half[data-v-2757d3e1]{-webkit-box-flex:0.55!important;-ms-flex:0.55!important;flex:0.55!important}.join-body-right[data-v-2757d3e1]{-webkit-box-flex:0.45;-ms-flex:0.45;flex:0.45}[dir] .join-body-right[data-v-2757d3e1]{padding:20px;border:1px solid #fff}[dir=ltr] .join-body-right[data-v-2757d3e1]{margin-left:10px}[dir=rtl] .join-body-right[data-v-2757d3e1]{margin-right:10px}.join-type[data-v-2757d3e1]{color:#5b96eb;width:60%}.join-by[data-v-2757d3e1]{color:#22c55e}.join-input-content[data-v-2757d3e1]{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-2757d3e1]{margin-top:50px;margin-bottom:36px}.join-input-content label[data-v-2757d3e1]{color:#fff}.join-input-content input[data-v-2757d3e1]{color:#000;outline:none;max-width:350px}[dir] .join-input-content input[data-v-2757d3e1]{background-color:#fff;border:none;padding:10px;margin:5px 0 10px 0}.join-input-content button[data-v-2757d3e1]{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-2757d3e1]{background-color:#d7df23;border:2px solid #000;padding:10px;cursor:pointer}[dir=ltr] .join-input-content button[data-v-2757d3e1]{-webkit-box-shadow:5px 5px 0 -1px #fff;box-shadow:5px 5px 0 -1px #fff}[dir=rtl] .join-input-content button[data-v-2757d3e1]{-webkit-box-shadow:-5px 5px 0 -1px #fff;box-shadow:-5px 5px 0 -1px #fff}.join-input-content button[data-v-2757d3e1]:disabled{opacity:.5}[dir=ltr] .join-input-content button span[data-v-2757d3e1]{margin-right:30px}[dir=rtl] .join-input-content button span[data-v-2757d3e1]{margin-left:30px}.room-name[data-v-2757d3e1]{color:#fff;font-weight:700;max-width:450px}[dir] .room-name[data-v-2757d3e1]{margin-top:10px;margin-bottom:10px}.room-status[data-v-2757d3e1]{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-2757d3e1]{width:7px;height:7px}[dir] .room-status span[data-v-2757d3e1]{border-radius:50%;background-color:#ef4444}[dir=ltr] .room-status span[data-v-2757d3e1]{margin-right:5px}[dir=rtl] .room-status span[data-v-2757d3e1]{margin-left:5px}.join-body-bottom[data-v-2757d3e1]{color:#fff}[dir] .join-body-bottom[data-v-2757d3e1]{margin-top:5px}.join-body-bottom span[data-v-2757d3e1]{color:#22c55e}@media (max-width:499px){.full-container[data-v-2757d3e1]{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;overflow-y:scroll}[dir] .full-container[data-v-2757d3e1]{background-image:none;background-size:contain;background-repeat:no-repeat;padding-bottom:50px}[dir=ltr] .full-container[data-v-2757d3e1]{background-position:100%;padding-left:10px;padding-right:10px}[dir=rtl] .full-container[data-v-2757d3e1]{background-position:0;padding-right:10px;padding-left:10px}}