body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.full-size{width:100%}#root,.full-size{height:100%}#outgoing{width:600px;word-wrap:break-word;white-space:normal}.no-display{display:none!important}.blue{background-color:#0cf}.light-blue{background-color:#c6e1e8}.night .blue{background-color:#006984}.night .light-blue{background-color:#00485a}.green{background-color:#07b050}.dim-green{background-color:#a8debf}.light-green{background-color:#eaf5ef}.night .green{background-color:#007131}.night .dim-green{background-color:#003a19}.night .light-green{background-color:#00210f}.red{background-color:red}.dim-red{background-color:#efb3b3}.light-red{background-color:#ffecec}.night .red{background-color:#960000}.night .dim-red{background-color:#4e0000}.night .light-red{background-color:#380000}.gray{background-color:#707070}.dim-gray{background-color:#cacaca}.light-gray{background-color:#eee}.night .gray{background-color:#1d1d1d}.night .dim-gray{background-color:#2d2d2d}.night .light-gray{background-color:#3c3c3c}#centerHolder a{color:#000}#login{margin:32px 48.5% 0 auto}#login p{height:24px}#login span:hover{color:#5c5c5c}input{outline:none;height:24px;border:1px solid #b5b5b5;border-radius:10px;padding-left:8px}button{background-color:#fff;border-radius:12px;border:1px solid #000}button:hover{color:#5c5c5c;border:1px solid #5c5c5c}.footer{text-align:center;line-height:normal;color:#a5a5a5}.footer img{-webkit-filter:opacity(.35);filter:opacity(.35)}.footer img:hover{-webkit-filter:opacity(1);filter:opacity(1)}.footer p{margin-top:4px;margin-bottom:4px}.footer a{color:#a5a5a5;text-decoration:none}a:hover{color:#000}#intro img:hover{-webkit-filter:opacity(.5);filter:opacity(.5)}#backHome{margin-bottom:36px;color:#a5a5a5;cursor:pointer}#backHome:hover{color:#000}#walkthrough{text-align:center;margin-top:30px;line-height:20px}#walkthrough p.walkthrough-explanation{margin:20px 0}#walkthrough ul{list-style:disc;padding:0 26px}#walkthrough .send-friend-request-container{margin-top:50px}#photoUpload:hover{-webkit-filter:opacity(.5);filter:opacity(.5)}#resizeWidth{max-width:800px;min-height:270px}@media only screen and (max-width:800px){#resizeWidth{max-width:360px}}@font-face{font-family:montserratlight;src:url(/static/media/montserrat-light-webfont.a3b8cf5d.woff2) format("woff2"),url(/static/media/montserrat-light-webfont.87f8f185.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:montserratregular;src:url(/static/media/montserrat-regular-webfont.45f8dded.woff2) format("woff2"),url(/static/media/montserrat-regular-webfont.85b1133b.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:montserratmedium;src:url(/static/media/montserrat-medium-webfont.fbefc070.woff2) format("woff2"),url(/static/media/montserrat-medium-webfont.da161d47.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:montserratsemibold;src:url(/static/media/montserrat-semibold-webfont.87fa338d.woff2) format("woff2"),url(/static/media/montserrat-semibold-webfont.2f6d4d38.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:montserratitalic;src:url(/static/media/montserrat-italic-webfont.159eee1d.woff2) format("woff2"),url(/static/media/montserrat-italic-webfont.6dc0c02b.woff) format("woff");font-weight:400;font-style:normal}.loading-screen{height:100%;flex-direction:column}.loading-screen,.loading-screen>div{display:flex;align-items:center;justify-content:center}.loading-screen>div{width:200px;height:200px;border:8px solid #000;border-radius:200px;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loading-logo-glow;animation-name:loading-logo-glow;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes loading-logo-glow{0%{border-color:#000;border-width:0}to{border-color:#fff;border-width:20px}}@keyframes loading-logo-glow{0%{border-color:#000;border-width:0}to{border-color:#fff;border-width:20px}}.loading-screen img{height:110px;width:110px;margin:0 auto}.friend-requests-header{margin:40px 0;text-align:center}.friend-request-container{display:flex;align-items:center;margin-bottom:20px}.friend-request-container button{margin-right:15px;height:30px;width:60px}.friend-request-container button:first-child{color:green;border:1px solid green}.friend-request-container button:nth-child(2){color:red;border:1px solid red}.friend-request-container p:first-child{font-weight:700;margin-bottom:5px}.send-friend-request-container{margin-top:0;text-align:left}.send-friend-request-container p{margin-bottom:10px;font-size:17px}.send-friend-request{margin-top:10px;display:flex;align-items:center}.send-friend-request .invitation{flex:1 1;margin-right:20px}.send-friend-request input{width:100%}.send-friend-request button{height:24px;width:120px}.friend-bubble{position:relative;width:110px;text-align:center;font-size:20px}.friend-bubble-picture{position:relative;width:70px;height:70px;border-radius:40px;background-color:#d0d0d0;text-align:center;line-height:80px;color:#000;font-size:25px;margin:15px auto 10px;opacity:.3;overflow:hidden}.friend-bubble-picture>div{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.friend-bubble-picture img{width:100%;height:100%;object-fit:cover}.friend-bubble-name{width:100%;font-size:80%;text-align:center}.friend-bubble-picture-selected{opacity:1;width:80px;height:80px;margin:10px auto}.friend-bubble-selected{opacity:1;font-size:100%;font-weight:500;margin:10px auto}.all-friends-container{height:100%;padding:100px 40px 0;display:flex;flex-direction:row}.add-friends{padding:30px 0;width:30%}.friend-bubble-scroll{flex:1 1;overflow:scroll}.friend-bubble-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap}.menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-container .first-row{margin-bottom:10px}.first-row .menu-icon{margin-right:7px!important}.menu-container-row{display:flex;align-items:center}.cancel-item{background-color:#696969!important}.menu-container-item{text-align:center;border:1.4px solid #000;background-color:#696969}.small-video-container .menu-icon{max-height:25px;max-width:25px;margin-left:3px;margin-right:3px}.big-video-container .menu-icon{height:100px;width:100px;margin-left:10px;margin-right:10px}.big-video-container .menu-name{margin-left:40px;margin-right:50px;font-size:32px;font-weight:600}.fill-space{width:100%;height:100%}.stop-button-container{width:50%;padding-bottom:50%;border-radius:50%;background-color:red}.stop-button-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15%;padding-bottom:15%;border-radius:10%;background-color:#fff}.sent-text{font-size:20px}#menu-number-container{position:absolute;left:-30%;top:-30%;height:20px;width:20px;line-height:20px;background-color:red;border-radius:50%;text-align:center;color:#fff}.big-video-container #menu-number-container{left:0;top:0}.menu-container-row .selected{position:relative}.menu-container-row .unselected{opacity:.5}.playing-bottom-bar{position:absolute;bottom:0;height:30px;line-height:30px;width:100%;background-color:rgba(0,0,0,.5);text-align:center;z-index:2;color:#fff}.playing-text{font-size:25px}.playing-icon{position:absolute;bottom:0;margin:5px;width:20px;z-index:2}.playing-skip-icon{right:0}.playing-stop-icon{left:0}.display-gone{display:none;z-index:-1}.video-show{position:absolute}.music-icon{position:absolute;top:50%;left:50%;height:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-stop-button{height:40px;width:40px;border-radius:50%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:5px;background-color:red}.video-stop-content{height:15px;width:15px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff}.video-container{position:relative;border-radius:20px;margin:3px}.video-container video{width:100%;height:100%;vertical-align:middle;object-fit:contain}.video-container.animate-fill:before{content:"";position:absolute;bottom:0;left:0;background-color:hsla(0,0%,39.2%,.5);z-index:99;-webkit-animation-name:videofill;animation-name:videofill;-webkit-animation-duration:1s;animation-duration:1s;width:100%;height:100%}@-webkit-keyframes videofill{0%{height:0}20%{height:0}to{height:100%}}@keyframes videofill{0%{height:0}20%{height:0}to{height:100%}}.video-container-movable{opacity:.5}.hidden{visibility:hidden}.small-video-container{padding:5px 10px}.in-menu-video-container{padding:0!important}.big-video-container{padding:30px 20px 20px}.status-container{position:relative}.status-container div{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.small-main-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.small-metadata-container{height:100%;padding-top:5px;padding-bottom:5px;display:flex;flex-direction:column;justify-content:space-between}.small-picture-and-icon-container{display:flex;flex-direction:row;justify-content:center}.small-name-and-picture-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.small-name-small{font-size:15px}.small-name-big{font-size:18px}.name-container{min-width:90%;right:50%;text-align:center;font-size:20px}.name-and-picture-container,.name-container{position:absolute;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.name-and-picture-container{width:100%;right:40%;display:flex;flex-direction:column;align-items:center}.small-picture-and-icon-container .small-icon{height:25px;width:25px}.picture-container{height:50px;width:50px;margin-bottom:2px;border-radius:50%;overflow:hidden}.small-picture{height:25px;width:25px;margin-bottom:0;margin-right:2px}.big-picture{height:150px;width:150px;margin-bottom:0}.big-video-container .status-container-border{position:absolute;bottom:0;left:0;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.big-no-video-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.big-info-container{display:flex;flex-direction:column;margin-left:20px}.big-info-container .info-name{font-size:28px;font-weight:700;margin-bottom:15px}.big-info-container .info-icon{height:25px;width:25px}.big-info-container .info-text{font-size:14px;font-style:italic;margin-left:5px}.big-info-container .info-status-text{font-size:18px;font-style:italic}.picture-container img{width:100%;height:100%;object-fit:cover}.name-and-picture-name-container{flex:1 1;font-size:90%;text-align:center}.in-call-status,.stream-status{position:absolute;padding:10px;width:100%;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:10px;color:#000}.in-call-status{top:0;right:0;padding-right:20px;text-align:right}.stream-status{top:0;left:0}.text-dot{border-radius:50%;background-color:#fff;color:#000;text-align:center;font-style:italic}.text-on-large{position:absolute;top:17px;height:26px;padding-left:10px;padding-right:10px;padding-top:5px;border-radius:10px;font-size:15px;font-style:italic}.status-text{left:10px}.name-text{right:10px}#commons-alt{height:100%;display:flex}#commons-alt #commons-main{position:relative;display:flex;flex-direction:column;flex:1 1;min-width:50px;padding-top:80px}#commons-alt #commons-side{position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:80px}#commons-alt .commons-section-shade{border:8px solid #000;border-radius:20px;display:none}.night #commons-alt .commons-section-shade{border-color:#fff}#commons-alt .will-drop .commons-section-shade{pointer-events:none;display:block;position:absolute;top:80px;left:0;height:calc(100% - 80px);width:100%;background-color:#fff;opacity:.5;z-index:97}.night #commons-alt .will-drop .commons-section-shade{opacity:.1}#commons-alt #commons-side.dragging{flex:1 1}@-webkit-keyframes split-commons-for-dropping{0%{flex:0 1}to{flex:1 1}}@keyframes split-commons-for-dropping{0%{flex:0 1}to{flex:1 1}}#commons-alt .commons-main-row{display:flex;flex:1 1;justify-content:center;height:0;padding-bottom:10px}#commons-alt .commons-side-row{width:100%;display:flex;justify-content:center;align-items:center;position:relative}#commons-alt .commons-main-row .name-and-picture-container{right:50%}#commons-alt .commons-side-row .video-container{height:80px;width:110px}#commons-alt .commons-main-row .video-container{height:98%;margin:5px 10px 5px 5px}#commons-alt .commons-side-row .status-container{height:15px;width:15px;font-size:10px;line-height:14px;border-radius:50%;color:#fff;text-align:center}#commons-alt .commons-side-row .text-dot{bottom:30px;left:8px;height:15px;width:15px;padding:4px;font-size:8px}#commons-alt .commons-main-row .status-container{height:30px;width:30px;border-radius:50%;font-size:16px;line-height:24px;color:#fff;text-align:center}#commons-alt .commons-main-row .text-dot{bottom:45px;left:10px;height:25px;width:25px;padding:6px;font-size:12px}#commons-alt .commons-main-row>div{flex:1 1;height:100%}#commons-alt .commons-side-row>div{margin:1px}#commons-alt .video-container video{object-fit:contain}#commons-alt #commons-all-indicator,#commons-alt #commons-private-indicator{display:none;position:fixed;width:10px;height:100%;background-color:hsla(0,0%,39.2%,.5);z-index:98}#commons-alt #commons-all-indicator>div,#commons-alt #commons-private-indicator>div{position:fixed;top:0;background-color:#646464;font-size:20px;padding:15px;color:#fff}#commons-alt #commons-all-indicator.will-drop,#commons-alt #commons-private-indicator.will-drop{background-color:#646464}#commons-alt #commons-private-indicator,#commons-alt #commons-private-indicator>div{right:0}#commons-alt #commons-all-indicator,#commons-alt #commons-all-indicator>div{left:0}#commons-alt .no-friends-message-container{margin-top:100px;flex:1 1;display:flex;justify-content:center;align-items:center}#commons-alt .no-friends-message{width:400px;height:400px;font-size:20px}#commons-alt .no-friends-message img{width:50px;height:50px;margin:10px 150px}#commons-alt .no-friends-message p{margin-bottom:10px}#private{height:100%;display:flex;flex-direction:column}#private .empty-message{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px}#private .private-row{flex:1 1;display:flex;overflow:hidden}#private .private-row div{flex:1 1}#private .private-row video{height:100%;width:100%;object-fit:contain}#private .exit-button{position:absolute;left:50%;bottom:20px;width:40px;height:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;background-color:red;color:#fff;border-radius:20px;font-size:20px}.exit-button i{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.self-video{position:absolute;z-index:98;bottom:10px;right:10px}.self-video .self-text-status-container{width:100%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;justify-content:center}.self-video .self-text-status{margin:0 0 10px;width:90%;border:none;border-radius:5px;line-height:18px;resize:none}.night .self-video .self-text-status{color:#fff}.self-video .video-container{height:auto;width:auto;padding:10px 20px;border-radius:0;margin:0}.self-video .small-main-container{width:160px;height:90px}.self-video .picture-container{margin-bottom:10px}.self-video .video-container video{width:160px;height:auto}.self-video .stream-controls>div{float:right;height:35px;width:35px;background-color:#fff;color:#000;font-size:20px;border-radius:50%;position:relative}.stream-controls>div{margin:10px}.self-video .stream-controls>div i{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:80%}.night .self-video .stream-controls>div{background-color:#333;color:#c3c3c3}.self-video .stream-controls>div .fa-microphone-slash,.self-video .stream-controls>div .fa-video-slash{color:grey}.nght .self-video .stream-controls>div .fa-video-slash,.night .self-video .stream-controls>div .fa-microphone-slash{color:#5a5a5a}.self-video .status-menu{position:absolute;bottom:100%;display:flex;flex-direction:column;height:200px;width:100%;right:0}.self-video .status-menu>div{flex:1 1;width:100%;vertical-align:middle;margin:0 auto;display:flex;align-items:center;justify-content:center}.self-video .context-indicator{position:absolute;height:30px;width:100%;border-top-left-radius:20px;border-top-right-radius:20px;color:rgba(78,78,78,.45);right:0}.self-video .context-indicator.up{bottom:100%}.self-video .context-indicator.down{bottom:calc(100% + 199px)}.self-video .context-indicator.down>div{-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.self-video .context-indicator>div{position:absolute;left:50%;top:7px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.top-bar{height:80px;width:100%;position:absolute;background-color:#fff;z-index:98;opacity:.8;display:flex;flex-direction:row;font-size:23px}.night .top-bar{background-color:#111}.top-bar-selection{height:100%;padding:0 25px;display:flex;align-items:center}.bold{font-weight:700}.can-drop{background-color:#4e4}.settingsSection:first-child{margin-top:70px}.settingsSection{margin-top:30px}.profile-picture{height:100px;width:100px;margin-bottom:10px;overflow:hidden;border-radius:50%}.profile-picture img{height:100%;width:100%;object-fit:cover}#centerHolder img{margin:0 auto}#centerHolder{display:table;margin:6% auto 0}#textHolder{margin:2% auto;max-width:400px;text-align:center}#textHolder p{font-family:Calibri;font-size:18px;margin:0;text-align:center}#textHolder li{font-family:Calibri;font-size:14px;margin:0}#bulletList{margin:10px auto;max-width:200px;text-align:left;font-weight:700}#bulletList li{font-size:16px}#buttonHolder{margin:10px auto;max-width:500px}#buttonHolder button{border:1px solid #000;margin:5px;width:70px;height:42px}#footer a{color:#000;text-decoration:none}#login{display:table;margin:20px 50% 0 auto}#login p{margin:6px}input{margin:5px}#footer{display:table;margin:2% auto 50px}#footer p{margin:0;text-align:center}.bottomMessage{width:100%;position:fixed;top:0;color:#fff;padding:10px}#errorMessage{background-color:red}#successMessage{background-color:#32cd32}h3{font-size:20px;font-weight:400;font-family:montserratregular}.main-container{background-color:#fff;color:#111;height:100%}.night .main-container{background-color:#111;color:#eee}.main-flex-container{display:flex;flex-direction:row;height:100%}.content-container{position:relative;width:100%}.main-component,.shade{height:100%}.shade{position:fixed;background-color:rgba(0,0,0,.8);width:100%;top:0;left:0;z-index:99}.shade div{padding:10px;background-color:#fff;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px}.night .shade div{color:#000}.electron-content-container{display:flex;flex-direction:column;justify-content:space-between}.electron-side-container{flex:1 1;overflow:auto}.electron-side{display:flex;flex-direction:column}.electron-selfvideo .aspect-preserve,.electron-side .aspect-preserve{position:relative;width:calc(100% - 8px);padding-top:66.67%;margin:0 4px}.electron-selfvideo .aspect-preserve .video-container,.electron-side .aspect-preserve .video-container{position:absolute;left:0;right:0;top:0;bottom:0}.electron-selfvideo{border:1px solid #fff;border-radius:5px;width:100%;padding:5px 0}.electron-selfvideo .electron-status-buttons{width:100%;height:35px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px}.electron-selfvideo .electron-status-buttons>div{flex:0 0 auto;width:16px;height:16px;border-radius:8px;margin:0 7px}.electron-selfvideo .electron-status-buttons>div.selected{width:20px;height:20px;border-radius:10px}.electron-selfvideo .electron-status{height:15px;margin-bottom:10px;display:flex;justify-content:space-around;align-items:center}.electron-selfvideo .electron-stream-controls{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:35px}.electron-selfvideo .electron-stream-controls>div{width:20px}.electron-side .status-container{height:15px;width:15px;font-size:10px;line-height:14px;border-radius:50%;color:#fff;text-align:center}.electron-side .text-dot{bottom:30px;left:8px;height:15px;width:15px;padding:4px;font-size:8px}.night .main-component{background-color:#111;color:#eee}
/*# sourceMappingURL=main.86085008.chunk.css.map */