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}:root{--color-primary:#4849a1;--color-secondary:#6d6db4;--color-background:#eeeef6;--color-background-lighter:#fff;--color-dark-grey:#eeeef6;--color-warning:#ed2460}#root{height:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px}body{position:fixed;width:100%;background-color:#eeeef6;background-color:var(--color-background)}.main,body{height:100%}.main{min-height:100%;display:grid;grid-template-columns:100%;grid-template-rows:4rem 3rem calc(100% - 19rem) 12rem;grid-template-areas:"main-header" "conversation-title" "messages" "bottom-box"}.main--conversation-closed{grid-template-rows:4rem 3rem calc(100% - 16rem) 9rem;grid-template-areas:"main-header" "conversations-list-title" "conversations-list" "bottom-box"}.button{display:flex;flex-direction:column;align-self:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.button--send-image{grid-area:send-image-button}.button--send-file{grid-area:send-file-button}.button--contacts{grid-area:contacts-button}.button--dark-mode{grid-area:dark-mode-button}.button--message{grid-area:message-button;display:none}.button--input-field{margin-left:-3rem;margin-right:-3rem}.button__icon{width:4rem;margin:.3rem 0;border:.15rem solid #4849a1;border:.15rem solid var(--color-primary);border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.button__icon--input-field{width:2.5rem;border:none;border-radius:0}.button__icon--close{width:3rem}.button__description{-webkit-user-select:none;-ms-user-select:none;user-select:none}.input-field{width:60%;height:3rem;padding:1rem 3.5rem 1rem 1rem;font-size:1rem;text-overflow:ellipsis;border:.15rem solid #4849a1;border:.15rem solid var(--color-primary);border-radius:1.5rem}.input-field:focus{outline:none}.input-field--new-message{width:100%}.main-header{grid-area:main-header;padding:0 1rem;background-color:#fff;background-color:var(--color-background-lighter);-webkit-user-select:none;-ms-user-select:none;user-select:none}.main-header__title{font-size:3rem}.main-header__title,.section-title{color:#4849a1;color:var(--color-primary);font-weight:700}.section-title{padding:.3rem 1rem;font-size:2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.section-title--conversation{grid-area:conversation-title}.section-title--conversations-list{grid-area:conversations-list-title}@media only screen and (min-width:600px){.main{grid-template-columns:6.5rem minmax(15rem,calc(25% - 6.5rem)) auto;grid-template-rows:4.5rem 3rem calc(100vh - 13.5rem) 6rem;grid-template-areas:"sidebar conversations-list-header search-bar" "sidebar conversations-list-header messages" "sidebar conversations-list        messages" "sidebar conversations-list        bottom-box"}.main-header,.section-title{display:none}.sidebar{display:flex}.conversations-list__item{margin:.2rem 0;border-radius:0}.conversations-list__profile{width:3rem}.messages{background:#fff;background:var(--color-background-lighter)}.button--close,.button--contacts,.button--dark-mode,.button__description{display:none}.button__icon{width:2.5rem;border:none}.button__icon--sidebar{width:2.5rem;border-radius:0}.input-field{border:.15rem solid #eeeef6;border:.15rem solid var(--color-background)}}.sidebar{grid-area:sidebar;display:none;flex-direction:column;padding:1rem;margin:1rem 0 1rem 1rem;background-color:var(--color-primary);border-radius:20px}.sidebar,.sidebar__logo{color:var(--color-background-lighter)}.sidebar__logo{padding-bottom:1.5rem;font-size:3rem;font-weight:700;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu{flex-direction:column;align-items:center;display:flex;height:100%;padding-left:0;list-style-type:none}.menu__item{margin:1rem 0;text-align:center}.menu__item--down{display:block;margin-top:auto}@media only screen and (min-width:600px){.sidebar{display:flex}}.messages{grid-area:messages;display:flex;flex-direction:column-reverse;overflow-y:scroll}.messages__content-containter{display:flex;flex-direction:column;padding:1rem 0 0}.messages__author-name{padding:0 1rem .5rem}.messages__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:75%;padding:1rem;margin:0 1rem .5rem;background-color:hsla(0,0%,76.9%,.2);border-radius:20px}.messages__content--from-me{margin-left:auto}.bottom-box{grid-area:bottom-box;display:grid;grid-template-rows:33% 67%;grid-template-areas:"new-message" "bottom-box__buttons";padding:1rem 1rem 0;background-color:var(--color-background-lighter);border-radius:20px 20px 0 0;box-shadow:0 4px 4px rgba(0,0,0,.25)}.bottom-box--conversation-closed{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"bottom-box__buttons"}.new-message{grid-area:new-message;display:flex;flex-direction:row;padding:.5rem;grid-gap:1rem;gap:1rem}.new-message--conversation-closed{display:none}.new-message__form{display:flex;width:100%;align-items:center}.bottom-box__close{padding:.3rem;border:.15rem solid var(--color-primary);border-radius:50%}.bottom-box__buttons{grid-area:bottom-box__buttons;display:flex;justify-content:space-evenly;margin:1rem 0}@media only screen and (min-width:600px){.bottom-box{grid-area:bottom-box;display:grid;grid-template-rows:100%;grid-template-columns:auto 6rem;grid-template-areas:"new-message bottom-box__buttons";padding:1rem 1rem 0;background-color:var(--color-background-lighter);border-radius:0;box-shadow:0 0 0}.bottom-box__buttons{flex-direction:row-reverse}}.hide{display:none}.show-flex{display:flex}.search-bar{grid-area:search-bar;display:none;flex-direction:row;margin:.8rem}@media only screen and (min-width:600px){.search-bar{display:flex}}.conversation{display:flex;flex-direction:row;overflow:hidden;margin:1rem;padding:1rem;grid-gap:1rem;gap:1rem;background-color:hsla(0,0%,76.9%,.2);border-radius:20px;cursor:pointer}.conversation--active{background-color:#fff}.conversation__profile{width:2.5rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.conversation__info{display:flex;flex-direction:column;width:100%;min-width:0;grid-gap:.3rem;gap:.3rem}.conversation__detail{display:flex}.conversation__name{text-overflow:ellipsis;overflow:hidden;font-weight:700}.conversation__name,.conversation__time{white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none}.conversation__time{align-self:flex-start;margin-left:auto;padding-left:.5rem;font-weight:300}.conversation__from{font-style:oblique}.conversation__message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (min-width:600px){.conversations-list__item{margin:.2rem 0;border-radius:0}.conversations-list__profile{width:3rem}}.conversations-list{grid-area:conversations-list;margin-bottom:2rem;overflow-y:scroll;list-style:none}.conversations-list-header{display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1.5rem 0 .5rem 1rem;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.conversations-list-header__title{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.conversations-list-header__title-text{font-size:1.5rem}.conversations-list-header__title-number{width:1.5rem;height:1.5rem;padding:.2rem;font-weight:700;text-align:center;color:var(--color-background-lighter);background:var(--color-warning);border-radius:50%}.conversations-list-header__menu{display:flex;flex-direction:row;margin:1.5rem 0}.conversations-list-header__menu-item{margin-left:.5rem;margin-right:1rem;color:var(--color-primary);font-weight:700;text-decoration:none}.conversations-list-header__menu-item--active{border-bottom:3px solid var(--color-primary)}@media only screen and (min-width:600px){.conversations-list-header{display:block}}
/*# sourceMappingURL=main.6191b0c7.chunk.css.map */