*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}:root{scroll-behavior:auto}.me-auto{margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;background:none}.btn:focus{outline:none}.btn-primary{color:#fff;background-color:#472f60;border-color:#472f60}.btn-primary:hover{background-color:#624184;border-color:#624184}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#5c636a;border-color:#565e64}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:4px;opacity:.5;cursor:pointer}.btn-close:hover{opacity:.75}.btn-close:focus{outline:none;opacity:1}.modal-open{overflow:hidden!important;padding-right:0!important}.modal{position:fixed;top:0;left:0;z-index:1055;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal form input{font-size:16px;padding:0 0 5px;height:36px;display:block;width:200px;border:none;background:#fff;border-bottom:1px solid #9c9a9e;color:#16181b;box-sizing:border-box;border-radius:0}.modal form input:focus{outline:none}.modal form input:-webkit-autofill,.modal form input:-webkit-autofill:hover,.modal form input:-webkit-autofill:focus,.modal form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #08030e inset!important;-webkit-text-fill-color:#fff!important}.modal-dialog{position:relative;width:auto;margin:1.75rem auto;max-width:500px;pointer-events:none}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:none;border-radius:4px;outline:0;box-shadow:0 .5rem 1rem #00000026}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #dee2e6;border-top-left-radius:4px;border-top-right-radius:4px}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{font-size:16px;font-weight:500;color:#16181b;margin:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:15px}.modal-body .full-width{width:100%}.modal-body .hint{font-size:14px;color:#08030e;margin-top:10px;background:#f0f0f0;border-radius:5px;padding:5px}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:15px;border-top:1px solid #dee2e6;border-bottom-right-radius:4px;border-bottom-left-radius:4px;gap:.5rem}.modal-footer .button,.modal-footer .button:active,.modal-footer .button:focus{background:#472f60}.modal-footer .button:hover,.modal-footer .button:active:hover,.modal-footer .button:focus:hover{background:#624184;color:#fff;text-decoration:none}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#00000080}.modal-sm{max-width:300px}.modal-lg{max-width:800px}.dropdown,.dropup,.dropend,.dropstart{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-menu{position:absolute;z-index:1050;display:block;min-width:10rem;width:max-content;padding:.5rem 0;margin:0;font-size:16px;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:none;border-radius:4px;box-shadow:0 .5rem 1rem #00000026}.dropdown-menu.dropdown-menu-inline{position:relative}.dropdown-item{display:flex;align-items:center;justify-content:flex-start;width:100%;clear:both;font-size:16px;font-weight:400;color:#08030e;text-align:left;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:0;cursor:pointer;gap:10px}.dropdown-item svg{color:#08030e;flex-shrink:0}.dropdown-item .nick{color:#4b2c7a;font-weight:700}.dropdown-item:hover,.dropdown-item:focus{color:#08030e;background-color:#f8f9fa}.dropdown-item:active{color:inherit;background-color:inherit}.dropdown-item.btn{font-size:16px;border-radius:0;justify-content:flex-start}.dropdown-item.btn.btn-primary{color:#08030e;background-color:transparent;border-color:transparent}.dropdown-item.btn.btn-primary:hover,.dropdown-item.btn.btn-primary:focus{color:#08030e;background-color:#f8f9fa;border-color:transparent}.dropdown-divider{height:0;margin:5px 0;overflow:hidden;border:0;border-top:1px solid rgba(0,0,0,.15)}.toast{position:relative;display:block;width:100%;max-width:350px;font-size:14px;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem #00000026;border-radius:4px;color:#08030e;min-width:250px}.toast-header{display:flex;align-items:center;padding:5px 10px;color:#08030e;background-color:#fff;background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:4px;border-top-right-radius:4px}.toast-header .btn-close{margin-left:auto}.toast-body{padding:10px;word-break:break-word}body{overflow-y:scroll}body>.overlay{z-index:9}body>.overlay.topic{z-index:15}html,body{background:#08030e;color:#ccc;font-family:Google Sans,sans-serif;font-size:16px;height:100%;box-sizing:border-box}#root{height:100%}a{color:#aac6d8;border-bottom:1px solid rgba(170,198,216,.3);text-decoration:none;transition:color .2s ease-out}a:hover{color:#cbe6f8;text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:none;-webkit-text-fill-color:transparent}input:focus{outline:none}input:invalid{box-shadow:none}.switch .indicator{display:inline-block;vertical-align:middle;width:50px;height:26px;border-radius:13px;background:#fff;padding:3px;box-sizing:border-box;margin:0 10px;cursor:pointer}.switch .indicator>div{content:"";display:inline-block;width:20px;height:20px;border-radius:20px;background-color:#4b2c7a;position:relative;transition:left .2s ease-out}.switch.state-left .indicator>div{left:0}.switch.state-right .indicator>div{left:24px}.switch span{color:#fff;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.switch.state-left .right-text,.switch.state-right .left-text{opacity:.6}.button,.button:active,.button:focus{display:inline-block;padding:9px 20px;box-sizing:border-box;border-radius:6px;background:#ac2a35;color:#fff;border:0;outline:none;cursor:pointer;transition:all .2s ease-out}.button:hover,.button:active:hover,.button:focus:hover{background:#e62c38;color:#fff;text-decoration:none}.button.disabled,.button:active.disabled,.button:focus.disabled{background:#1a1a1a;color:#fff6}.button.secondary,.button:active.secondary,.button:focus.secondary{background:#999}.button.secondary:hover,.button:active.secondary:hover,.button:focus.secondary:hover{background:#aeaeae;color:#fff;text-decoration:none}@keyframes pulse{0%{width:25vw;height:25vh}50%{width:35vw;height:35vh}to{width:25vw;height:25vh}}.loading{display:grid;height:100%}.loading>div{display:flex;flex-direction:column;place-self:center}.loading>div .img{display:grid;min-height:36vh}.loading>div .img img,.loading>div .img svg{animation:pulse 2s linear infinite;width:25vw;height:25vh;place-self:center}.loading>div .text{text-transform:uppercase;color:#fff;opacity:.4;font-size:16px;text-align:center;margin:15px 10px 0;min-height:85px}.user-with-avatar{display:flex}.user-with-avatar .connected:before{background:#2cb270}.user-with-avatar .disconnected:before{background:#e62c38}.user-with-avatar .man:before{background:#48b9ff}.user-with-avatar .woman:before{background:#fdafbc}.user-with-avatar .unknown:before{background:#a0a0a0}.user-with-avatar .avatar{position:relative;margin-right:6px;min-height:24px;width:24px;cursor:pointer;outline:none}.user-with-avatar .avatar img,.user-with-avatar .avatar span{width:24px;height:24px;border-radius:50%;color:#fff;font-size:14px;display:grid;place-content:center}.user-with-avatar .avatar:before{content:"";display:block;position:absolute;right:0;bottom:0;width:8px;height:8px;border-radius:8px}.user-with-avatar .nick{align-self:center}.user-with-avatar .nick button{display:inline-block;border:0;background:none;color:#fff;cursor:pointer;margin:0;padding:0}.user-with-avatar .nick span{color:#fff}.toasts{position:fixed;margin:60px 10px;bottom:0;display:grid;grid-template-columns:minmax(min-content,max-content);grid-auto-rows:auto;align-content:end}.toasts .toast{margin-top:10px}.toasts .holder{opacity:.95}.bold{font-weight:700}.native-scrollbars{min-height:0;height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.native-scrollbars::-webkit-scrollbar{width:8px;height:8px}.native-scrollbars::-webkit-scrollbar-track{background:transparent}.native-scrollbars::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.native-scrollbars::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.native-scrollbars.native-scrollbars--auto-hide{scrollbar-width:thin}.native-scrollbars.native-scrollbars--auto-hide::-webkit-scrollbar-thumb{background-color:transparent}.native-scrollbars.native-scrollbars--auto-hide:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}.native-scrollbars.native-scrollbars--auto-hide:hover::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.login{display:grid;grid-template-areas:"header" "form" "footer";grid-template-columns:1fr;grid-template-rows:50px 1fr 50px;height:100%}.login .header{grid-area:header;display:flex;flex-direction:row;justify-content:space-between;padding:13px 10px}.login .header .logo a{border:0;text-decoration:none}.login .header .logo img{object-fit:contain}.login .header .logo .mobile{width:24px;height:24px}.login .header .logo .desktop{display:none;width:176px;height:24px}.login .header .menu span{color:#fff;margin-left:20px}.login .header .menu a{margin-left:20px}.login .text{grid-area:form;place-self:center;line-height:1.5;font-size:24px;font-weight:300;margin:0 50px;text-align:center}.login .form{grid-area:form;justify-self:center;margin:30px 0;width:220px;align-self:center;min-height:410px}.login .form .logo{display:none}.login .form h2{color:#fff;font-size:36px;line-height:normal;font-weight:300;margin:0 0 15px}.login .form form .hint{margin-top:20px;line-height:1.5}.login .form form .form-group{margin-bottom:20px}.login .form form .form-group .group{position:relative;margin-bottom:25px}.login .form form .form-group .group:first-child{margin-top:25px}.login .form form .form-group .group:last-child{margin-bottom:0}.login .form form .form-group .group input{font-size:16px;padding:0 0 5px;height:36px;display:block;width:200px;border:none;background:#08030e;border-bottom:1px solid #9c9a9e;color:#fff;box-sizing:border-box;border-radius:0;filter:none}.login .form form .form-group .group input:-webkit-autofill,.login .form form .form-group .group input:-webkit-autofill:hover,.login .form form .form-group .group input:-webkit-autofill:focus,.login .form form .form-group .group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #08030e inset!important;-webkit-text-fill-color:#fff!important}.login .form form .form-group .group input:focus{outline:none}.login .form form .form-group .group label{color:#9c9a9e;font-size:16px;position:absolute;pointer-events:none;top:5px;transition:.2s ease all}.login .form form .form-group .group input:focus~label,.login .form form .form-group .group input.has-text~label{top:-16px;font-size:14px}.login .form form .form-group .group input:invalid{box-shadow:none}.login .form form .form-group .group .bar{position:relative;display:block;width:200px}.login .form form .form-group .group .bar:before{content:"";height:1px;width:0;bottom:0;position:absolute;background:#fff}.login .form form .form-group .group .bar:before{left:0}.login .form form .form-group .group input:focus~.bar:before{width:100%}.login .form form .form-group .group.has-error input{color:#fd8a94;border-bottom:1px solid #780f20}.login .form form .form-group .group.has-error input:focus{color:#fff;border-bottom:1px solid #780f20}.login .form form .form-error{color:#ac2a35;margin-bottom:20px}.login .form form .form-tip{margin-bottom:20px;font-size:14px;opacity:.5}.login .form .store-icons{margin-top:40px}.login .form .store-icons img{height:35px}.login .logged{display:grid;grid-template-areas:"profile" "enter" "delimiter" "statistics";grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(auto,min-content));margin:30px 0;height:auto}.login .logged .profile{grid-area:profile;margin:0 15px;display:flex;flex-direction:row;align-items:center;padding-bottom:30px}.login .logged .profile .avatar img,.login .logged .profile .avatar span{border-radius:50px;margin-right:15px;width:50px;height:50px;display:grid;place-content:center;color:#fff;font-size:24px}.login .logged .profile .hello{font-size:24px;color:#fff}.login .logged .profile .hello span{font-weight:700}.login .logged .profile .hello .info{line-height:1.5;font-size:14px;max-width:400px}.login .logged .enter{grid-area:enter;margin:0 15px;padding-bottom:30px}.login .logged .enter .title{font-size:26px;color:#fff;margin-bottom:15px}.login .logged .enter .channel-form{margin-bottom:15px}.login .logged .enter .channel-form input{font-size:16px;padding:0 0 5px;display:inline-block;border:none;background:#08030e;border-bottom:1px solid #9c9a9e;color:#fff;box-sizing:border-box;width:150px;outline:none;box-shadow:none;border-radius:0;filter:none}.login .logged .enter .channel-form input:focus{border-bottom:1px solid #fff}.login .logged .enter .channel-form button{padding:5px 13px;margin-left:5px}.login .logged .enter .channel-form .hint{color:#403e42;font-size:14px;margin-top:10px}.login .logged .enter .channels{margin-bottom:15px}.login .logged .enter .channels .item{color:#fff;line-height:1.1}.login .logged .enter .channels .item button{border:0;display:inline-block;font-size:20px;color:#aac6d8;text-decoration:none;transition:color .2s ease-out;background:none;width:auto;padding:0 7px;cursor:pointer}.login .logged .enter .channels .item button:hover{color:#cbe6f8}.login .logged .enter .channels .item:before{content:"#";color:#ccc}.login .logged .delimiter{grid-area:delimiter;background:#221c26;width:100%;height:1px}.login .logged .statistics{grid-area:statistics;margin:0 15px;padding:25px 0 0}.login .logged .statistics .title{text-transform:uppercase;color:#fff;opacity:.4;font-size:12px;text-align:center;margin-bottom:20px;letter-spacing:1px}.login .logged .statistics .items .item{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.login .logged .statistics .items .item .value{font-size:20px}.login .footer{grid-area:footer;padding:15px;color:#fff;opacity:.4;font-size:14px;line-height:normal}@media(min-width:720px){.login .header{padding:24px 30px}.login .header .logo .mobile{display:none}.login .header .logo .desktop{display:initial}.login .form{display:grid;grid-template-columns:240px 300px;grid-template-rows:1fr;grid-gap:120px;width:auto}.login .form .logo{display:initial}.login .form .logo img{width:240px;height:240px}.login .logged{grid-template-areas:"profile delimiter enter" "statistics statistics statistics";grid-template-columns:1fr 1px 1fr;grid-template-rows:repeat(3,minmax(auto,min-content));margin:100px 0 30px;height:auto}.login .logged .profile{place-self:center;justify-content:center;padding:200px 0;margin:0;width:100%;background:radial-gradient(circle closest-side,#141117,#08040e);border-radius:50%}.login .logged .profile .avatar{margin-left:15px}.login .logged .profile .avatar img,.login .logged .profile .avatar span{border-radius:100px;margin-right:40px;width:100px;height:100px;font-size:42px}.login .logged .profile .hello{margin-right:15px;font-size:32px;line-height:1.5}.login .logged .profile .hello .info{display:block;font-size:16px;margin-top:5px}.login .logged .enter{place-self:center}.login .logged .delimiter{grid-area:delimiter;background:#221c26;width:1px;height:100%}.login .logged .statistics{margin:0}.login .logged .statistics .items{display:flex;flex-direction:row;justify-content:center;align-items:start}.login .logged .statistics .items .item{display:block;width:220px}.login .logged .statistics .items .item .name{text-align:center}.login .logged .statistics .items .item .value{font-size:30px;text-align:center;margin-top:8px}.login .footer{padding:17px 30px}}.chat{height:100%}.chat.private{grid-template-columns:minmax(250px,auto) 1fr}.conversations-list{grid-area:conversations-list;position:fixed;display:grid;grid-template-columns:1fr;grid-template-rows:50px 1fr;background:#060409;left:0;top:0;height:calc(100vh - 50px);margin:50px 0 0;min-width:250px;transform:translate3d(-100%,0,0);transition:transform .2s linear;will-change:transform;z-index:15;overflow:hidden;min-height:0}.conversations-list.open{transform:translateZ(0)}.conversations-list .user-menu{display:grid;align-items:center;height:50px;box-sizing:border-box;padding:10px;grid-template-rows:1fr;grid-template-columns:auto auto}.conversations-list .user-menu .logo img{width:25px;height:25px}.conversations-list .user-menu .dropdown,.conversations-list .user-menu .user{display:flex;justify-self:end;flex-direction:row;cursor:pointer}.conversations-list .user-menu .dropdown .dropdown-toggle:after,.conversations-list .user-menu .user .dropdown-toggle:after{display:none}.conversations-list .user-menu .dropdown .dropdown-menu,.conversations-list .user-menu .user .dropdown-menu{margin-top:5px}.conversations-list .user-menu .dropdown .avatar img,.conversations-list .user-menu .dropdown .avatar span,.conversations-list .user-menu .user .avatar img,.conversations-list .user-menu .user .avatar span{width:25px;height:25px;border-radius:50%;font-size:14px;display:grid;place-content:center;color:#fff}.conversations-list .user-menu .dropdown .nick,.conversations-list .user-menu .user .nick{color:#4b2c7a;font-weight:700}.conversations-list .user-menu .dropdown .menu-icon,.conversations-list .user-menu .user .menu-icon{display:grid;align-content:center;margin-left:5px;color:#99999b}.conversations-list .list{min-height:0;overflow:hidden}.conversations-list .list .side-block{flex-direction:row;display:grid;margin-bottom:10px}.conversations-list .list .side-block .title{display:flex;justify-content:space-between;flex-direction:row;padding:12px 15px 5px;color:#fff;font-size:12px;letter-spacing:1px;text-transform:uppercase}.conversations-list .list .side-block .title .block-name{opacity:.6}.conversations-list .list .side-block .title .block-name>span{opacity:.3;display:inline-block;margin-left:6px}.conversations-list .list .side-block .title .add-icon{cursor:pointer;position:relative;padding:0 5px;right:-5px;transition:opacity .2s ease-out;opacity:.6}.conversations-list .list .side-block .title .add-icon:hover{opacity:.8}.conversations-list .list .side-block .item{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr;padding:6px;margin:4px 3px;transition:background-color .3s ease-out;cursor:pointer;border-radius:6px;outline:none;min-height:24px}.conversations-list .list .side-block .item:hover,.conversations-list .list .side-block .item.active{background:#200b3e}.conversations-list .list .side-block .item:hover .user-with-avatar .avatar:before,.conversations-list .list .side-block .item.active .user-with-avatar .avatar:before{border:1px solid #200b3e}.conversations-list .list .side-block .item .channel{color:#fff;align-self:center;text-overflow:ellipsis;overflow:hidden}.conversations-list .list .side-block .item .channel .name:before{content:"#";color:#ccc}.conversations-list .list .side-block .item .user-with-avatar{overflow:hidden}.conversations-list .list .side-block .item .user-with-avatar .nick{text-overflow:ellipsis;overflow:hidden}.conversations-list .list .side-block .item .user-with-avatar .avatar:before{border:1px solid #060409}.conversations-list .list .side-block .item .unread-messages-count{background:#ccc;font-size:12px;color:#000;border-radius:8px;height:18px;align-self:center;box-sizing:border-box;padding:0 5px;margin-left:5px;line-height:18px;font-weight:700}.online-list{grid-area:online-list;position:fixed;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background:#060409;right:0;top:0;height:calc(100vh - 50px);margin:50px 0 0;min-width:250px;transform:translate3d(100%,0,0);transition:transform .2s linear;will-change:transform;z-index:15;overflow:hidden;min-height:0}.online-list.open{transform:translateZ(0)}.online-list .list{min-height:0;overflow:hidden}.online-list .list .side-block{margin-bottom:10px}.online-list .list .side-block .title{padding:12px 15px 5px;color:#fff;opacity:.6;font-size:12px;letter-spacing:1px;text-transform:uppercase}.online-list .list .side-block .title>span{opacity:.3;display:inline-block;margin-left:6px}.online-list .list .side-block .item{display:grid;grid-template-columns:minmax(150px,1fr) auto;grid-template-rows:1fr;padding:6px;margin:4px 3px;transition:background-color .3s ease-out;cursor:pointer;border-radius:6px;outline:none}.online-list .list .side-block .item.active,.online-list .list .side-block .item:hover{background:#200b3e}.online-list .list .side-block .item .user-with-avatar .avatar:before{border:1px solid #060409}.online-list .list .side-block .item .user-with-avatar .nick{overflow:hidden;text-overflow:ellipsis}.online-list .list .side-block .item .actions{padding-left:10px;height:24px;cursor:pointer}.chat-window{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-area:chat-window;min-height:100%}.chat-window .header{position:sticky;position:-webkit-sticky;top:0;left:0;background:#060409;color:#fff;z-index:10;display:grid}.chat-window .header .current-messages-date{position:sticky;position:-webkit-sticky;cursor:default;top:0;z-index:10;background:#ccccccb3;display:grid;place-content:center;opacity:0;color:#0f0b16;border-radius:5px;font-size:14px;padding:5px;height:24px;margin-bottom:-34px;justify-self:center;align-self:end;transition:opacity .2s ease-out}.chat-window .header .current-messages-date.shown{opacity:1}.chat-window .header .current-messages-date.hidden{display:none}.chat-window .header .buttons{display:grid;align-items:center;grid-template-columns:auto minmax(100px,1fr) auto auto;grid-template-rows:1fr;padding:0;height:50px;background:linear-gradient(to right,#4b2c7a,#ac2a35)}.chat-window .header .conversations-button{display:flex;align-items:center;height:50px;padding:0 20px;box-sizing:border-box;cursor:pointer;position:relative}.chat-window .header .conversations-button .unread-messages-count{background:#ac2a35;font-size:12px;color:#fbf5df;border-radius:10px;height:16px;box-sizing:border-box;padding:0 5px;margin-left:5px;line-height:16px;font-weight:700;position:absolute;top:10px}.chat-window .header .online-button{display:flex;align-items:center;height:50px;padding:0 20px;box-sizing:border-box;cursor:pointer;justify-self:end}.chat-window .header .online-button .users-count{margin-left:5px;font-size:14px;color:#fbf5df}.chat-window .header .online-button .users-online-count{opacity:.7}.chat-window .header .private{display:flex}.chat-window .header .private .user-with-avatar{align-self:center}.chat-window .header .private .user-with-avatar .avatar{cursor:auto}.chat-window .header .private .user-with-avatar .avatar:before{border:1px solid #5c2c6e}.chat-window .header .channel{display:flex}.chat-window .header .channel .name{align-self:center;overflow:hidden;text-overflow:ellipsis}.chat-window .header .channel .name:before{content:"#";color:#ccc}.chat-window .header.private .settings-buttons{margin-right:10px}.chat-window .header .settings-buttons{display:flex;place-self:end}.chat-window .header .settings-buttons .settings{display:flex;align-items:center;height:50px;padding:0 10px;box-sizing:border-box;cursor:pointer;min-width:40px;place-content:center}.chat-window .header .settings-buttons .settings:after{display:none}.chat-window .header .topic{overflow:hidden;word-wrap:break-word;font-size:14px;text-overflow:ellipsis;display:grid;cursor:pointer;background:#1d152b}.chat-window .header .topic .text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:10px}.chat-window .header .topic .text.shown{white-space:normal}.chat-window .header .topic .text .nick{font-size:14px;opacity:.4}.chat-window .header .topic .text a{border:0}.chat-window .header .topic .text .channel-link,.chat-window .header .topic .text .user-link{color:#aac6d8;border-bottom:0;text-decoration:none;transition:color .2s ease-out;cursor:pointer}.chat-window .header .topic .text .channel-link:hover,.chat-window .header .topic .text .user-link:hover{color:#cbe6f8;text-decoration:none}.chat-window .tabs{display:grid;position:relative}.chat-window .messages{height:100%}.chat-window .messages.hidden{display:none}.chat-window .messages .message{margin:10px;word-wrap:break-word;display:grid;grid-template-columns:1fr}.chat-window .messages .message.message--removing{overflow:hidden;pointer-events:none;transform-origin:top center}.chat-window .messages .message .last-message-date{margin-bottom:10px;background:#ccc;display:grid;grid-template-columns:auto;place-content:center;justify-self:center;opacity:1;color:#0f0b16;border-radius:5px;font-size:14px;padding:5px;height:24px}.chat-window .messages .message.self .user-with-avatar .text{background:#422b57!important}.chat-window .messages .message.self .user-with-avatar .text:before{border-right:6px solid #422b57!important}.chat-window .messages .message.self .user-with-avatar .text .reply-message{border-left:3px solid #643e9d!important}.chat-window .messages .message .default .message-text .user-link.bold{color:#dd7575}.chat-window .messages .message .default .message-text .user-link.bold:hover{color:#ff9393}.chat-window .messages .message.mention .user-with-avatar .text{background:#421830}.chat-window .messages .message.mention .user-with-avatar .text:before{border-right:6px solid #421830}.chat-window .messages .message.mention .user-with-avatar .text .reply-message{border-left:3px solid #6a2259}.chat-window .messages .message .delimiter{display:block;color:#888;text-align:center;position:relative;margin-bottom:10px}.chat-window .messages .message .delimiter span{background:#09040e;padding:0 10px;position:relative;z-index:1}.chat-window .messages .message .delimiter:before{content:"";display:block;height:1px;background:#221c26;position:absolute;width:100%;top:12px}.chat-window .messages .message>div{display:grid;grid-template-rows:1fr;grid-template-columns:fit-content(150px) 1fr fit-content(50px);grid-gap:10px;position:relative}.chat-window .messages .message .avatar{margin:5px 0;width:32px;height:32px}.chat-window .messages .message .avatar:before{width:8px;height:8px;border-radius:8px}.chat-window .messages .message .avatar img,.chat-window .messages .message .avatar span{width:32px;height:32px;font-size:16px;display:grid;place-content:center;color:#fff}.chat-window .messages .message .text{background:#2b1c3a;padding:5px 10px;color:#fff;border-radius:6px;line-height:1.25;word-wrap:break-word;word-break:break-word}.chat-window .messages .message .text:before{display:block;content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #2b1c3a;position:absolute;left:37px;top:15px}.chat-window .messages .message .text .reply{background:none}.chat-window .messages .message .text .reply.shown .reply-message{white-space:normal}.chat-window .messages .message .text .reply.shown br{display:initial}.chat-window .messages .message .text .reply br{display:none}.chat-window .messages .message .text .reply .reply-message{margin:5px 10px 5px 0}.chat-window .messages .message .text .message-header{margin-bottom:3px}.chat-window .messages .message .text .nick{color:#ccc;display:inline-block;cursor:pointer;transition:opacity .2s ease-out}.chat-window .messages .message .text .nick:hover{opacity:.8}.chat-window .messages .message .text a{border:0}.chat-window .messages .message .text .channel-link,.chat-window .messages .message .text .user-link{color:#aac6d8;border-bottom:0;text-decoration:none;transition:color .2s ease-out;cursor:pointer}.chat-window .messages .message .text .channel-link:hover,.chat-window .messages .message .text .user-link:hover{color:#cbe6f8;text-decoration:none}.chat-window .messages .message .time{padding:5px 0}.chat-window .messages .default{grid-template-columns:1fr fit-content(50px)!important}.chat-window .messages .default .text{background:none;padding:0;line-height:normal}.chat-window .messages .default .text:before{display:none}.chat-window .messages .default .text .nick{margin:0}.chat-window .messages .default .time{padding:0}.chat-window .form{position:sticky;position:-webkit-sticky;bottom:0;left:0;box-sizing:border-box;line-height:1;z-index:10;background:#0f0b16;display:grid}.chat-window .form .scroller{border:2px solid #0f0b16;width:40px;height:40px;border-radius:50%;background:#ccc;position:sticky;position:-webkit-sticky;place-self:end;bottom:0;margin-right:15px;margin-top:-40px;display:grid;place-content:center;color:#0f0b16;cursor:pointer;transform:translate3d(0,40px,0);transition:transform .2s ease-out;will-change:transform}.chat-window .form .scroller.shown{transform:translate3d(0,-15px,0)}.chat-window .form .scroller.shown .unread-messages-count,.chat-window .form .scroller.shown .unread-messages-count-empty{visibility:visible}.chat-window .form .scroller svg{position:relative;top:-8px;place-self:center}.chat-window .form .scroller .unread-messages-count,.chat-window .form .scroller .unread-messages-count-empty{position:relative;top:-10px;background:#200b3e;padding:0 5px;border-radius:8px;color:#fff;height:18px;box-sizing:border-box;font-size:12px;align-self:center;line-height:18px;font-weight:700;visibility:hidden}.chat-window .form .scroller .unread-messages-count-empty{background:none}.chat-window .form form{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr;grid-gap:15px;position:relative;overflow:hidden;box-sizing:border-box;margin:0;background:#0f0b16}.chat-window .form form label{display:grid;margin:0;cursor:text;box-sizing:border-box}.chat-window .form form textarea{display:block;color:#fff;border:0;padding:0;margin:10px;resize:none;outline:none;overflow:hidden;background:#0f0b16;align-self:center;line-height:1.4}.chat-window .form form button{display:block;cursor:pointer;margin:0;padding:10px;border:0;outline:0;align-self:end;background:none}.chat-window .form form button>div{background:#8a8391;color:#150823;border-radius:6px;font-size:16px;box-sizing:border-box;padding:5px 10px;line-height:1px}.chat-window .form .mention-autocomplete{max-height:160px;background:#0f0b16;position:relative}.chat-window .form .mention-autocomplete .user{display:flex;flex-direction:row;padding:5px 10px;cursor:pointer}.chat-window .form .mention-autocomplete .user.focused{background:#200b3e}.chat-window .form .mention-autocomplete .user .avatar img,.chat-window .form .mention-autocomplete .user .avatar span{width:25px;height:25px;border-radius:50%;font-size:14px;display:grid;place-content:center;color:#fff}.chat-window .form .mention-autocomplete .user .nick{color:#fff;align-self:center;margin-left:10px}.chat-window .reply{display:grid;grid-template-rows:1fr;grid-template-columns:1fr auto;background:#0f0b16;z-index:1}.chat-window .reply .reply-message{margin:10px 0 10px 10px;border-left:3px solid #4b2c7a;padding-left:5px;white-space:nowrap;overflow:hidden;line-height:1.25}.chat-window .reply .reply-message .reply-message-header{margin-bottom:3px}.chat-window .reply .reply-message .reply-text{color:#fff;text-overflow:ellipsis;overflow:hidden}.chat-window .reply .reply-message .reply-nick{cursor:pointer;color:#ccc}.chat-window .reply .reply-message.reply-message--deleted{border-left-color:#5b5562}.chat-window .reply .reply-message.reply-message--deleted .reply-text{color:#b6b0bf;font-style:italic}.chat-window .reply .reply-close-button{padding:10px;cursor:pointer;align-self:center}@media(min-width:920px){.chat{display:grid;grid-template-areas:"conversations-list chat-window online-list";grid-template-columns:minmax(250px,auto) 1fr minmax(250px,auto);grid-template-rows:1fr}.chat-window{min-height:auto}.chat-window .header .buttons{grid-template-columns:minmax(200px,1fr) auto auto}.chat-window .header .buttons .conversations-button{display:none}.chat-window .header .buttons .online-button{cursor:auto}.chat-window .header .buttons .channel,.chat-window .header .buttons .private{margin-left:20px}.conversations-list{height:100vh;transform:none;will-change:auto;margin:0}.online-list{height:100vh;transform:none;will-change:auto;margin:0;padding-top:4px}.toasts{margin:60px 260px}}