@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@400;500;600;700&display=swap);body{margin:0;font-family:"Montserrat",sans-serif;background-color:#111616;color:#fff8e8;line-height:2rem}.welcomeText{font-size:2rem;font-weight:600;margin-top:200px;text-align:center}.primaryButton{border:none;outline:none;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 30px;border-radius:.25rem}.primaryButton:active,.primaryButton:hover{box-shadow:0 1px 4px rgba(6,141,157,.1),0 4px 12px rgba(6,141,157,.06)}.next{background-color:#4f5492}.cancel,.next{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.cancel{background-color:#f44336}.next:hover{background-color:#6065a9}.next:active{background-color:rgba(13,163,182,.16)}.cancel:hover{background-color:#ffcdd2}.cancel:active{background-color:#ef9a9a}.mainContainer{margin-left:35vw;margin-top:0}.videoContainer{width:35vw;position:absolute;z-index:99;background-color:#000;height:calc(50% - 35px)}.userVideoContainer{top:calc(50% + 35px);right:default;width:35vw;height:calc(50% - 35px);z-index:default}.userVideoFull{position:absolute;top:40px;right:40px;width:200px;height:200px}.partnerVideoContainer{top:70px}.partnerVideoFull{height:100%;width:100vw;top:0}.video{width:100%;height:100%;object-fit:cover;box-shadow:0 1px 4px rgba(6,141,157,.1),0 4px 12px rgba(6,141,157,.06)}.controlsContainer{position:absolute;top:calc(100% - 100px);align-items:center;justify-content:space-around;height:100px;z-index:999;width:35vw;display:flex}.controlsFull{width:100vw}.iconContainer{padding:12px;border-radius:50%;border:4px solid #068d9d;width:2rem;height:2rem;cursor:pointer;background-color:transparent;box-shadow:0 1px 4px rgba(6,141,157,.1),0 4px 12px rgba(6,141,157,.06);transition:background-color .2s cubic-bezier(.4,0,.2,1)}.iconContainer:hover{background-color:rgba(13,163,182,.16)}.iconContainer svg{width:100%;height:auto}.iconBasic{color:#06a0b1}.iconAlternative{color:#f44336}.inputContainer{bottom:0;width:100%;z-index:2;height:70px}.chatInput{width:calc(100% - 220px);border:4px solid #068d9d;padding:13px 80px 12px 12px;font-size:2rem;outline:none;height:100%;background-color:#111616;color:#fff8e8}.chatInput::-webkit-input-placeholder{color:rgba(255,248,232,.8)}.chatInput:-ms-input-placeholder{color:rgba(255,248,232,.8)}.chatInput::-ms-input-placeholder{color:rgba(255,248,232,.8)}.chatInput::placeholder{color:rgba(255,248,232,.8)}.attachmentButton{position:absolute;right:140px;z-index:3;margin-top:18px;font-size:2rem;color:#068d9d;cursor:pointer}.chatButton{border:none;width:120px;padding:17px 0 16px;cursor:pointer;background:#068d9d;outline:none;color:#fff8e8;font-size:2rem}.chatButton:hover{background:#06a0b1}@media screen and (max-width:860px){html{font-size:16px}.mainContainer{margin-left:0;margin-top:50vh}.videoContainer{z-index:99;width:100%;height:50%}.userVideoContainer{top:2%;right:2%;width:80px;height:80px;z-index:100}.userVideoFull{width:100px;height:90px}.partnerVideoContainer{top:0}.partnerVideoFull{height:100%;left:0}.controlsContainer{top:calc(50% - 60px);height:50px;z-index:999;width:100%}.controlsFull{top:auto;bottom:5%}.iconContainer{cursor:none;padding:10px;border-radius:50%;border-width:2px;width:1.5rem;height:1.5rem}.welcomeText{margin-top:60vh}.chatInput{width:calc(100% - 116px);border-width:3px;border-color:#068d9d;padding:8px 42px 8px 8px;font-size:1rem}.inputContainer{height:40px}.attachmentButton{right:70px;margin-top:8px;font-size:1.5rem}.chatButton{width:60px;padding:11px 0;font-size:1rem}}.headerWrapper{max-width:62rem;margin:0 auto;height:70px}.headerContainer{height:70px;position:relative;z-index:99}.headerContainer,.headerLogo{justify-content:space-between;align-items:center;display:flex}.headerLogo{font-size:2rem;width:100%;flex-direction:row;padding-left:100px;padding-right:100px}.logoText{font-family:"Great Vibes",cursive;margin-left:.6em;font-weight:500;font-size:3rem;color:#068d9d;flex:50% 1}.onlineText{display:flow-root;text-align:right;flex:50% 1}.onlineIcon{color:#068d9d;font-size:1.8rem;margin-bottom:-2px}.logoText:before{margin-top:-.2075em}.logoText:after,.logoText:before{content:"";display:block;height:0;width:0}.logoText:after{margin-bottom:-.2075em}.dropShadow{box-shadow:0 1px 6px rgba(6,141,157,.1),0 4px 24px rgba(6,141,157,.06)}@media only screen and (max-width:860px){.onlineText{font-size:1rem;margin-left:1rem}.onlineIcon{color:#068d9d;font-size:1rem}.logoImg{flex-shrink:0;height:1.1em}.headerLogo{padding-left:0}}@media only screen and (max-width:68px){.onlineText{display:none}.logoImg{flex-shrink:0;height:1.1em}.headerLogo{margin-left:25px}.dropShadow{display:none}.headerContainer,.headerWrapper{height:30px}}.welcomeContainer{height:calc(40vh - 75px);width:65vw;font-size:4rem;display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;background-color:transparent;z-index:1;font-family:"Great Vibes",cursive;font-weight:500;color:#068d9d;-webkit-animation:cssAnimation 3s forwards;animation:cssAnimation 3s forwards}@keyframes cssAnimation{0%{opacity:1}90%{opacity:1}to{opacity:0}}@-webkit-keyframes cssAnimation{0%{opacity:1}90%{opacity:1}to{opacity:0}}.chatBox{height:calc(90vh - 150px);overflow:auto;display:flex;flex-direction:column;padding-bottom:10px;margin-left:30px}@media screen and (max-width:860px){.chatBox{height:calc(31vh - 45px);padding-bottom:1px}.welcomeContainer{height:5vh;width:100%}}.messageContainer{width:100%;display:flex}.message{font-size:1.5rem;border-radius:5px;border-width:2px;border-style:solid;padding:4px 8px;margin:6px 8px 0;word-wrap:break-word;max-width:50%}.yourMessage{background-color:#06a0b1;border-color:#068d9d;margin-left:auto}.partnerMessage{background-color:#565b9f;border-color:#4f5492}.systemMessage{background-color:grey;border-color:#000}@media screen and (max-width:860px){.message{font-size:1rem}}.loading{height:calc(100vh - 70px);width:65vw;font-size:6rem;display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;background-color:transparent;z-index:4;font-family:"Great Vibes",cursive;font-weight:500;color:#068d9d}@media screen and (max-width:860px){.loading{height:50vh;width:100%}}.connecting{height:calc(40vh - 75px);width:65vw;font-size:3rem;display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;background-color:transparent;z-index:1;font-family:"Great Vibes",cursive;font-weight:500;color:#068d9d}@media screen and (max-width:860px){.connecting{height:0;width:100%;font-size:2rem}}.lockedContainer{font-size:3rem;height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;text-align:center}@media screen and (max-width:860px){.lockedContainer{height:50vh}}
/*# sourceMappingURL=main.bf1954e7.chunk.css.map */