body{margin:0}body,input{font-family:Alegreya,Arial Narrow,Arial,sans-serif}.mainContainer{background-color:#f6f7fb;height:100vh;overflow:hidden;width:100%}.mainContainerInner{margin:0 auto;max-width:600px;padding:20px}.messageBox{background-color:#fff;border-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 4px 12px #0000001a;height:400px;overflow-y:auto;padding:10px}.message{display:flex;margin:15px 10px;padding:10px}.messageRight{background-color:#fff3eb;border-radius:10px;border-top-right-radius:0!important;margin-left:130px;min-width:50px;padding:10px;text-align:right;width:fit-content}.messageLeft,.messageRight p{text-align:left}.messageLeft{background-color:#f6f7fb;border-radius:10px;border-top-left-radius:0!important;margin-right:130px;padding:10px}.messageRight p{margin-block-end:.3em;margin-block-start:.3em}.inputContainer{background-color:#fff;border-radius:0 0 10px 10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;margin-bottom:10px;padding:15px 20px 20px}.inputContainer input{background-color:#f6f7fb;border:1px solid #ede6e6;border-radius:15px;flex-grow:1;font-size:16px;height:30px;margin-right:15px;padding:10px 15px}.inputContainer input:focus{border-color:#726aa1}.inputContainer input:focus-visible{border:2px solid #726aa1!important}.inputContainer input:active{border-color:#726aa1}.inputContainer button{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:12px 10px 10px}.profileIcon{margin-right:10px}.brandingSection{bottom:0;left:50%;position:absolute;transform:translate(-50%)}.brandingSection p{color:#758195}.noMessageContainer{align-content:center;height:100%;width:100%}.noMessageContainerInner{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto}.noMessageContainerInner img{height:160px;margin:auto;opacity:.7;width:160px}.noMessageContainerInner p{font-size:20px;font-weight:500;opacity:.7}.noMessages{text-align:center}@media only screen and (max-width:600px){.mainContainer{background-color:#626f86}.heading{color:#fff;line-height:2.8em;margin-block-end:0}.messageBox{border-radius:0;height:calc(100vh - 189px)}.message{padding:0}.mainContainerInner{height:100vh;margin:0;padding:0;width:100%}.messageRight{margin-left:100px}.messageLeft{margin-right:100px}.inputContainer{border-radius:0;box-shadow:0 4px 12px #0000001a;margin-bottom:0;padding:15px 10px}.inputContainer input{margin-right:10px}.brandingSection{display:none}}
/*# sourceMappingURL=main.391837d8.css.map*/