@import url(https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap);input{width:100%;max-width:1000px;padding-left:7px;margin-top:1em;margin-bottom:.25em;border:none;border-bottom:1px solid #bebebe;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:none;display:block;background:transparent;font-size:1.45em;letter-spacing:.04em;line-height:1.25em;resize:none;overflow:hidden}input:focus{border-bottom-color:#d24242}.AppContainer{width:100vw;height:100vh;background:#000;font-family:"Oxygen Mono","Courier new",Courier,monospace;font-size:1.1em}.LandingPage{background-color:#f0f0f0;width:100%;height:100vh;overflow-x:hidden}.LandingPage .Hero{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;height:50vh;overflow:hidden;background-size:cover;background:radial-gradient(ellipse at center,transparent 0,transparent 37%,rgba(0,0,0,.65) 100%),url(/hero.jpg) no-repeat 50% scroll}.LandingPage .Hero h1{font-style:normal;font-weight:700;color:#eee;font-size:5em;letter-spacing:.03em;line-height:1;text-shadow:1px 2px 4px rgba(0,0,0,.8);margin-bottom:40px}.LandingPage .Intro{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:10vw;margin-right:10vw;margin-top:32px}.LandingPage .Demo{flex:1 1;text-align:center}.LandingPage .DemoImage{height:100%;max-height:600px;padding:16px}.LandingPage .Description{font-size:1.25em;flex:1 1}.LandingPage .Description b{color:#b41717}.LandingPage .Steps{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:10vw;margin-right:10vw}.LandingPage .Step{position:relative;flex:1 1;border:2px solid #cdcdcd;border-radius:8px;padding:24px 16px;margin:16px;min-width:300px}.LandingPage .JoinButtonContainer{text-align:center;margin-top:48px}.LandingPage .Password{display:flex}.LandingPage .LockIcon{margin-top:16px;width:46px;height:46px}.LandingPage p{margin-top:16px}.LandingPage label{position:absolute;font-weight:700;top:-8px;left:16px;background:#f0f0f0;padding-left:16px;padding-right:16px}.LandingPage h3{margin-top:0;margin-bottom:8px}.LandingPage button{box-shadow:inset 0 1px 0 0 #fff;background:linear-gradient(180deg,#fff 5%,#f6f6f6);background-color:#f0f0f0;border-radius:6px;border:1px solid #bebebe;display:inline-block;cursor:pointer;color:#666;font-size:20px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #f0f0f0}.CharacterSpriteSelector{height:96px}.CharacterSpriteSelector .Row{clear:both;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto}.CharacterSpriteSelector .Preview{margin:8px;padding:0;float:left;width:32px;height:32px;cursor:pointer}.CharacterSpriteSelector .Unselected:hover{margin-bottom:6px;border-bottom:2px solid #bebebe}.CharacterSpriteSelector .Selected{margin:6px;border:2px solid #d24242}.CharacterSpriteSelector .AnimateF0:hover{-webkit-animation:f0 1s steps(4) infinite;animation:f0 1s steps(4) infinite}@-webkit-keyframes f0{0%{background-position:0 -448px}to{background-position:-128px -448px}}@keyframes f0{0%{background-position:0 -448px}to{background-position:-128px -448px}}.CharacterSpriteSelector .AnimateF1:hover{-webkit-animation:f1 1s steps(4) infinite;animation:f1 1s steps(4) infinite}@-webkit-keyframes f1{0%{background-position:0 -128px}to{background-position:-128px -128px}}@keyframes f1{0%{background-position:0 -128px}to{background-position:-128px -128px}}.CharacterSpriteSelector .AnimateF2:hover{-webkit-animation:f2 1s steps(4) infinite;animation:f2 1s steps(4) infinite}@-webkit-keyframes f2{0%{background-position:0 -96px}to{background-position:-128px -96px}}@keyframes f2{0%{background-position:0 -96px}to{background-position:-128px -96px}}.CharacterSpriteSelector .AnimateF3:hover{-webkit-animation:f3 1s steps(4) infinite;animation:f3 1s steps(4) infinite}@-webkit-keyframes f3{0%{background-position:0 -256px}to{background-position:-128px -256px}}@keyframes f3{0%{background-position:0 -256px}to{background-position:-128px -256px}}.CharacterSpriteSelector .AnimateF4:hover{-webkit-animation:f4 1s steps(4) infinite;animation:f4 1s steps(4) infinite}@-webkit-keyframes f4{0%{background-position:0 -192}to{background-position:-128px -192px}}@keyframes f4{0%{background-position:0 -192}to{background-position:-128px -192px}}.CharacterSpriteSelector .AnimateF5:hover{-webkit-animation:f5 1s steps(4) infinite;animation:f5 1s steps(4) infinite}@-webkit-keyframes f5{0%{background-position:0 -320px}to{background-position:-128px -320px}}@keyframes f5{0%{background-position:0 -320px}to{background-position:-128px -320px}}.CharacterSpriteSelector .AnimateF6:hover{-webkit-animation:f6 1s steps(4) infinite;animation:f6 1s steps(4) infinite}@-webkit-keyframes f6{0%{background-position:0 -384px}to{background-position:-128px -384px}}@keyframes f6{0%{background-position:0 -384px}to{background-position:-128px -384px}}.CharacterSpriteSelector .AnimateM0:hover{-webkit-animation:m0 1s steps(4) infinite;animation:m0 1s steps(4) infinite}@-webkit-keyframes m0{0%{background-position:0 -480px}to{background-position:-128px -480px}}@keyframes m0{0%{background-position:0 -480px}to{background-position:-128px -480px}}.CharacterSpriteSelector .AnimateM1:hover{-webkit-animation:m1 1s steps(4) infinite;animation:m1 1s steps(4) infinite}@-webkit-keyframes m1{0%{background-position:0 0}to{background-position:-128px 0}}@keyframes m1{0%{background-position:0 0}to{background-position:-128px 0}}.CharacterSpriteSelector .AnimateM2:hover{-webkit-animation:m2 1s steps(4) infinite;animation:m2 1s steps(4) infinite}@-webkit-keyframes m2{0%{background-position:0 -32px}to{background-position:-128px -32px}}@keyframes m2{0%{background-position:0 -32px}to{background-position:-128px -32px}}.CharacterSpriteSelector .AnimateM3:hover{-webkit-animation:m3 1s steps(4) infinite;animation:m3 1s steps(4) infinite}@-webkit-keyframes m3{0%{background-position:0 -224px}to{background-position:-128px -224px}}@keyframes m3{0%{background-position:0 -224px}to{background-position:-128px -224px}}.CharacterSpriteSelector .AnimateM4:hover{-webkit-animation:m4 1s steps(4) infinite;animation:m4 1s steps(4) infinite}@-webkit-keyframes m4{0%{background-position:0 -64px}to{background-position:-128px -64px}}@keyframes m4{0%{background-position:0 -64px}to{background-position:-128px -64px}}.CharacterSpriteSelector .AnimateM5:hover{-webkit-animation:m5 1s steps(4) infinite;animation:m5 1s steps(4) infinite}@-webkit-keyframes m5{0%{background-position:0 -288px}to{background-position:-128px -288px}}@keyframes m5{0%{background-position:0 -288px}to{background-position:-128px -288px}}.CharacterSpriteSelector .AnimateM6:hover{-webkit-animation:m6 1s steps(4) infinite;animation:m6 1s steps(4) infinite}@-webkit-keyframes m6{0%{background-position:0 -352px}to{background-position:-128px -352px}}@keyframes m6{0%{background-position:0 -352px}to{background-position:-128px -352px}}.LobbyView{position:fixed;top:calc(50% - 75px);left:20vw;width:60vw;background:#f0f0f0;border-radius:64px;padding:48px 32px;overflow-y:hidden;overflow-x:hidden;z-index:100}.LobbyView .HiddenRoomName{position:absolute;left:0;top:0;width:0;height:0}.LobbyView .Password{display:flex}.LobbyView .LockIcon{margin-top:16px;width:46px;height:46px}.LobbyView .InputContainer{width:100%}.LobbyView .ButtonRow{clear:both;margin-top:32px;width:100%;text-align:right}.LobbyView button{box-shadow:inset 0 1px 0 0 #fff;background:linear-gradient(180deg,#fff 5%,#f6f6f6);background-color:#f0f0f0;border-radius:6px;border:1px solid #bebebe;display:inline-block;cursor:pointer;color:#666;font-size:20px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #f0f0f0}.LobbyView button:hover{background:linear-gradient(180deg,#f6f6f6 5%,#fff);background-color:#f6f6f6}.LobbyView button:active{position:relative;top:1px}.PersonSprite{position:fixed;width:32px;height:32px;z-index:10}.PersonSprite .Name{position:absolute;top:-32px;left:-64px;text-align:center;width:160px;font-size:.8em;overflow:hidden}.MapView .OnlineUsers .OnlineCount,.NameTag,.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.AudioIcon,.Button,.SettingsIcon,.VideoIcon{z-index:1000;border:1px solid #454545}.AudioIcon:hover,.Button:hover,.SettingsIcon:hover,.VideoIcon:hover{box-shadow:0 0 12px #000}.AudioIcon:active,.Button:active,.SettingsIcon:active,.VideoIcon:active{box-shadow:0 0 8px #000}.VideoIcon{position:absolute;width:64px;height:64px;bottom:32px;padding:16px;left:calc(50% - 48px);border-radius:50%;cursor:pointer}.VideoOn{background-color:hsla(0,0%,80.4%,.9);fill:#1e1e1e}.VideoOff{fill:#f0f0f0}.VideoOff,.VideoOff:hover{background-color:rgba(210,66,66,.9)}.VideoOff:hover{box-shadow:0 0 12px #000}.AudioIcon{position:absolute;width:48px;height:48px;bottom:48px;padding:8px;left:calc(50% - 144px);border-radius:50%;cursor:pointer}.AudioOn{background-color:hsla(0,0%,80.4%,.9);fill:#1e1e1e}.AudioOff{background-color:rgba(210,66,66,.9);fill:#f0f0f0}.AudioOff:hover{box-shadow:0 0 12px #000}.SettingsIcon{height:48px;bottom:48px;left:calc(50% + 80px);border-radius:50%;cursor:pointer}.MapView .OnlineUsers,.SettingsIcon{position:absolute;width:48px;padding:8px;background-color:hsla(0,0%,80.4%,.9);fill:#1e1e1e}.MapView .OnlineUsers{bottom:60px;border:1px solid #454545;border-radius:8px;overflow:hidden;left:calc(50% - 240px);height:24px;transition:all .1s ease-in-out}.MapView .OnlineUsers .OnlineIconContainer{position:absolute;height:24px;width:24px;right:32px;bottom:8px}.MapView .OnlineUsers .OnlineCount{position:absolute;text-align:right;right:10px;bottom:8px}.MapView .OnlineUsers:hover{left:calc(50% - 448px);width:256px;height:512px}.MapView .Chat{position:absolute;bottom:60px;padding:8px;border-radius:8px;border:1px solid #454545;overflow:hidden;left:calc(50% + 176px);width:48px;height:24px;transition:all .1s ease-in-out}.MapView .ChatRead{background-color:hsla(0,0%,80.4%,.9);fill:#000}.MapView .ChatRead .ChatIconContainer{position:absolute;left:20px;bottom:8px;height:24px;width:32px}.MapView .ChatUnread{background-color:rgba(210,66,66,.9);fill:#fff}.MapView .ChatUnread .ChatIconContainer{position:absolute;left:20px;bottom:0;height:24px;width:32px}.MapView .Chat:hover{left:calc(50% + 176px);width:25%;height:50%}.SettingsView{position:fixed;left:calc(20vw - 32px);top:calc(25vh - 96px);width:60vw;height:50vh;background:#f0f0f0;border-radius:64px;padding:32px}.SettingsView .SettingsList{overflow-y:auto;height:calc(100% - 64px)}.SettingsView .Pane{position:relative;border:2px solid #cdcdcd;border-radius:8px;padding:16px;margin-top:48px;margin-bottom:32px;margin-right:8px}.SettingsView .Pane label{font-weight:700;position:absolute;top:-11px;left:16px;background:#f0f0f0;padding-left:8px;padding-right:8px}.SettingsView h1,.SettingsView h2,.SettingsView h3{text-align:center;padding:0;margin:0 0 16px}.SettingsView .SpriteSelectorContainer{margin:0 auto}.SettingsView .CloseButton{position:absolute;top:32px;right:48px;font-family:sans-serif;font-size:32px;cursor:pointer}.SettingsView .CloseButton:hover{color:#b41717}.SettingsView::-webkit-scrollbar{display:none}.SettingsVeil{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100}.CharacterList ul{margin:32px 16px;padding:0;-webkit-padding-start:0}.CharacterList li{list-style-type:none;margin-bottom:16px}.CharacterList .Sprite{width:32px;height:32px;display:inline-block;vertical-align:middle}.CharacterList .Name{width:calc(100% - 64px);display:inline-block;margin-left:16px;vertical-align:middle;overflow:hidden}.ConferenceBlade .IconText,.NameTag,.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Button,.ConferenceBlade .MeetingModeButton{z-index:1000;border:1px solid #454545}.Button:hover,.ConferenceBlade .MeetingModeButton:hover{box-shadow:0 0 12px #000}.Button:active,.ConferenceBlade .MeetingModeButton:active{box-shadow:0 0 8px #000}.ConferenceBlade{position:fixed;top:0;left:0;width:100vw;z-index:50;float:left;text-align:center;padding-bottom:32px}.ConferenceBlade .MeetingModeButton{margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;width:240px;padding-top:2px;padding-bottom:2px;background-color:hsla(0,0%,80.4%,.9);border-radius:8px;cursor:pointer;visibility:hidden}.ConferenceBlade .IconContainer{height:32px;width:32px}.ConferenceBlade:hover .MeetingModeButton{visibility:visible}.VideoPane{position:relative;display:inline-block;overflow:hidden}.VideoPane video{width:100%;height:100%;object-fit:cover}.VideoPane .NameRow{position:absolute;left:8px;top:8px;width:calc(100% - 16px);z-index:25;text-align:center}.VideoPane .Mirrored{transform:scaleX(-1);-webkit-filter:flipH();filter:flipH()}.VideoPane .SpinnerOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#1e1e1e;text-align:left}.VideoPane .Spinner{width:100%;height:100%;position:absolute;top:50%;left:calc(50% - 27px)}.VideoPane .SpriteOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#1e1e1e}.VideoPane .PersonSprite{position:absolute;width:32px;height:32px}.VideoPane .MutedIndicator{width:24px;height:24px;position:absolute;z-index:100;bottom:8px;right:8px;border-radius:50%;background-color:rgba(210,66,66,.9);fill:#f0f0f0}.NameTag,.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Button{z-index:1000;border:1px solid #454545}.Button:hover{box-shadow:0 0 12px #000}.Button:active{box-shadow:0 0 8px #000}.ChatPane{height:calc(100% - 32px);padding:16px}.ChatPane .ChatTranscript{height:calc(100% - 32px);overflow-y:auto;overflow-x:hidden}.ChatPane .ChatInput{margin-top:24px;margin-left:32px;height:32px}.ChatPane .ChatInput input{margin:0;padding:0;width:100%;border-bottom:1px solid #000;font-size:large}.ChatPane .ChatHeader{padding-bottom:4px;margin-bottom:16px;margin-top:16px;border-bottom:1px dashed #454545}.ChatPane .ChatMessage{margin-top:8px;margin-left:16px}.ChatPane .Sprite{width:32px;height:32px;display:inline-block;vertical-align:middle}.ChatPane .Name{width:calc(100% - 64px);display:inline-block;margin-left:16px;vertical-align:bottom;overflow:hidden}.MeetingView .MapIconText,.NameTag,.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.NameTag{display:inline-block;background-color:hsla(0,0%,80.4%,.9);border-radius:4px;border:1px solid #454545;padding:2px 4px;z-index:25;overflow:hidden;font-size:small}.NameTagHere:before{color:#1e711e}.NameTagAway:before,.NameTagHere:before{content:"⬤";padding-right:4px;font-size:small;height:100%}.NameTagAway:before{color:#ce7a1a}.Button,.MeetingView .MapModeButton{z-index:1000;border:1px solid #454545}.Button:hover,.MeetingView .MapModeButton:hover{box-shadow:0 0 12px #000}.Button:active,.MeetingView .MapModeButton:active{box-shadow:0 0 8px #000}.MeetingView{width:100vw;height:100vh;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;justify-content:center}.MeetingView .VideosContainer{width:100%;margin-top:24px;height:calc(100% - 24px);display:grid}.MeetingView .MapModeButton{position:absolute;top:0;z-index:100;display:flex;align-items:center;justify-content:center;width:100%;background-color:hsla(0,0%,80.4%,.9);cursor:pointer}.MeetingView .MapModeButton:hover{text-decoration:underline}.MeetingView .MapIconContainer{height:24px;width:24px}.MeetingView .MapIconText{font-size:small;margin-left:16px}
/*# sourceMappingURL=main.9a08961b.chunk.css.map */