#app,body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;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}#app{position:absolute;top:0;left:0}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.sign-up{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:0 16px;background-color:#fff}.sign-up__form{padding:24px 24px 36px;max-width:420px;background-color:#fff;border:1px solid #ccc;border-radius:3px}.sign-up__form__header{margin-bottom:24px}.sign-up__form__header>h2{margin-bottom:8px;font-size:1.625rem;font-weight:600}.sign-up__form__header>p{padding-right:16px;font-size:.875rem;line-height:1.5}.sign-up__form>form>input{width:100%;padding:12px 16px;margin-bottom:8px}.sign-up__form>form>button{height:44px;padding:0 16px;font-size:.875rem}.sign-up__form>form .sign-up-btn{margin-top:36px;margin-bottom:12px}.sign-up__form>form .sign-in-with-email{margin-top:24px;font-size:.875rem}.contact-card{height:72px;display:flex;flex-direction:row;transition:background-color .1s ease-in}.contact-card__image{padding:0 15px 0 13px;display:flex;align-items:center}.contact-card__image>div{font-weight:500;height:49px;width:49px;background-color:#eee;justify-content:center;border-radius:50%}.contact-card__image>div,.contact-card__name{font-size:1rem;display:flex;align-items:center}.contact-card__name{width:100%;padding-right:15px;border-top:1px solid #eee}.contact-card__name>button{padding:0!important;height:32px!important;width:32px!important;display:none}.contact-card:hover{background-color:#f9f9f9;cursor:pointer}.contact-card:hover .contact-card__name>button{display:inline}.contacts-tab{display:flex;height:100%;flex-direction:column}.contacts-tab__welcome-card{padding:16px}.contacts-tab__welcome-card>div{padding:16px;border:1px solid #ccc}.contacts-tab .contact-list{overflow-y:auto}.contacts-tab .contact-list .contact-card:first-child .contact-card__name{border:none}.contacts-tab .account-id{margin-top:auto;padding:12px 16px;border-top:1px solid #ccc;text-align:center}.contacts-tab .ant-btn{position:relative;margin:0 -1px -1px;padding:16px 0;height:63px;z-index:100}.selected-contact-pill{height:26px;display:inline-flex;align-items:center;background-color:#eee;border-radius:50px;font-size:.85rem;padding:0 5px 0 0}.selected-contact-pill__image{height:26px;width:26px;display:flex;justify-content:center;align-items:center;font-weight:500;background-color:#ccc;border-radius:50%}.selected-contact-pill__name{display:flex;align-items:center;padding:0 8px}.selected-contact-pill__remove{height:18px;width:18px;display:flex;justify-content:center;align-items:center;border-radius:50%}.selected-contact-pill__remove:hover{background-color:#f0f0f0;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.14)}.create-conversation{position:absolute;top:0;bottom:0;right:0;left:0;z-index:100;transition:transform .3s cubic-bezier(.25,.75,.7,1);background-color:#fff}.create-conversation>header{display:flex;flex-direction:column;justify-content:flex-end;height:108px;padding:0 20px 0 23px;background-color:#fff;color:#555}.create-conversation>header>div{display:flex;align-items:center;flex-direction:row;height:59px}.create-conversation>header>div .ant-btn{color:#555;margin-right:16px}.create-conversation>header>div>div{flex-grow:1;font-weight:500;font-size:19px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.create-conversation .search-contacts>.search-input{margin:30px 24px 12px}.create-conversation .search-contacts>.search-input>.selected-contacts{margin-bottom:12px}.create-conversation .search-contacts>.search-input>.selected-contacts .selected-contact-pill{margin-bottom:6px}.create-conversation .search-contacts .contacts-list .contact-card:first-child .contact-card__name{border:none}.create-conversation .search-contacts .contacts-list .contact-card:first-child .contact-card__name>button{display:none!important}.create-conversation .search-contacts .create-group-section{bottom:0;right:0;left:0;height:106px;position:absolute;display:flex;justify-content:center;align-items:center;background-color:#eee}.create-conversation .search-contacts .no-contacts{text-align:center;padding:72px 0}.create-conversation.hide{transform:translate(-100%)}.conversation-card{height:72px;display:flex;flex-direction:row;transition:background-color .1s ease-in}.conversation-card:hover{background-color:#f4f4f4;cursor:pointer}.conversation-card__image{padding:0 15px 0 13px;display:flex;align-items:center}.conversation-card__image>div{font-size:1rem;font-weight:500;height:49px;width:49px;background-color:#eee;display:flex;justify-content:center;align-items:center;border-radius:50%}.conversation-card__name{display:flex;align-items:center;width:100%;font-size:1rem;padding-right:15px;border-top:1px solid #eee}.conversations-tab{display:flex;height:100%;flex-direction:column;position:relative}.conversations-tab .conversations-list{overflow-y:auto;flex-grow:1}.conversations-tab .conversations-list .conversation-card:first-child .conversation-card__name{border:none}.conversations-tab .ant-btn{right:0;left:0;bottom:0;margin:auto -1px -1px;padding:16px 0;height:63px;z-index:100}.app-container__menu__content{display:flex;flex-direction:column;position:relative;height:100%}.app-container__menu__content>header{height:59px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.app-container__menu__content>header .ant-btn-group>button{border:none;box-shadow:none;border-radius:50px!important}.app-container__menu__content .tabs-container{flex-grow:1;overflow-y:auto}.app-container__menu__content .tabs-container .ant-tabs{height:100%}.app-container__menu__content .tabs-container .ant-tabs .ant-tabs-nav{margin:0}.app-container__menu__content .tabs-container .ant-tabs .ant-tabs-nav .ant-tabs-nav-list{width:100%}.app-container__menu__content .tabs-container .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{margin:0;width:100%;display:flex;justify-content:center}.app-container__menu__content .tabs-container .ant-tabs .ant-tabs-content-holder,.app-container__menu__content .tabs-container .ant-tabs .ant-tabs-content-holder .ant-tabs-content{height:100%}.ant-modal-mask{z-index:2000}.ant-modal-wrap{z-index:2001}.ant-tabs-nav-operations{position:absolute;visibility:hidden;pointer-events:none}.message{display:flex;text-align:left}.message.sent{flex-direction:row-reverse;text-align:right}.message.sent .message__content{color:#252525;background-color:#dcf8c6}.message.sent .message__content__text{padding:0 8px}.message.sent .message__content__at{padding:0 8px 0 16px}.message.received .message__content{background:#fff;color:#252525}.message.received .message__content__text{padding:0 16px 0 8px}.message.received .message__content__at{text-align:right;padding:0 8px 0 60px}.message__content{max-width:500px;line-height:24px;border-radius:6px;position:relative;color:#fff;overflow:hidden;word-wrap:break-word;box-shadow:0 1px 1px rgba(0,0,0,.12)}.message__content__sender{margin:0 0 -4px;padding:2px 8px 0;font-size:.75rem;font-weight:500}.message__content__text{text-align:left}.message__content__at{margin-top:-3px;font-size:.725rem}.chat-container,.chat-container__background{display:flex;flex-direction:column;height:100%}.chat-container__background{position:absolute;top:0;width:100%}.chat-container__background>header{position:relative;z-index:1000;box-sizing:border-box;display:flex;align-items:center;width:100%;height:59px;padding:0 16px;border-bottom:1px solid #ccc}.chat-container__background>header>.image{height:42px;width:42px;line-height:42px;text-align:center;margin-right:16px;background-color:#f1f1f1;border-radius:50%}.chat-container__background>header>span{font-size:1rem;font-weight:500;margin-right:auto}.chat-container__background>header>.ant-btn-group>button{border:none;box-shadow:none;border-radius:50px!important}.chat-container__background>main{z-index:1;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;flex-basis:0;order:2;background-color:#eee;position:relative}.chat-container__background>main>div{padding-top:12px;position:absolute;top:0;z-index:100;box-sizing:border-box;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;transition:background .3s ease-out .1s}.chat-container__background>main>div>.message{padding:0 5%;margin-bottom:12px}.chat-container__background>footer{position:relative;z-index:1;box-sizing:border-box;flex:none;order:3;width:100%;min-height:62px;border-top:1px solid #ccc;padding:0 16px}.chat-container__background>footer>form{display:flex;position:absolute;top:50%;right:16px;left:16px;transform:translateY(-50%)}.wrapper{z-index:100}.wrapper,.wrapper .app-container{position:relative;width:100%;height:100%;overflow:hidden}.wrapper .app-container{top:0;display:flex;border:1px solid #ccc}.wrapper .app-container__menu{flex:40% 1;min-width:260px;position:relative;z-index:100;height:100%;overflow:hidden;border-right:1px solid #ccc}.wrapper .app-container__content{flex:60% 1;position:relative;z-index:100;height:100%;overflow:hidden}@media screen and (min-width:901px) and (max-width:1024px){.wrapper .app-container__menu{flex:35% 1}.wrapper .app-container__content{flex:65% 1}}@media screen and (min-width:1025px) and (max-width:1300px){.wrapper .app-container__menu{flex:35% 1}.wrapper .app-container__content{flex:65% 1}}@media screen and (min-width:1301px){.wrapper .app-container__menu{flex:30% 1}.wrapper .app-container__content{flex:70% 1}}@media screen and (min-width:1441px){.wrapper{top:19px;width:1396px;height:calc(100% - 38px);margin:0 auto}.wrapper .app-container__menu{flex:30% 1}}.sign-in{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:0 16px;background-color:#fff}.sign-in__form{padding:24px 24px 36px;max-width:420px;background-color:#fff;border:1px solid #ccc;border-radius:3px}.sign-in__form__header{margin-bottom:24px}.sign-in__form__header>h2{margin-bottom:8px;font-size:1.625rem;font-weight:600}.sign-in__form__header>p{padding-right:16px;font-size:.875rem;line-height:1.5}.sign-in__form>form>input{width:100%;padding:12px 16px;margin-bottom:8px}.sign-in__form>form>button{height:44px;padding:0 16px;font-size:.875rem}.sign-in__form>form .sign-up-btn{margin-top:36px;margin-bottom:12px}.sign-in__form .create-account{margin-top:24px;font-size:.875rem}
/*# sourceMappingURL=main.f138f8f9.chunk.css.map */