*{box-sizing:border-box}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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;text-align:center;width:100%}.btn{background-color:#00a884;border:0;border-radius:5px;color:#d9fdd3;padding:7px 15px}.btn:hover{background-color:#008069;color:#d9fdd3;cursor:pointer}.message__box{border-radius:7.5px;box-shadow:0 1px .5px rgba(11,20,26,.13);display:flex;gap:5px;max-width:75%;position:relative;text-align:start;-webkit-user-select:text;user-select:text}.message__box_left{background-color:#fff;border-top-left-radius:0;justify-self:flex-start;padding:6px 7px 8px 9px}.message__box_right{background-color:#d9fdd3;border-top-right-radius:0;justify-self:flex-end;padding:6px 9px 8px 7px}.message__content{font-size:14.2px;line-height:19px;overflow-wrap:anywhere;text-align:start;white-space:pre-wrap}.message__content>span{visibility:hidden}.message__time{align-self:flex-end;bottom:0;color:#667781;font-size:.6875rem;height:15px;line-height:15px;position:absolute;right:5px;white-space:nowrap}.error_alert{border:1px solid coral;border-radius:5px;color:coral;font-size:15px;padding:10px}.login-form{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.25);color:#54656f;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:300px;min-width:400px;padding:25px;z-index:4}.login-form button{align-self:flex-end}.login-form__inputs-container{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.login-form__inputs-container label{align-items:flex-start;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:5px;width:100%}.login-form__inputs-container input{border:1px solid #c3c3c3;border-radius:5px;height:35px;width:100%}.login-form__inputs-container input:focus{border:1px solid #00a884;outline:1px solid #00a884}.login-page{align-items:center;background-color:#eae6df;display:flex;height:100vh;justify-content:center;width:100%}.login-page:after{background-image:url(/green-api/static/media/bg-chat.39f53e74f66d348d9f7c.png);content:"";height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%}.contacts-container{background-color:#fff;display:flex;flex:0 0 30%;flex-direction:column;max-width:30%;min-width:300px}.contacts-container .contacts__header{background-color:#f0f2f5;display:flex;padding:10px 16px}.contacts-container .contacts__header .contacts__header__avatar{border-radius:50%;height:40px;width:40px}.contacts-container .contacts__header .contacts__header__avatar svg{fill:#cbcbcb;width:100%}.input-container{align-items:center;background-color:#fff;box-shadow:0 2px 3px rgba(11,20,26,.08);display:flex;font-size:14.5px;height:49px;line-height:19px;padding:0 10px}.input-container .input-container__search-input{position:relative;width:100%}.input-container .input-container__search-input input{background-color:#f0f2f5;border:none;border-radius:8px;height:35px;overflow:hidden;padding-left:14px;padding-right:65px;text-overflow:ellipsis;width:100%}.input-container .input-container__search-input input:focus{outline:none}.input-container .input-container__search-input .message-icon{cursor:pointer;position:absolute;right:14px;top:7px}.input-container .input-container__search-input .input_error{border:1px solid #ff6262;color:#ff6262}.chat__input{align-items:center;display:flex;font-size:14.5px;gap:9px;height:100%;justify-content:center;line-height:15px}.chat__input textarea{border:none;border-radius:8px;height:40px;max-height:100px;padding:12px;resize:none;width:100%}.chat__input textarea:focus{outline:none}.chat__input .chat__input__icon{align-items:center;cursor:pointer;display:flex;justify-content:center;min-width:40px;width:40px}.chat__input .chat__input__icon svg{fill:#54656f}.chat{background-color:#efeae2;display:flex;flex-direction:column;flex-grow:1;height:100%;position:relative}.chat .chat__bg{background-image:url(/green-api/static/media/bg-chat.39f53e74f66d348d9f7c.png);background-repeat:repeat;height:100%;opacity:.4;position:absolute;width:100%;z-index:1}.chat__header{align-items:center;background-color:#f0f2f5;border-left:1px solid #d1d7db;display:flex;gap:15px;height:59px;padding:10px 16px;z-index:4}.chat__header .chat__header__avatar{border-radius:50%;height:40px;width:40px}.chat__header .chat__header__avatar svg{fill:#cbcbcb;width:100%}.chat__top-space{min-height:15px}.chat__messages-container{border-left:1px solid #e9edef;flex:1 1;overflow-x:auto;z-index:3}.chat__messages__list{display:flex;flex-direction:column-reverse;height:100%}.chat__messages__list .message-container{display:grid;margin-bottom:5px;padding:0 50px}.chat__footer{background-color:#f0f2f5;border-left:1px solid #e9edef;min-height:62px;padding:5px 16px;z-index:4}.chat__placeholder{align-items:center;display:flex;justify-content:center}.chat__placeholder>span{color:#54656f;font-size:20px;font-weight:600;z-index:4}.main-container{display:flex;height:100vh;width:100%}@media (min-width:1490px){.main-container{background:linear-gradient(0deg,#d1d7db,#eae6df 80%,#00a884 0);box-shadow:0 6px 18px rgba(11,20,26,.05);padding:20px}}
/*# sourceMappingURL=main.144c992c.css.map*/