@font-face{font-family:NunitoSans;src:local("NunitoSans Light"),url(../fonts/Nunito-Light.woff2) format("woff2"),url(../fonts/Nunito-Light.woff) format("woff"),url(../fonts/Nunito-Light.ttf) format("ttf");font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:NunitoSans;src:local("NunitoSans Regular"),url(../fonts/Nunito-Regular.woff2) format("woff2"),url(../fonts/Nunito-Regular.woff) format("woff"),url(../fonts/Nunito-Regular.ttf) format("ttf");font-style:normal;font-weight:400;font-display:swap}body{display:block;min-width:320px;min-height:100vh;height:100%;margin:0;padding:0;font-family:NunitoSans,Arial,sans-serif;font-size:16px;line-height:20px;font-weight:400;overflow-x:hidden;color:#fff;background-color:#1c2930;box-sizing:border-box}body.no-scroll{overflow:hidden}body *{box-sizing:border-box}body button,body input,body textarea{font-family:NunitoSans,Arial,sans-serif}#app{display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh}.container{width:100%;max-width:1170px;margin:0 auto;padding:0 16px}@media only screen and (max-width:991px){.container{padding:0}}.contacts{width:25%;max-height:100vh;background-color:#21353f}@media only screen and (max-width:767px){.contacts{width:100%}}.contacts__list{height:100%;margin:0;padding:0;list-style:none;overflow-y:auto;scrollbar-color:#2f5970 #21353f;scrollbar-width:auto}.contacts__list::-webkit-scrollbar{width:5px;height:auto;border-radius:4px}.contacts__list::-webkit-scrollbar-track{background:#21353f;border-radius:0}.contacts__list::-webkit-scrollbar-thumb{background:#2f5970;border-radius:4px}.contacts__item{display:flex;flex-direction:row;align-items:center;padding:10px 15px;cursor:pointer}.contacts__item--active{background-color:#2f5970}.contacts__item:hover{background-color:hsla(0,0%,100%,.05)}.contacts__item-avatar{width:50px;height:50px;margin-right:10px}.contacts__item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:50%}.chat{position:relative;width:75%;max-height:100vh;padding:0 3px;display:flex;flex-direction:column;background-color:#1c2930}@media only screen and (max-width:767px){.chat{width:100%;height:100%;max-height:100%}}.chat__user{display:flex;flex-direction:row;align-items:center;padding:10px 15px;background-color:#21353f}.chat__user-avatar{width:50px;height:50px;margin-right:10px}.chat__user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:50%}.chat__close{position:relative;width:15px;height:15px;margin-left:auto;border:none;background-color:transparent;cursor:pointer;outline:none}.chat__close:focus:after,.chat__close:focus:before,.chat__close:hover:after,.chat__close:hover:before{background-color:#1c2930}.chat__close:after,.chat__close:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#fff;transform:rotate(45deg);transition:background-color .3s ease-in-out}.chat__close:after{transform:rotate(-45deg)}.chat__nothing{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat__form{margin-top:auto;padding:10px 10px 0;background-color:#21353f}.chat__form form{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.chat__form textarea{flex-grow:1;resize:none}.chat__form button,.chat__form textarea{padding:10px 5px;font-size:inherit;line-height:inherit;color:#fff;background-color:transparent;border:none;outline:none}.chat__form button{flex-shrink:0;cursor:pointer}.chat__form button:focus,.chat__form button:hover{opacity:.8}.chat__list{display:flex;flex-direction:column;margin:0;padding:20px;list-style:none;overflow-y:auto;scrollbar-color:#2f5970 #21353f;scrollbar-width:auto}.chat__list::-webkit-scrollbar{width:5px;height:auto;border-radius:4px}.chat__list::-webkit-scrollbar-track{background:#21353f;border-radius:0}.chat__list::-webkit-scrollbar-thumb{background:#2f5970;border-radius:4px}.chat__item{display:flex;flex-direction:column;align-items:flex-start;width:auto;max-width:50%;margin:15px 0;padding:10px 15px;background-color:#21353f;border-radius:7px 7px 7px 0}.chat__item--yours{margin-left:auto;background-color:#2f5970;border-radius:7px 7px 0 7px}.chat__item-message{margin:0 0 3px}.chat__item-time{align-self:flex-end;margin:0;color:#506d77;font-size:12px;line-height:14px}.error-popup{position:absolute;top:50%;left:50%;padding:20px 50px;box-shadow:0 0 0 3px hsla(0,0%,100%,.3);background-color:#21353f;border-radius:4px;transform:translateX(-50%) translateY(-50%)}.error-popup p{color:#8b0000}.main{position:relative;flex-direction:column}.main,.main__container{flex-grow:1;display:flex}.main__container{flex-direction:row}