@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);:root{--background-color:#03011c;--hero-color:#34066b;--muted-color:hsla(0,0%,100%,0.25);--muted-color-active:hsla(0,0%,100%,0.3);--light-color:hsla(0,0%,100%,0.15);--light-color-active:hsla(0,0%,100%,0.25);--dark-color:rgba(50,50,50,0.35);--dark-color-active:rgba(50,50,50,0.5);--red-color:rgba(195,93,93,0.7);--red-color-active:rgba(195,93,93,0.9);--text-color:#fff;--top-nav-height:5rem;--transition-time:0.1s;--gallery-background-color:rgba(0,0,0,0.5)}body{margin:0;background-color:var(--background-color);color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button{display:inline-block;background-color:var(--muted-color);transition:all var(--transition-time);border-radius:4px;font-size:1.2rem;padding:.5rem 1.5rem;cursor:pointer;box-shadow:0 10px 2rem 0 rgba(0,0,0,.1)}.button:hover{background-color:var(--muted-color-active);box-shadow:0 0 0 4px rgba(0,0,0,.3)}.button:active{box-shadow:0 0 0 6px rgba(0,0,0,.3)}.button.red{background-color:var(--red-color)}.button.red:hover{background-color:var(--red-color-active)}.button.light{background-color:var(--light-color)}.button.light:hover{background-color:var(--light-color-active)}.button.dark{background-color:var(--dark-color)}.button.dark:hover{background-color:var(--dark-color-active)}.button.big{font-size:1.5rem;padding:1.2rem 4rem}.button.small{display:flex;align-items:center;font-size:1rem;padding:.2rem 1.5rem}.streams-gallery[data-v-bf12d4fc]{background-color:var(--gallery-background-color);width:100%;height:100%;position:relative;overflow:hidden}.no-streams[data-v-bf12d4fc]{background-color:var(--hero-color);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.no-streams>.button[data-v-bf12d4fc]{margin:2rem 0}.brand[data-v-bf12d4fc]{font-weight:700;font-size:1.5rem}.brand[data-v-bf12d4fc],.tip[data-v-bf12d4fc]{color:var(--muted-color)}.local-stream-preview-container[data-v-bf12d4fc]{display:flex;height:100%;align-items:center;justify-content:center}.local-stream-preview[data-v-bf12d4fc]{width:100%;height:100%}.controls-container[data-v-bf12d4fc]{position:absolute;bottom:-20px;width:100%;height:4.2rem;opacity:0;display:flex;flex-direction:row;justify-content:center;transition:all var(--transition-time);box-shadow:inset 0 -60px 30px -30px #000}.controls-container>.button[data-v-bf12d4fc]{margin:1rem .5rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.streams-gallery:hover>.controls-container[data-v-bf12d4fc]{bottom:0;opacity:1}.input[data-v-b3aaf2f4]{border-radius:4px;border:none;outline:none;background-color:var(--light-color);width:21.4rem;margin:1rem;height:2rem;font-size:1.2rem;padding:.5rem .8rem;color:var(--text-color)}.chat[data-v-04564d1f]{width:100%;height:100%}.members-container[data-v-04564d1f]{height:5rem;overflow-x:auto}.messages-container[data-v-04564d1f]{height:calc(100% - 10rem);overflow-y:auto;-webkit-user-select:unset;-moz-user-select:unset;-ms-user-select:unset;user-select:unset}.flex-box[data-v-5d9f49ee]{display:flex;flex-direction:row}.chat-container[data-v-5d9f49ee]{width:25rem;height:100vh}.streams-gallery-container[data-v-5d9f49ee]{height:100vh;width:calc(100vw - 25rem)}