@import url(https://fonts.googleapis.com/css?family=Poppins:400,700,900);.modal-dialog.onboarding-modal,.modal-dialog.roomscreenshare-modal{max-width:unset;min-width:320px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.roomscreenshare-modal.sharing .modal-content{position:fixed;z-index:20;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.87)}.roomscreenshare-exit-button{position:absolute;right:0;z-index:100;width:100%;background-color:hsla(0,0%,100%,.4)}.roomscreenshare-exit-button:hover{background-color:#fff}.roompresent.staticbar{z-index:100;position:absolute;left:0;top:70px;background-color:#262626;border-bottom-right-radius:10px}.empty,.hidden{display:none}.canvas{display:block;position:absolute;overflow:hidden}.UnsupportedBrowser .Page{background:url(/static/media/background.6edfe41d.jpg) no-repeat;background-size:cover;position:absolute;width:100%;height:100%;left:0;display:flex;justify-content:center;align-items:center;vertical-align:middle;color:#fff}.UnsupportedBrowser .Page .Body{background:#1a1a1a;position:relative;margin-left:auto;margin-right:auto;width:70%;height:70%;min-width:990px;min-height:450px}.UnsupportedBrowser .Page .Body .Header .VartyIcon{margin-left:auto;margin-right:auto;position:relative;height:90%;width:auto}.UnsupportedBrowser .Page .Body .Header{height:47%;width:100%;top:0;vertical-align:middle}.UnsupportedBrowser .Page .Body .Header,.UnsupportedBrowser .Page .Body .Message{position:absolute;display:flex;justify-content:center;align-items:center;border:none}.UnsupportedBrowser .Page .Body .Message{flex-direction:column;height:53%;width:50%;left:25%;bottom:0;font-size:10px;text-align:center}.UnsupportedBrowser .SocialMediaDiv{left:4%;bottom:4%;position:absolute;display:flex;flex-direction:column}.UnsupportedBrowser .SocialMedia{margin-bottom:15px;height:37px;right:4%;position:relative;width:auto;display:flex;flex-direction:row}.UnsupportedBrowser .SocialMedia .Icon{cursor:pointer;height:37px;width:auto;position:absolute;left:0}.UnsupportedBrowser .SocialMedia p{cursor:pointer;position:absolute;color:#fff;font-size:24px;left:60px}.UnsupportedBrowser .ReturnButton{position:absolute;cursor:pointer;bottom:20px;right:20px;width:240px;height:44px;border:2px solid #fff;border-radius:22px;font-family:Arial;font-size:22px;color:#fff;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.UnsupportedBrowser .ReturnButton p{position:relative;top:6px}.UnsupportedBrowser .Page .Body .BrowserButtons{display:flex;flex-direction:row;position:relative;width:100%}.UnsupportedBrowser .Page .Body .Browser{cursor:pointer;position:relative;margin-right:auto;margin-left:auto;height:150px}.UnsupportedBrowser .ReturnButton:hover{border-width:3px}.UnsupportedBrowser .ReturnButton:hover p{top:5px}.UnsupportedBrowser .enterbutton{cursor:pointer;text-align:center;vertical-align:middle;position:relative;margin-left:auto;margin-right:auto;font-size:25px;height:50px;width:175px;border-radius:25px;background:#00c2b4;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.UnsupportedBrowser p{position:relative;top:6px}.UnsupportedBrowser .enterbutton .enter{height:19px;width:auto}.UnsupportedBrowser .enterbutton:hover{background:#00847b}.UnsupportedMobile .Page{background:url(/static/media/mobilebackground.c9289920.png) no-repeat;background-size:cover;position:absolute;width:100%;height:100%;left:0;display:flex;justify-content:center;align-items:center;vertical-align:middle;color:#fff}.UnsupportedMobile .Page .Body{width:80%;height:auto;position:relative}.UnsupportedMobile .Page .Body .unsupported{z-index:1;width:100%;height:auto}.UnsupportedMobile .Social-Media-Div{z-index:2;height:14%;width:50%;left:25%;bottom:0;position:absolute;align-items:center;text-align:center;display:flex}.UnsupportedMobile .Social-Media-Div .facebook{width:33.33333%;height:100%;position:absolute;left:0}.UnsupportedMobile .Social-Media-Div .twitter{width:33.33333%;height:100%;position:absolute;left:33%}.UnsupportedMobile .Social-Media-Div .instagram{width:33.33333%;height:100%;position:absolute;left:66%}.UnsupportedMobile .Social-Media-Div .Icon{cursor:pointer;height:50%;margin:auto;top:25%;width:auto;position:relative}body{background-color:#494949!important}#main-content,#room-content{margin-top:71px}.offline-profile{opacity:.5}.in-call,.not-in-call{border:1px solid transparent}.in-call:hover{-ms-box-shadow:0 0 8px #d9534f;box-shadow:0 0 8px #d9534f;border:1px solid #d9534f}.not-in-call:hover{-ms-box-shadow:0 0 4px #5cb85c;box-shadow:0 0 4px #5cb85c;border:1px solid #5cb85c}.beer-button{width:61px}.modal{padding-top:72px}.modal-dialog-slideout{min-height:100%;margin:0 0 0 auto;background:#fff}.modal.fade .modal-dialog.modal-dialog-slideout{transform:translate(100%) scale(1)}.modal.fade.show .modal-dialog.modal-dialog-slideout{transform:translate(0);display:flex;align-items:stretch;-webkit-box-align:stretch;height:100%}.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y:auto;overflow-x:hidden}.modal-dialog-slideout .modal-content{border:0}.modal-dialog-slideout .modal-footer,.modal-dialog-slideout .modal-header{height:100px;display:block}.modal-dialog-slideout .modal-header h5{float:left}#landing-page{font-family:Poppins,sans-serif}#landing-page .background-image{z-index:0;width:100%;height:100%;position:absolute;background-position:50%;opacity:.5}#landing-page #title,#landing-page .title{font-weight:300}#landing-page #primary-body{z-index:0;top:0;position:absolute;background-color:#1cbdc5;width:100%}#landing-page #primary-body #bar{z-index:2;position:absolute;top:0;height:70px;width:100%}#landing-page #primary-body #bar #varty-logo{position:absolute;top:10px;left:10px;height:50px;width:auto}#landing-page .social-media{position:fixed;bottom:30px;left:0;width:200px;z-index:80;border-radius:0 20px 20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(26,26,26,.33);padding:15px}#landing-page .social-media .icon{height:35px;width:35px;margin:6px 10px}#landing-page .right{position:absolute;top:0;right:0}#landing-page .overlay{position:absolute;top:0;left:0;height:20vh;width:100%;color:#fff;text-align:center;line-height:calc(min(15vw, 20vh));font-size:calc(4vh + 3vw)}#landing-page .circular-button{border-radius:40px;border:2px solid #fff;padding-left:20px;padding-right:20px;color:#fff}#landing-page .circular-button:hover{border-radius:40px;color:#000;background-color:#fff}#landing-page #continue-button{color:#fff;height:5vw;width:42vw;border-radius:2.5vw;margin:20;border:2px solid #fff;position:absolute}#landing-page #continue-button:hover{color:#000;background-color:#fff}#landing-page #primary-body #varty-logo{width:100%}#landing-page #secondary-body{z-index:2;top:80%;position:absolute;height:700px;width:100%;overflow:hidden}#landing-page #primary-body .left{white-space:nowrap;text-align:left;color:#fff}#landing-page #primary-body .description{text-align:left;font-size:calc(1vw + 1.8vh);width:-webkit-max-content;width:-moz-max-content;width:max-content}#landing-page #primary-body .uppercase{text-transform:uppercase}#landing-page #primary-body #main-wrapper{position:absolute;top:25vh;width:100%}#landing-page #primary-body #middle-wrapper{width:90%;display:flex;flex-direction:row;margin:auto}#landing-page #primary-body #video-wrapper{background:transparent;margin-left:20px;margin-right:auto;pointer-events:none;color:transparent;border-radius:20px;overflow:hidden;box-shadow:5px 10px #1a1a1a}#landing-page #primary-body #left-wrapper{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-left:auto;margin-right:10px}#landing-page #primary-body #cta{position:relative;top:20px;width:calc(15vw + 15vh);height:calc(3vw + 3vh)}#landing-page #primary-body #cta .circular-button{width:-webkit-max-content;width:-moz-max-content;width:max-content}#landing-page #primary-body #video{top:-1.5px;left:-1.5px;height:calc(100% + 3px);width:calc(100% + 3px)}@media screen and (min-width:1440px){#landing-page .title{font-size:50px;font-weight:700}#landing-page .subtitle{font-size:20px}#landing-page .circular-button{font-size:30px}#landing-page #video-wrapper{width:560px;height:316px}}@media screen and (max-width:1440px){#landing-page .title{font-size:3.6vw;font-weight:700}#landing-page .subtitle{font-size:1.4vw}#landing-page .circular-button{font-size:2vw}#landing-page #video-wrapper{height:20vw;width:35.4vw}}#landing-page #secondary-body svg{position:absolute;left:calc(50% - 1280px);width:2560px;height:100%}#landing-page #secondary-body svg .a{fill:#346562}#landing-page #secondary-body svg .b{fill:#229ca0}#landing-page #secondary-body #login-buttons{top:0;position:absolute;width:100%;height:25%}#landing-page #secondary-body #login-buttons .button{cursor:pointer;margin:auto;position:relative;top:calc(50% - min(17.5vw * .24, 150px * .24));width:35vw;height:8.4vw;max-width:300px;max-height:72px;border-radius:4.2vw;color:#fff;outline:none;text-align:center;font-family:Arial;font-size:calc(min(4.32vw, 36px));line-height:calc(min(8.64vw, 72px));overflow:hidden}#landing-page #secondary-body #login-buttons .button-click{width:100%;height:100%;position:absolute}#landing-page #secondary-body #login-buttons #left-button{position:absolute;width:50%;height:100%;left:0}#landing-page #secondary-body #login-buttons #right-button{position:absolute;width:50%;height:100%;left:50%}#landing-page #secondary-body #login-buttons #center-button{position:absolute;width:100%;height:100%}#landing-page #secondary-body #login-buttons #create-button{background:#47caf2}#landing-page #secondary-body #login-buttons #join-button{background:#4a64ed}#landing-page #secondary-body #login-buttons-text{top:40%;position:absolute;width:100%;height:75%}#landing-page #secondary-body #login-buttons-text .body{top:0;margin:auto;position:relative;width:70%;height:75%;max-width:600px}#landing-page #secondary-body #login-buttons-text .body .title{position:absolute;top:0;left:0;height:calc(min(3.5vw, 60px));width:100%;color:#fff;text-align:center;line-height:calc(min(3.5vw, 60px));font-size:calc(min(3.5vw, 60px))}#landing-page #secondary-body #login-buttons-text .body .description{position:absolute;top:calc(4% + min(3.5vw, 60px));height:calc(96% - min(3.5vw, 60px));width:100%;color:#fff;text-align:left;font-size:calc(min(2vw, 24.3px))}#landing-page #secondary-body #login-buttons-text .body .description #col1{left:0;position:absolute;height:100%;width:50%;left:40%}#landing-page #secondary-body #login-buttons-text #left-button-text{position:absolute;width:50%;height:100%;left:0}#landing-page #secondary-body #login-buttons-text #right-button-text{position:absolute;width:50%;height:100%;left:50%}#landing-page #tertiary-body{z-index:0;top:calc(80% + 400px);position:absolute;background:url(/static/media/squares.bd4d9756.svg) 50%;background-color:#272727;height:1500px;width:100%}#landing-page #tertiary-body #contact{bottom:0;position:absolute;width:100%;height:80%}#landing-page #privacy{font-size:calc(.5vh + .5vw);color:#fff;position:absolute;width:80%;height:150px;bottom:0;left:10%}#landing-page #tertiary-body #contact .title{position:absolute;top:0;left:0;height:80px;width:100%;color:#fff;text-align:center;line-height:80px;font-size:80px}#landing-page #tertiary-body #contact #left-contact{position:absolute;top:80px;width:50%;height:calc(100% - 80px);left:0}#landing-page #tertiary-body #contact #right-contact{position:absolute;top:80px;width:50%;height:calc(100% - 80px);left:50%}.scalable-form-wrapper{-webkit-filter:opacity(70%);filter:opacity(70%);z-index:2;position:absolute;background:green;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content}#landing-page #tertiary-body #contact .form-box{padding-top:50px}#landing-page #secondary-body #login-buttons #create-button:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}#landing-page #secondary-body #login-buttons #create-button:active{-webkit-filter:brightness(80%);filter:brightness(80%)}#landing-page #secondary-body #login-buttons #join-button:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}#landing-page #secondary-body #login-buttons #join-button:active{-webkit-filter:brightness(80%);filter:brightness(80%)}
/*# sourceMappingURL=main.beeb0545.chunk.css.map */