.video-container[data-v-023be008]{position:relative;background:#3b3b3b;aspect-ratio:16/9;border-radius:6px;overflow:hidden}.video-container video[data-v-023be008]{width:100%;height:100%}.video-container .participant-data[data-v-023be008]{position:absolute;top:0;left:0}.participant-data p[data-v-023be008]{background:#f8f8f8;margin:0;padding:0 5px;color:#777;font-weight:700;border-bottom-right-radius:4px}@media screen and (max-width: 480px){.video-container[data-v-023be008]{aspect-ratio:9/16}}#join[data-v-9311ecc3]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}#join-dialog[data-v-9311ecc3]{width:70%;max-width:900px;padding:60px;border-radius:6px;background-color:#f0f0f0}#join-dialog h2[data-v-9311ecc3]{color:#4d4d4d;font-size:60px;font-weight:700;text-align:center}#join-dialog form[data-v-9311ecc3]{text-align:left}#join-dialog label[data-v-9311ecc3]{display:block;margin-bottom:10px;color:#08a;font-weight:700;font-size:20px}.form-control[data-v-9311ecc3]{width:100%;padding:8px;margin-bottom:10px;box-sizing:border-box;color:#08a;font-weight:700}.form-control[data-v-9311ecc3]:focus{color:#08a;border-color:#08a;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,136,170,.6);box-shadow:inset 0 1px 1px #00000013,0 0 8px #08a9}#join-dialog button[data-v-9311ecc3]{display:block;margin:20px auto 0}.btn[data-v-9311ecc3]{font-weight:700}.btn-success[data-v-9311ecc3]{background-color:#06d362;border-color:#06d362}.btn-success[data-v-9311ecc3]:hover{background-color:#1abd61;border-color:#1abd61}#room[data-v-9311ecc3]{display:flex;flex-direction:column;justify-content:center;align-items:center}#room-header[data-v-9311ecc3]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;padding:0 20px;margin-bottom:20px}#room-title[data-v-9311ecc3]{font-size:2em;font-weight:700;margin:0}#layout-container[data-v-9311ecc3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;justify-content:center;align-items:center;width:100%;max-width:1000px;height:100%}@media screen and (max-width: 768px){#join-dialog[data-v-9311ecc3]{width:90%;padding:30px}#join-dialog h2[data-v-9311ecc3]{font-size:50px}#layout-container[data-v-9311ecc3]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media screen and (max-width: 480px){#join-dialog[data-v-9311ecc3]{width:100%;padding:20px}#join-dialog h2[data-v-9311ecc3]{font-size:40px}#layout-container[data-v-9311ecc3]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}