@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);.spinner{width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.spinner-text{font-size:25px;color:#9f9da3;padding-top:5px}.control-panel-avatar{cursor:pointer;position:relative}.control-panel-avatar__image{width:60px;height:60px}.control-panel-avatar__image img{width:100%;height:100%;border-radius:100%}.control-panel-menu{position:absolute;left:0;transform:translateX(-100%);min-width:250px;padding:10px 0;z-index:90;background-color:#16191c;top:120px;border-radius:0 5px 5px 0;-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.control-panel-menu-active{transform:translateX(100px)}.control-panel-menu__list{min-width:300px}.control-panel-menu__item{display:flex;color:#9f9da3;align-items:center;cursor:pointer;padding:10px 15px;border-bottom:2px solid rgba(0,0,0,.1)}.control-panel-menu__item svg{display:flex}.control-panel-menu__item-icon{padding-right:10px}.control-panel-menu__item:first-child{cursor:text;color:#9f9da3!important}.control-panel-menu__item:last-child{border-bottom:none}.control-panel-menu__item:hover{color:#fff}.control-panel-menu__item:hover .control-panel-popup__item-icon svg g path,.control-panel-menu__item:hover .control-panel-popup__item-icon svg path{fill:#fff}.auth-input{position:relative;width:100%;height:30px;margin-bottom:25px;font-family:"Roboto",sans-serif}.auth-input__write{width:100%;height:100%;color:#fff;border:none;border-bottom:1px solid #9f9da3;background-color:transparent;font-size:15px}.auth-input__write::-webkit-input-placeholder{font-weight:300;color:#fff}.auth-input__write:-ms-input-placeholder{font-weight:300;color:#fff}.auth-input__write::placeholder{font-weight:300;color:#fff}.auth-input__write:focus{outline:none;border-bottom-color:#fff}.auth-input__hollow~.auth-input__description,.auth-input__write:focus~.auth-input__description{font-size:11px;transform:translateY(-180%);color:#fff;text-transform:uppercase}.auth-input__description{pointer-events:none;transition:all .1s ease-in;position:absolute;color:#9f9da3;font-weight:300;font-size:15px;top:50%;left:2px;transform:translateY(-50%)}.button{display:flex;justify-content:center;align-items:center;border:none;background-color:#ff4460;color:#fff;font-size:16px;border-radius:4px;width:100%;min-height:40px}.button:hover{background-color:rgba(255,68,96,.7)}.button:active{transform:translateY(2px)}.button:focus{outline:none;border:2px solid #fff}.button-loading{background-color:rgba(255,68,96,.5);pointer-events:none}.button:disabled{opacity:.5}.button:disabled:hover{background-color:transparent}.auth{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#16191c;width:100%;height:100vh}.auth-wrapper{border-radius:9px 9px 7px 7px;width:420px;background-color:#1e2126;padding:30px 50px 20px}.auth-header{display:flex;justify-content:space-between;margin-bottom:30px}.auth-header__label{color:#fff;font-weight:500;font-size:20px;text-transform:uppercase;margin:0 auto}.control-panel-modal{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.25);z-index:999}.control-panel-modal__window{padding:25px 50px;width:500px;min-height:200px;background-color:#1e2126}.control-panel-modal__title{color:#fff;font-weight:400;font-size:20px}.control-panel-modal__form{margin-top:40px}.control-panel-modal__buttons{display:flex;justify-content:flex-end}.control-panel-modal__button{width:140px!important}.control-panel-modal__cancel{margin-right:20px}.control-panel-modal__submit{background-color:#54d58c!important}.control-panel-modal__submit:hover{background-color:rgba(84,213,140,.7)!important}.control-panel-status{padding-left:0;list-style:none}.control-panel-status__item{position:relative;cursor:pointer;text-align:center;margin-bottom:30px;z-index:5}.control-panel-status__item:after,.control-panel-status__item:before{opacity:0;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%)}.control-panel-status__item:after{width:100%;height:75px;background-color:#1e2126;z-index:-1}.control-panel-status__item:before{background-color:#54d58c;width:2px;height:75px}.control-panel-status__item.active:after,.control-panel-status__item.active:before{opacity:1}.control-panel-status__item.active svg path{fill:#fff}.control-panel{position:relative;width:100px;height:100%;background-color:#16191c;padding:15px 0}.control-panel__header{text-align:center}.control-panel__avatar{padding:60px 20px 0}.control-panel__status{padding-top:40px}.channels-panel-list{list-style:none;padding-left:0}.channels-panel-list__item{position:relative;cursor:pointer;font-weight:300;font-size:17px;color:#e3eaee;padding:13px 0}.channels-panel-list__item:not(.active):hover{background-color:rgba(22,25,28,.5)}.channels-panel-list__item.active{background-color:#16191c}.channels-panel-list__info{padding-left:30px}.channels-panel-list__user{display:flex;align-items:center}.channels-panel-list__user .channels-panel-list__info{padding-left:10px}.channels-panel-list__avatar{position:relative;max-width:40px;border-radius:50%;margin-left:30px;width:100%}.channels-panel-list__avatar.online:before{background-color:#54d58c}.channels-panel-list__avatar.offline:before{background-color:#ff4460}.channels-panel-list__avatar:before{content:"";position:absolute;width:10px;height:10px;bottom:0;right:-2px;border-radius:50%}.channels-panel-list__avatar img{border-radius:50%;width:100%}.channels-panel-list__description{display:block;color:#9f9da3;font-size:13px}.channels-panel{background-color:#1e2126;height:100%;min-width:330px}.channels-panel__header{position:relative;padding:20px 30px}.channels-panel__header:after,.channels-panel__header:before{content:"";position:absolute;background-color:rgba(0,0,0,.3);bottom:0}.channels-panel__header:before{left:0;width:100%;height:1px}.channels-panel__header:after{right:0;height:100%;width:1px}.channels-panel__heading{font-weight:300;font-size:28px;color:#e3eaee;margin-bottom:0}.channels-panel__list{padding-top:35px}.message-panel-header{position:relative;display:flex;background-color:#1e2126;width:100%;height:82px;padding:10px 30px}.message-panel-header__channel-info{padding-right:30px;min-width:350px}.message-panel-header__title{font-weight:500;font-size:25px;color:#fff;margin-bottom:0}.message-panel-fullpage{transition:all .3s ease;position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(30,30,30,.9),#000 1810%);z-index:99999}.message-panel-fullpage__wrapper{position:relative;padding:20px;width:100%;height:100%}.message-panel-fullpage__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-panel-fullpage__inner img{width:100%}.message-panel-fullpage__close{position:absolute;transition:all .2s ease;top:0;right:0;width:80px;height:80px;border:none;background-color:transparent;z-index:10}.message-panel-fullpage__close:hover{background-color:rgba(0,0,0,.4)}.message-panel-fullpage__close:hover .message-panel-fullpage__close-icon{fill:#fff}.message-panel-fullpage__close-icon{transition:all .2s ease;fill:#ddd}.message-panel-content{margin-top:10px;position:relative;display:flex}.message-panel-content-image .message-panel-content__item{padding:10px 0 0}.message-panel-content-image .message-panel-content__author{padding-left:15px;padding-right:25px}.message-panel-content-image .message-panel-content__message-img{cursor:pointer;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.message-panel-content-image .message-panel-content__message-content{padding:15px 50px 20px 15px}.message-panel-content__avatar{margin-top:auto;width:32px;height:32px}.message-panel-content__img{width:100%;border-radius:50%}.message-panel-content__item{position:relative;margin-left:10px;padding:10px 50px 23px 15px;background-color:#1e2126;color:#fff;max-width:40%;border-radius:4px}.message-panel-content__author{font-weight:600;font-size:17px;margin-bottom:0}.message-panel-content__message{padding-top:5px;font-weight:300;font-size:16px;margin-bottom:0;word-wrap:break-word}.message-panel-content__message-content{margin-bottom:0}.message-panel-content__message-img{width:100%}.message-panel-content__time{position:absolute;bottom:5px;right:15px;font-weight:300;font-size:12px;z-index:5}.message-panel-content-active{background-color:#065d95}.message-panel-contents{position:absolute;top:82px;bottom:70px;width:100%;padding:0 40px;overflow:hidden;overflow-y:auto}.message-panel-contents__wrapper{padding-bottom:20px;left:40px;overflow-y:auto}@keyframes loadedMessages{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.loaded-prev-messages{position:absolute;left:0;top:0;width:100%;height:.2rem;background-color:transparent;z-index:30}.loaded-prev-messages:before{content:"";position:absolute;left:0;width:50%;height:.2rem;background-color:#3399db;animation:loadedMessages 2s linear infinite}.scrollbar-style::-webkit-scrollbar{width:15px}.scrollbar-style::-webkit-scrollbar-track{background-color:#1e2126}.scrollbar-style::-webkit-scrollbar-thumb{background-color:#16191c;border:3px solid #1e2126;border-radius:25px}.message-panel-modal{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;z-index:1000;cursor:default;background-color:rgba(0,0,0,.25)}.message-panel-modal__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:370px;padding:30px 35px;background-color:#1e2126}.message-panel-modal__header{width:300px}.message-panel-modal__header img{width:100%}.message-panel-modal__description{padding-top:30px}.message-panel-modal__label{display:block}.message-panel-modal__title{color:#fff;font-weight:500;font-size:15px}.message-panel-modal__textarea{width:100%;resize:none;background-color:#1e2126;height:30px;color:#9f9da3;border:none;border-bottom:2px solid #fff}.message-panel-modal__textarea:focus{outline:none}.message-panel-modal__buttons{display:flex;justify-content:flex-end}.message-panel-modal__button{background-color:transparent;width:120px;margin-left:10px}.message-panel-modal__button--send:hover{background-color:rgba(84,213,140,.8)}.message-panel-modal__progress-per-percentage,.message-panel-modal__progress-text{display:block;text-align:center;font-size:25px;color:#9f9da3}.message-panel-image{position:relative;cursor:pointer;margin-bottom:0}.message-panel-image__paperclip:hover path{stroke:#fff}.message-panel-image__file{position:absolute;width:1px;height:1px;pointer-events:none;opacity:0;visibility:hidden}.test{position:absolute;top:0;left:0}.message-panel-form{position:absolute;left:0;bottom:0;right:0;width:100%;height:70px;background-color:#1e2126;padding:15px 30px;display:flex;align-items:center}.message-panel-form:before{content:"";position:absolute;height:100%;width:1px;background-color:#16191c;top:0;bottom:0;left:0}.message-panel-form__add-file{cursor:pointer}.message-panel-form__send{width:auto;background-color:transparent}.message-panel-form__send:focus{outline:none;border:none}.message-panel-form__send:hover{background-color:transparent}.message-panel-form__send:hover svg path{fill:#54d58c}.message-panel-form__form{display:flex;align-items:center;padding-left:10px;width:100%}.message-panel-form__label{position:relative;height:auto;width:100%;max-width:1360px;margin-bottom:0}.message-panel-form__input{height:auto;padding:5px 10px;width:100%;border:none;color:#9f9da3;background-color:#1e2126;max-width:1360px}.message-panel-form__input:focus{outline:none}.message-panel-form__placeholder{position:absolute;color:#9f9da3;left:10px;top:50%;transform:translateY(-50%);transition:all .1s ease;pointer-events:none}.message-panel-form__write .message-panel-form__placeholder{opacity:0;transform:translateY(-50%) translateX(15px)}.message-panel{position:relative}.app,.message-panel{width:100%;height:100%}.app{position:fixed;display:flex;top:0;left:0;bottom:0;right:0;background-color:#16191c}.form-redirect{display:block;margin-top:15px;font-size:12px;color:#9f9da3;text-align:center}.form-redirect:focus{outline:none;color:#fff}.form-error{display:block;text-align:center;margin-top:10px;font-weight:500;font-size:16px;color:#ff4460}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;background-color:transparent}a,a:hover{text-decoration:none}a:hover{color:#fff}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}body{font-family:"Roboto",sans-serif}.button,.message-panel-form__send svg path{transition:background-color .2s linear,fill .2s linear}
/*# sourceMappingURL=main.0bb0262e.chunk.css.map */