:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.25em}element{box-sizing:border-box}textarea{background-color:#3f3f3f}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;width:100vw;min-width:320px;min-height:100vh;height:100vh}#app{width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.message[data-v-b4135764]{display:flex;word-break:break-word}.user[data-v-b4135764]{flex-shrink:0;max-width:8em;text-overflow:ellipsis;font-weight:700;overflow:hidden;white-space:nowrap}.chat[data-v-bb49a04e]{display:flex;height:100%;flex-direction:column}.chat-header[data-v-bb49a04e]{display:flex;justify-content:space-between;background-color:#3b382e}.chat-header .header-text[data-v-bb49a04e]{font-weight:700;font-size:1.5em;padding-left:.25em;color:#ffef70;margin-bottom:.25em}.chat-header .input-block .label[data-v-bb49a04e]{font-size:1.25em;margin-right:.5em}.chat-header .input-block input[data-v-bb49a04e]{margin-right:.5em}.messages[data-v-bb49a04e]{max-height:100%;height:100%;overflow:auto;padding-right:1em;padding-left:.25em}.compose[data-v-bb49a04e]{display:flex;width:100%}.compose .compute-textarea[data-v-bb49a04e]{position:absolute;z-index:-1;display:flex;align-items:center;text-align:left;box-sizing:border-box;width:100%;height:max-content;outline:none;border:0;resize:none;color:#fff;line-height:1.5}.compose .textarea-container[data-v-bb49a04e]{position:relative;display:flex;width:100%;padding:.25em;box-sizing:border-box;background-color:#3f3f3f}.compose .textarea-container textarea[data-v-bb49a04e]{display:flex;align-items:center;text-align:left;box-sizing:border-box;width:100%;height:max-content;outline:none;border:0;resize:none;color:#fff;line-height:1.5}.compose .send[data-v-bb49a04e]{display:flex;align-items:center;justify-content:center;width:2.5em;height:100%;background-color:#3b382e;cursor:pointer}.compose .send[data-v-bb49a04e]:hover{background-color:#67655c}.compose .send svg[data-v-bb49a04e]{fill:#ffef70;width:1.5em;height:1.5em}.input-block[data-v-bb49a04e]{display:flex;align-items:center}@media screen and (max-width: 1200px){.app[data-v-acc85aa4]{font-size:.8em!important}.connect-view[data-v-acc85aa4]{flex-direction:column}.video-container[data-v-acc85aa4]{display:flex;flex-direction:column-reverse;margin-top:0!important}[data-v-acc85aa4] .chat{width:100%!important}}.app[data-v-acc85aa4]{position:relative;font-size:1em;height:100%;width:100%}.connect-view[data-v-acc85aa4]{position:relative;display:flex;height:100%;width:100%}.video-container[data-v-acc85aa4]{width:100%;margin:0 auto;background-color:#000;position:relative}.viewers[data-v-acc85aa4]{display:flex;justify-content:flex-end;align-items:center;margin-right:1em;margin-left:1em}.viewers .viewer-text[data-v-acc85aa4]{font-weight:700;font-size:1.1em}.viewers .viewer-icon[data-v-acc85aa4]{width:1.75em;height:1.75em}.viewers .viewer-icon svg[data-v-acc85aa4]{fill:#ff7b00}.chat[data-v-acc85aa4]{width:min(100%,30em);border-left:2px solid #3b382e;font-size:.85em}.chat[data-v-acc85aa4] .message{padding-left:.5em;margin-bottom:.1em}.stream-connector[data-v-acc85aa4]{margin:10vh auto 0;width:min(25em,90%);background-color:#2d2424;border:2px solid black}.stream-connector .header[data-v-acc85aa4]{display:flex;justify-content:center;align-items:center;border-bottom:2px solid black;height:2em;font-size:1.15em;font-weight:700;background-color:#5c3d2e}.stream-connector .content[data-v-acc85aa4]{padding:1em}.stream-connector .input-block[data-v-acc85aa4]{box-sizing:border-box;justify-content:space-between;margin-bottom:1em}.stream-connector .input-block .label[data-v-acc85aa4]{width:8em}.stream-connector .input-block input[data-v-acc85aa4]{box-sizing:border-box;width:13em}.stream-connector .connect-button[data-v-acc85aa4]{display:flex;font-size:1.15em;height:2em;border-top:2px solid black;background-color:#b85c38;justify-content:center;align-items:center;font-weight:700;cursor:pointer;opacity:.8}.stream-connector .connect-button[data-v-acc85aa4]:hover{opacity:1}.video-container[data-v-acc85aa4]{position:relative;width:100%;max-height:90vh;margin-top:5vh}.video-container video[data-v-acc85aa4]{width:100%;height:100%}.input-block[data-v-acc85aa4]{display:flex;align-items:center}