*,:after,:before{box-sizing:border-box}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}.chat,.chat__body{display:flex;position:relative}.chat__body{min-width:300px;flex:40% 1;border-right:1px solid #dadada;flex-direction:column;z-index:1}.chat__bg{position:absolute;top:0;right:0;left:0;bottom:0;opacity:.05;z-index:1;background:url(/static/media/bg-chat-light.7fff1c4f.png) #e4dcd4}.chat__date-wrapper,.chat__encryption-msg,.chat__footer,.chat__header,.chat__msg-group{z-index:10}.chat__header{z-index:20}.chat__avatar-wrapper{width:40px;height:40px;margin-right:10px;cursor:pointer}.chat__contact-wrapper{flex:1 1;cursor:pointer}.chat__contact-desc,.chat__contact-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat__contact-name{color:#000;font-size:1rem;margin-bottom:2px}.chat__contact-desc{color:rgba(0,0,0,.6);font-size:.75rem}.chat__actions{margin-right:20px;display:flex;align-items:center}.chat__action{margin-left:25px;cursor:pointer}.chat__action:not(.options-btn){display:inline-block}.chat__action-icon{color:#919191}.chat__action-icon--search{width:30px;height:30px}.chat__content{position:relative;background:#e4dcd4;overflow-y:scroll;overflow-x:hidden;padding:20px 5% 2pc}.chat__date-wrapper{text-align:center;margin:10px 0 14px;position:relative}.chat__date{background:#e1f2fa;display:inline-block;color:#000;font-size:.75rem;padding:7px 10px;border-radius:5px}.chat__encryption-msg{background:#fdf4c5;color:#000;font-size:.77rem;text-align:center;padding:5px 10px;position:relative;margin-bottom:8px;border-radius:5px;line-height:20px}.chat__encryption-icon{color:#8c866c;margin-right:5px;margin-bottom:-1px}.chat__msg-group{flex-direction:column}.chat__msg,.chat__msg-group{display:flex;margin-bottom:12px;position:relative}.chat__msg{padding:6px 7px 8px 9px;font-size:.85rem;color:#000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:95%;line-height:20px;border-radius:5px;white-space:pre-line}.chat__msg.chat__img-wrapper{padding:4px;width:95%}.chat__msg--sent{background:#dbf8c6;align-self:flex-end}.chat__msg--rxd{background:#fff;align-self:flex-start}.chat__msg--sent+.chat__msg--rxd:before,.chat__msg-group>:first-child:not(.chat__msg--sent):before{content:"";position:absolute;width:0;height:0;top:0;left:-8px;border-color:#fff #fff transparent transparent;border-style:solid;border-width:6px}.chat__msg--rxd+.chat__msg--sent:before,.chat__msg-group>:first-child:not(.chat__msg--rxd):before{right:-8px;content:"";position:absolute;width:0;height:0;top:0;border-color:#dbf8c6 transparent transparent #dbf8c6;border-style:solid;border-width:6px}.chat__img{width:100%;height:100%;object-fit:cover}.chat__msg-filler{width:65px;display:inline-block;height:3px;background:transparent}.chat__msg-footer{position:absolute;display:flex;align-items:center;right:7px;bottom:3px;color:rgba(0,0,0,.45);font-size:.7rem;font-weight:500}.chat__msg-status-icon{color:#b3b3b3;margin-left:3px}.chat__msg-status-icon--blue{color:#0da9e5}.chat__img-wrapper .chat__msg-footer,.chat__img-wrapper .chat__msg-options-icon,.chat__img-wrapper .chat__msg-status-icon{color:#fff}.chat__msg-options{opacity:0;position:absolute;right:5px;top:3px;pointer-events:none;transition:all .2s}.chat__msg--rxd .chat__msg-options{background:#fff}.chat__msg--sent .chat__msg-options{background:#dbf8c6}.chat__img-wrapper .chat__msg-options{background:transparent}.chat__msg:hover .chat__msg-options{opacity:1;pointer-events:unset}.chat__msg-options-icon{color:#919191;width:20px;height:20px}.chat__footer{background:#f0f0f0;position:relative}.chat__scroll-btn{position:absolute;right:15px;bottom:80px;width:42px;height:42px;z-index:-1;border-radius:50%;color:#919191;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}.emojis__wrapper{width:100%;overflow:hidden;display:flex;flex-direction:column;height:0;min-height:0;transition:all .4s ease;background:inherit}.emojis__wrapper--active{height:40vh;min-height:350px;transition:all .4s ease}.emojis__tabs{display:flex;align-items:center;height:50px}.emojis__tab{flex:1 1;padding:10px 5px;text-align:center;position:relative}.emojis__tab--active:after{content:"";position:absolute;height:4px;width:100%;bottom:0;left:0;background:#009688}.emojis__tab-icon{color:rgba(0,0,0,.32)}.emojis__tab--active .emojis__tab-icon{color:rgba(0,0,0,.6)}.emojis__content{overflow-y:scroll;padding:5px 20px;flex:1 1}.emojis__search{height:40px;background:#e6e6e6;width:100%;border-radius:5px;padding:5px 10px;color:#4a4a4a;font-size:.9rem}.emojis__search:-ms-input-placeholder{color:#989898}.emojis__search::placeholder{color:#989898}.emojis__label{margin-top:15px;margin-bottom:5px;font-weight:500;color:rgba(0,0,0,.45);font-size:.85rem}.emojis__grid{display:flex;flex-wrap:wrap;margin-bottom:25px}.emojis__emoji{margin-right:3px;margin-top:3px;cursor:pointer}.chat__input-wrapper{padding:10px;height:60px;position:relative;display:flex;align-items:center}.chat__input-icon{color:#919191;margin-left:8px;margin-right:8px;width:28px;height:28px;padding:3px;border-radius:50%}.chat__input-icon--highlight{color:teal}.chat__attach{display:flex;flex-direction:column;position:absolute;bottom:50px}.chat__attach-btn{transform:scale(0);opacity:0;transition:all .5s ease}.chat__attach-btn:first-of-type{transition-delay:.5s}.chat__attach-btn:nth-of-type(2){transition-delay:.4s}.chat__attach-btn:nth-of-type(3){transition-delay:.3s}.chat__attach-btn:nth-of-type(4){transition-delay:.2s}.chat__attach-btn:nth-of-type(5){transition-delay:.1s}.chat__attach--active .chat__attach-btn{transform:scale(1);opacity:1}.chat__attach-btn{margin-bottom:10px}.chat__input-icon--pressed{background:rgba(0,0,0,.1)}.chat__input{background:#fff;color:#4a4a4a;padding:20px 10px;border-radius:22px;flex:1 1;height:100%}.chat__input:-ms-input-placeholder{color:#999;font-size:.9rem}.chat__input::placeholder{color:#999;font-size:.9rem}.chat-sidebar{width:0;min-width:0;display:flex;flex-direction:column;transition:all .1s ease;overflow-x:hidden;overflow-y:auto}.chat-sidebar--active{flex:30% 1}.chat-sidebar__header-icon{margin-right:20px;color:#919191}.chat-sidebar__heading{flex:1 1;color:#000;font-size:1rem;margin-bottom:2px}.chat-sidebar__content{flex:1 1}.chat-sidebar__search-results{background:#fff;height:100%;padding-top:5pc;color:rgba(0,0,0,.6);text-align:center;font-size:.85rem}.profile{background:#ededed;padding-bottom:2pc}.profile__section{background:#fff;margin-bottom:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);padding:10px 20px}.profile__section--personal{flex-direction:column;padding:30px 20px}.profile__avatar-wrapper,.profile__section--personal{display:flex;justify-content:center;align-items:center}.profile__avatar-wrapper{width:200px;margin-bottom:20px}.profile__name{flex:1 1;color:#000;font-size:1.2rem;align-self:flex-start}.profile__heading-wrapper{margin-top:5px;margin-bottom:10px}.profile__heading{color:#009688;font-size:.85rem;flex:1 1}.profile__heading-icon{color:#919191}.profile__media-wrapper{display:flex;align-items:center;justify-content:space-between}.profile__media{width:32%}.profile__about-item,.profile__action{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:5px;cursor:pointer}.profile__about-item:not(:last-of-type),.profile__action:not(:last-of-type),.profile__group:not(:last-of-type){border-bottom:1px solid #ebebeb}.profile__action-left{flex:1 1}.profile__action-text{display:block}.profile__about-item,.profile__action-text--top{font-weight:500;margin-bottom:5px}.profile__action-text--bottom{font-size:.85rem;color:rgba(0,0,0,.45)}.profile__section--groups{padding-left:0;padding-right:0}.profile__group,.profile__group-heading{padding-left:20px;padding-right:20px}.profile__group{display:flex;align-items:center;padding-top:10px;padding-bottom:10px;cursor:pointer}.profile__group:hover{background-color:#ebebeb}.profile__group-content{flex:1 1;overflow:hidden}.profile__group-avatar-wrapper{width:50px;height:50px;margin-right:10px}.profile__group-text{flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile__group-text--top{color:#000;font-size:1rem;font-weight:500;margin-bottom:5px}.profile__group-text--bottom{color:rgba(0,0,0,.6);font-size:.85rem;overflow:hidden}.profile__section--danger{color:#df3333;display:flex;align-items:center;padding-top:20px;padding-bottom:20px}.profile__danger-icon{margin-right:20px}.profile__danger-text{flex:1 1}@media screen and (min-width:1301px){.chat__msg{max-width:65%}}@media screen and (min-width:1000px) and (max-width:1300px){.chat__msg{max-width:75%}}@media screen and (min-width:900px) and (max-width:1000px){.chat__msg{max-width:85%}}@media screen and (max-width:1000px){.chat-sidebar{transition:transform .1s ease;transform:translateX(120vw);position:absolute;left:0;width:100%;height:100%;z-index:10}.chat-sidebar--active{transform:translateX(0);transition:transform .1s ease}}@media screen and (min-width:750px){.chat__msg.chat__img-wrapper{width:40%;min-width:300px;max-width:400px}}.sidebar{min-width:px;flex:40% 1;border-right:1px solid #dadada;display:flex;flex-direction:column}.sidebar__avatar-wrapper{width:40px;height:40px}.sidebar__actions{margin-right:20px}.sidebar__actions>*{display:inline-block;margin-left:25px;cursor:pointer}.sidebar__action-icon{color:#919191}.sidebar__alert{min-height:85px;padding:20px;display:flex;align-items:center}.sidebar__alert--warning{background:#fed859}.sidebar__alert--info{background:#9de1fe}.sidebar__alert--danger{background:#f3645b}.sidebar__alert-icon-wrapper{margin-right:10px}.sidebar__alert-icon{color:#fff}.sidebar__alert-texts{flex:1 1}.sidebar__alert-text:first-of-type{font-size:1rem;margin-bottom:5px;color:#343738}.sidebar__alert-text:last-of-type{font-size:.85rem;color:#414a4e;line-height:17px}.sidebar__alert--danger .sidebar__alert-text:first-of-type,.sidebar__alert--danger .sidebar__alert-text:last-of-type{color:#fff}.sidebar__search-wrapper{padding:7px 10px;height:50px;background:#f6f6f6;position:relative}.sidebar__contacts{flex:1 1;overflow-y:scroll;background:#f5f5f5;border-top:1px solid #dadada}.sidebar-contact{height:72px;padding:10px 20px;display:flex;align-items:center;border-bottom:1px solid #ebebeb;cursor:pointer}.sidebar-contact:hover{background-color:#ebebeb}.sidebar-contact__avatar-wrapper{width:50px;height:50px;margin-right:10px}.sidebar-contact__content{overflow:hidden;flex:1 1}.sidebar-contact__bottom-content,.sidebar-contact__message-wrapper,.sidebar-contact__top-content{display:flex;align-items:center;justify-content:space-between}.sidebar-contact__message,.sidebar-contact__name{flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-contact__top-content{margin-bottom:2px}.sidebar-contact__name{color:#000;font-size:1rem;font-weight:500}.sidebar-contact__time{font-size:.7rem;color:rgba(0,0,0,.45)}.sidebar-contact__message-wrapper{color:rgba(0,0,0,.6);font-size:.85rem;margin-right:3px;overflow:hidden}.sidebar-contact__message-icon{color:#b3b3b3;margin-right:3px}.sidebar-contact__message-icon--blue{color:#0da9e5}.sidebar-contact__message--unread{color:#000;font-weight:500}.sidebar-contact:not(:focus) .sidebar-contact__icons,.sidebar-contact__icons{display:flex;justify-content:center;align-items:center;transform:translateX(24px);transition:transform .5s ease}.sidebar-contact:hover .sidebar-contact__icons{transform:translateX(0)}.sidebar-contact__icons>*{margin-left:8px;color:#b3b3b3}.sidebar-contact__unread{display:inline-block;color:#fff;background-color:#06d755;border-radius:18px;min-width:18px;height:18px;padding:0 3px;line-height:18px;vertical-align:middle;text-align:center;font-size:.75rem;font-weight:500}@media screen and (min-width:1000px) and (max-width:1300px){.sidebar{flex:35% 1}.sidebar~div{flex:65% 1}}@media screen and (min-width:1301px){.sidebar{flex:30% 1}.sidebar~div{flex:70% 1}}.underline{text-decoration:underline}.cursor-pointer{cursor:pointer}.pos-rel{position:relative}.sb{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1 1}.js-focus-visible :focus:not(.focus-visible){outline:none}.focus-visible{outline-color:rgba(129,202,231,.3)}.header{background:#ededed;justify-content:space-between;align-items:center;min-height:auto}.avatar{border-radius:50%;height:100%;width:100%;object-fit:cover}.search-wrapper{padding:7px 10px;height:50px;background:#f6f6f6;position:relative}.search-wrapper:focus-within{background:#fff}.search{background:#fff;color:#4a4a4a;padding-left:60px;border-radius:18px;width:100%;height:100%}.search:-ms-input-placeholder{color:#999}.search::placeholder{color:#999}.search-icons{color:#919191;position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;overflow:hidden}.search-icon,.search__back-btn{position:absolute;width:100%;height:100%;transition:all .8s ease}.search-icon{opacity:1;transition-delay:.3s}.search__back-btn{opacity:0;transition-delay:.3s;color:#33b7f6}.search-wrapper:focus-within .search-icon{opacity:0;transition-delay:0s}.search-wrapper:focus-within .search__back-btn{transform:rotate(1turn);opacity:1;transition-delay:0s}.full-control{margin-top:-1em}.full-control .toggles label:first-of-type{margin-right:1.5em}.full-control .toggles input{margin-left:.5em}.full-control .seek,.full-control .volume{margin-bottom:.5em}.full-control .seek .slider-container,.full-control .volume .slider-container{margin:auto .5em}.slider-container input{vertical-align:bottom}.rate{margin-bottom:.5em}
/*# sourceMappingURL=main.4f6851e3.chunk.css.map */