body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-profile{border-radius:50%;max-height:55px;max-width:55px}.title-profile{color:#111b21;font-size:17px;font-weight:700;line-height:21px}.text-preview,.title-profile{font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-preview{color:#3b4a54;font-size:14px;line-height:20px;width:100%}.container-date-text,.date-style{color:#667781;font-family:Helvetica,sans-serif;font-size:12px;line-height:14px}.container-chat-menu{column-gap:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;margin:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container-chat-menu .title-and-textPreview{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.container-chat-menu .title-and-textPreview .header-preview{align-items:center;display:flex;flex-direction:row;position:relative;width:100%}.container-chat-menu .title-and-textPreview .header-preview .title-profile{margin:2px;text-align:left}.container-chat-menu .title-and-textPreview .header-preview .container-date-text,.container-chat-menu .title-and-textPreview .header-preview .date-style{left:250px;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container-chat-menu .title-and-textPreview .text-preview{color:#3b4a54;margin:2px 1px 1px;width:300px}.container-chat-menu .title-and-textPreview .text-with-check{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.list-users{display:flex;flex-direction:column;flex-wrap:nowrap;list-style:none;margin:0;overflow-y:scroll;padding:0}.list-users .user-row:first-child{background:#f0f2f5}.nav-container-web{background:#f0f2f5;justify-content:space-between;padding:.2rem}.nav-container-web,.nav-container-web .profile-text-web{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.nav-container-web .profile-text-web .image-profile{height:40px;margin:0 1rem;width:40px}.nav-container-web .profile-text-web .title-profile{color:#667781}.nav-container-web .nav-bar-button-web{column-gap:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;margin-right:.5rem}.nav-container-web .nav-bar-button-web .top-circle{border:2px dashed #667781;border-radius:50%;margin-right:.5rem;width:20px}.text-input{font-family:Helvetica,sans-serif;font-size:15px;line-height:20px;text-align:left}.menu-web-container{border-bottom:1px solid #f0f2f5}.menu-web-container .menu-web-button{align-items:center;background:#f0f2f5;border-radius:8rem;column-gap:1.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:.5rem}.menu-web-container .menu-web-button .text-input{background:#0000;border:none;padding:.5rem;width:80%}.list-view-container{background:#fff;border-right:1px solid #d3d3d3;display:flex;flex-direction:column;flex-wrap:nowrap}.input-web-container{align-items:center;background:#f0f2f5;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;padding:.5rem}.input-web-container .text-input{background:#fff;border:none;border-radius:8rem;padding:1rem;width:80%}.input-web-container #attach-icon{transform:rotate(45deg) rotateY(180deg)}.nav-chat-web{background:#f0f2f5;justify-content:space-between;padding:.6rem}.nav-chat-web,.nav-chat-web .profile-web-chat{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.nav-chat-web .profile-web-chat{column-gap:1rem;justify-content:left;width:50%}.nav-chat-web .profile-web-chat .image-profile{height:40px;margin:0 1rem;width:40px}.nav-chat-web .profile-web-chat .title-chat-web{align-items:start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:left;text-align:start}.nav-chat-web .profile-web-chat .title-chat-web .title-profile{margin:0}.nav-chat-web .profile-web-chat .title-chat-web .text-preview{color:#667781;margin:0}.nav-chat-web .icon-chat-web{align-items:center;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:right;margin-right:1rem;width:50%}.response-container{display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:left;margin-left:1rem;width:100%}.response-container .response-phrase{background:#f5f5f5;border-radius:0 .5rem .5rem 1.5rem;margin:.5rem;max-width:575px;padding:.8rem}.answer-container{display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:right;margin-right:1rem;width:100%}.answer-container .answer-phrase{background:#d7f7d3;border-radius:.5rem 0 1.5rem .5rem;margin:.5rem;max-width:575px;padding:.8rem}.chat-web-container{align-content:flex-start;background-image:url(/static/media/background.db81eaad057a01ea1ede.jpg);background-size:cover;display:flex;flex-direction:row;flex-wrap:wrap;height:100vh;justify-content:space-between;overflow-y:scroll}.chat-view-container{display:flex;flex-direction:column;flex-wrap:nowrap;width:100vw}.chat-view-container .chat-conversation-container{display:flex;flex-direction:row;flex-wrap:wrap}.list-and-chat-container{display:flex;flex-direction:row;height:100vh}.nav-container{align-items:center;background:#3e816a;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.nav-container .title-profile{color:#f0f8ff;margin-left:1.5rem}.nav-container .nav-bar-button{column-gap:1rem;margin-right:.5rem}.menu-container,.nav-container .nav-bar-button{display:flex;flex-direction:row;flex-wrap:nowrap}.menu-container{align-items:center;background:#3e816a;justify-content:space-around}.menu-container .icon-menu-button{margin-bottom:.5rem;margin-left:1rem;margin-top:1rem;width:15%}.menu-container .menu-mobile{align-items:center;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;text-align:center;width:85%}.menu-container .menu-mobile-link{width:100%}.menu-container .menu-mobile-link .title-profile{color:#f0f8ff;font-size:15px;margin-bottom:.5rem;margin-top:1.5rem}.menu-container .menu-mobile-link-active{border-bottom:4px solid #f0f8ff;width:100%}.menu-container .menu-mobile-link-active .title-profile{color:#f0f8ff;font-size:15px;margin-bottom:.5rem;margin-top:1.5rem}.list-mobile-container{background:#fff;border-right:1px solid #d3d3d3;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative}.list-mobile-container .chat-icon-container{align-items:center;background:#54a984;border-radius:50%;bottom:30px;display:flex;flex-wrap:nowrap;height:4rem;justify-content:center;left:325px;position:absolute;width:4rem}.list-mobile-container .chat-icon-container #chat-icon{fill:#fff;transform:rotateY(180deg)}@media(max-width:375px){.list-mobile-container .chat-icon-container{bottom:90px;left:275px}}.container-page{align-items:start;background:#dddedd;display:flex;flex-direction:row;flex-wrap:wrap;height:100vh;justify-content:center;position:relative;width:100%}.container-page .header{background:#00a884;padding:4rem;width:100%}.container-page .list-and-chat-container,.container-page .list-mobile-container{height:95%;position:absolute;top:1rem;width:75%}@media(max-width:1200px){.container-page .list-and-chat-container{height:100%;position:absolute;top:0;width:100%}}@media(max-width:960px){.container-page .header{display:none}.container-page .list-mobile-container{height:100%;top:0;width:450px}}@media(max-width:375px){.container-page .header{display:none}.container-page .list-mobile-container{height:100%;top:0;width:375px}.container-page .list-mobile-container .list-users{margin:0;overflow-x:hidden;width:370px}}
/*# sourceMappingURL=main.04f21ddf.css.map*/