*,: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{max-width:100%;display:block}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{text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:400;line-height:1.5;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.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;color:#000;opacity:.5;cursor:pointer;background: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") 50%/1em no-repeat;border:0;border-radius:4px;width:1em;height:1em;padding:.25em}.btn-close:hover{opacity:.75}.btn-close:focus{opacity:1;outline:none}.modal-open{padding-right:0!important;overflow:hidden!important}.modal{z-index:1055;outline:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden auto}.modal form input{color:#16181b;box-sizing:border-box;background:#fff;border:none;border-bottom:1px solid #9c9a9e;border-radius:0;width:200px;height:36px;padding:0 0 5px;font-size:16px;display:block}.modal form input:focus{outline:none}.modal form input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.modal form input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.modal form input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.modal form input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.modal-dialog{pointer-events:none;width:auto;max-width:500px;margin:1.75rem auto;position:relative}.modal-dialog-centered{align-items:center;min-height:calc(100% - 1rem);display:flex}.modal-content{pointer-events:auto;background-color:#fff;background-clip:padding-box;border:none;border-radius:4px;outline:0;flex-direction:column;width:100%;display:flex;position:relative;box-shadow:0 .5rem 1rem #00000026}.modal-header{border-bottom:1px solid #dee2e6;border-top-left-radius:4px;border-top-right-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;padding:15px;display:flex}.modal-header .btn-close{margin:-.5rem -.5rem -.5rem auto;padding:.5rem}.modal-title{color:#16181b;margin:0;font-size:16px;font-weight:500;line-height:1.5}.modal-body{flex:auto;padding:15px;position:relative}.modal-body .full-width{width:100%}.modal-body .hint{color:#08030e;background:#f0f0f0;border-radius:5px;margin-top:10px;padding:5px;font-size:14px}.modal-footer{border-top:1px solid #dee2e6;border-bottom-right-radius:4px;border-bottom-left-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;padding:15px;display:flex}.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{color:#fff;background:#624184;text-decoration:none}.modal-backdrop{z-index:1050;background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal-sm{max-width:300px}.modal-lg{max-width:800px}.dropdown,.dropup,.dropend,.dropstart{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:.255em;display:inline-block}.dropdown-menu{z-index:1050;color:#212529;text-align:left;background-color:#fff;background-clip:padding-box;border:none;border-radius:4px;width:max-content;min-width:10rem;margin:0;padding:.5rem 0;font-size:16px;list-style:none;display:block;position:absolute;box-shadow:0 .5rem 1rem #00000026}.dropdown-menu.dropdown-menu-inline{position:relative}.dropdown-item{clear:both;color:#08030e;text-align:left;white-space:nowrap;cursor:pointer;background-color:#0000;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;font-size:16px;font-weight:400;text-decoration:none;display:flex}.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{border-radius:0;justify-content:flex-start;font-size:16px}.dropdown-item.btn.btn-primary{color:#08030e;background-color:#0000;border-color:#0000}.dropdown-item.btn.btn-primary:hover,.dropdown-item.btn.btn-primary:focus{color:#08030e;background-color:#f8f9fa;border-color:#0000}.dropdown-divider{border:0;border-top:1px solid #00000026;height:0;margin:5px 0;overflow:hidden}.toast{pointer-events:auto;color:#08030e;background-color:#fff;background-clip:padding-box;border:1px solid #0000001a;border-radius:4px;width:100%;min-width:250px;max-width:350px;font-size:14px;display:block;position:relative;box-shadow:0 .5rem 1rem #00000026}.toast-header{color:#08030e;background-color:#fff;background-clip:padding-box;border-bottom:1px solid #0000000d;border-top-left-radius:4px;border-top-right-radius:4px;align-items:center;padding:5px 10px;display:flex}.toast-header .btn-close{margin-left:auto}.toast-body{word-break:break-word;padding:10px}body{overflow-y:scroll}body>.overlay{z-index:9}body>.overlay.topic{z-index:15}html,body{color:#ccc;box-sizing:border-box;background:#08030e;height:100%;font-family:Google Sans,sans-serif;font-size:16px}#root{height:100%}a{color:#aac6d8;border-bottom:1px solid #aac6d84d;text-decoration:none;transition:color .2s ease-out}a:hover{color:#cbe6f8;text-decoration:none}input:-webkit-autofill{-webkit-box-shadow:none;-webkit-text-fill-color:transparent}input:-webkit-autofill:hover{-webkit-box-shadow:none;-webkit-text-fill-color:transparent}input:-webkit-autofill:focus{-webkit-box-shadow:none;-webkit-text-fill-color:transparent}input:-webkit-autofill:active{-webkit-box-shadow:none;-webkit-text-fill-color:transparent}input:focus{outline:none}input:invalid{box-shadow:none}.switch .indicator{vertical-align:middle;box-sizing:border-box;cursor:pointer;background:#fff;border-radius:13px;width:50px;height:26px;margin:0 10px;padding:3px;display:inline-block}.switch .indicator>div{content:"";background-color:#4b2c7a;border-radius:20px;width:20px;height:20px;transition:left .2s ease-out;display:inline-block;position:relative}.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{box-sizing:border-box;color:#fff;cursor:pointer;background:#ac2a35;border:0;border-radius:6px;outline:none;padding:9px 20px;transition:all .2s ease-out;display:inline-block}.button:hover,.button:active:hover,.button:focus:hover{color:#fff;background:#e62c38;text-decoration:none}.button.disabled,.button:active.disabled,.button:focus.disabled{color:#fff6;background:#1a1a1a}.button.secondary,.button:active.secondary,.button:focus.secondary{background:#999}.button.secondary:hover,.button:active.secondary:hover,.button:focus.secondary:hover{color:#fff;background:#aeaeae;text-decoration:none}@keyframes pulse{0%{width:25vw;height:25vh}50%{width:35vw;height:35vh}to{width:25vw;height:25vh}}.loading{height:100%;display:grid}.loading>div{flex-direction:column;place-self:center;display:flex}.loading>div .img{min-height:36vh;display:grid}.loading>div .img img,.loading>div .img svg{place-self:center;width:25vw;height:25vh;animation:2s linear infinite pulse}.loading>div .text{text-transform:uppercase;color:#fff;opacity:.4;text-align:center;min-height:85px;margin:15px 10px 0;font-size:16px}.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{cursor:pointer;outline:none;width:24px;min-height:24px;margin-right:6px;position:relative}.user-with-avatar .avatar img,.user-with-avatar .avatar span{color:#fff;border-radius:50%;place-content:center;width:24px;height:24px;font-size:14px;display:grid}.user-with-avatar .avatar:before{content:"";border-radius:8px;width:8px;height:8px;display:block;position:absolute;bottom:0;right:0}.user-with-avatar .nick{align-self:center}.user-with-avatar .nick button{color:#fff;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-block}.user-with-avatar .nick span{color:#fff}.toasts{grid-template-columns:minmax(min-content,max-content);grid-auto-rows:auto;align-content:end;margin:60px 10px;display:grid;position:fixed;bottom:0}.toasts .toast{margin-top:10px}.toasts .holder{opacity:.95}.bold{font-weight:700}.native-scrollbars{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;height:100%;min-height:0}.native-scrollbars::-webkit-scrollbar{width:8px;height:8px}.native-scrollbars::-webkit-scrollbar-track{background:0 0}.native-scrollbars::-webkit-scrollbar-thumb{background-color:#ffffff4d;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.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:#0000}.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{grid-template:"header"50px"form"1fr"footer"50px/1fr;height:100%;display:grid}.login .header{flex-direction:row;grid-area:header;justify-content:space-between;padding:13px 10px;display:flex}.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{width:176px;height:24px;display:none}.login .header .menu span{color:#fff;margin-left:20px}.login .header .menu a{margin-left:20px}.login .text{text-align:center;grid-area:form;place-self:center;margin:0 50px;font-size:24px;font-weight:300;line-height:1.5}.login .form{grid-area:form;place-self:center;width:220px;min-height:410px;margin:30px 0}.login .form .logo{display:none}.login .form h2{color:#fff;margin:0 0 15px;font-size:36px;font-weight:300;line-height:normal}.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{margin-bottom:25px;position:relative}.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{color:#fff;box-sizing:border-box;filter:none;background:#08030e;border:none;border-bottom:1px solid #9c9a9e;border-radius:0;width:200px;height:36px;padding:0 0 5px;font-size:16px;display:block}.login .form form .form-group .group input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.login .form form .form-group .group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.login .form form .form-group .group input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.login .form form .form-group .group input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #08030e!important}.login .form form .form-group .group input:focus{outline:none}.login .form form .form-group .group label{color:#9c9a9e;pointer-events:none;font-size:16px;transition:all .2s;position:absolute;top:5px}.login .form form .form-group .group input:focus~label,.login .form form .form-group .group input.has-text~label{font-size:14px;top:-16px}.login .form form .form-group .group input:invalid{box-shadow:none}.login .form form .form-group .group .bar{width:200px;display:block;position:relative}.login .form form .form-group .group .bar:before{content:"";background:#fff;width:0;height:1px;position:absolute;bottom:0;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{opacity:.5;margin-bottom:20px;font-size:14px}.login .form .store-icons{margin-top:40px}.login .form .store-icons img{height:35px}.login .logged{grid-template-rows:repeat(4,minmax(auto,min-content));grid-template-columns:1fr;grid-template-areas:"profile""enter""delimiter""statistics";height:auto;margin:30px 0;display:grid}.login .logged .profile{flex-direction:row;grid-area:profile;align-items:center;margin:0 15px;padding-bottom:30px;display:flex}.login .logged .profile .avatar img,.login .logged .profile .avatar span{color:#fff;border-radius:50px;place-content:center;width:50px;height:50px;margin-right:15px;font-size:24px;display:grid}.login .logged .profile .hello{color:#fff;font-size:24px}.login .logged .profile .hello span{font-weight:700}.login .logged .profile .hello .info{max-width:400px;font-size:14px;line-height:1.5}.login .logged .enter{grid-area:enter;margin:0 15px;padding-bottom:30px}.login .logged .enter .title{color:#fff;margin-bottom:15px;font-size:26px}.login .logged .enter .channel-form{margin-bottom:15px}.login .logged .enter .channel-form input{color:#fff;box-sizing:border-box;width:150px;box-shadow:none;filter:none;background:#08030e;border:none;border-bottom:1px solid #9c9a9e;border-radius:0;outline:none;padding:0 0 5px;font-size:16px;display:inline-block}.login .logged .enter .channel-form input:focus{border-bottom:1px solid #fff}.login .logged .enter .channel-form button{margin-left:5px;padding:5px 13px}.login .logged .enter .channel-form .hint{color:#403e42;margin-top:10px;font-size:14px}.login .logged .enter .channels{margin-bottom:15px}.login .logged .enter .channels .item{color:#fff;line-height:1.1}.login .logged .enter .channels .item button{color:#aac6d8;cursor:pointer;background:0 0;border:0;width:auto;padding:0 7px;font-size:20px;text-decoration:none;transition:color .2s ease-out;display:inline-block}.login .logged .enter .channels .item button:hover{color:#cbe6f8}.login .logged .enter .channels .item:before{content:"#";color:#ccc}.login .logged .delimiter{background:#221c26;grid-area:delimiter;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;text-align:center;letter-spacing:1px;margin-bottom:20px;font-size:12px}.login .logged .statistics .items .item{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.login .logged .statistics .items .item .value{font-size:20px}.login .footer{color:#fff;opacity:.4;grid-area:footer;padding:15px;font-size:14px;line-height:normal}@media (width>=720px){.login .header{padding:24px 30px}.login .header .logo .mobile{display:none}.login .header .logo .desktop{display:initial}.login .form{grid-gap:120px;grid-template-rows:1fr;grid-template-columns:240px 300px;width:auto;display:grid}.login .form .logo{display:initial}.login .form .logo img{width:240px;height:240px}.login .logged{grid-template-rows:repeat(3,minmax(auto,min-content));grid-template-columns:1fr 1px 1fr;grid-template-areas:"profile delimiter enter""statistics statistics statistics";height:auto;margin:100px 0 30px}.login .logged .profile{background:radial-gradient(circle closest-side,#141117,#08040e);border-radius:50%;justify-content:center;place-self:center;width:100%;margin:0;padding:200px 0}.login .logged .profile .avatar{margin-left:15px}.login .logged .profile .avatar img,.login .logged .profile .avatar span{border-radius:100px;width:100px;height:100px;margin-right:40px;font-size:42px}.login .logged .profile .hello{margin-right:15px;font-size:32px;line-height:1.5}.login .logged .profile .hello .info{margin-top:5px;font-size:16px;display:block}.login .logged .enter{place-self:center}.login .logged .delimiter{background:#221c26;grid-area:delimiter;width:1px;height:100%}.login .logged .statistics{margin:0}.login .logged .statistics .items{flex-direction:row;justify-content:center;align-items:start;display:flex}.login .logged .statistics .items .item{width:220px;display:block}.login .logged .statistics .items .item .name{text-align:center}.login .logged .statistics .items .item .value{text-align:center;margin-top:8px;font-size:30px}.login .footer{padding:17px 30px}}.chat{height:100%}.chat.private{grid-template-columns:minmax(250px,auto) 1fr}.conversations-list{will-change:transform;z-index:15;background:#060409;grid-area:conversations-list;grid-template-rows:50px 1fr;grid-template-columns:1fr;min-width:250px;height:calc(100vh - 50px);min-height:0;margin:50px 0 0;transition:transform .2s linear;display:grid;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.conversations-list.open{transform:translate(0,0)}.conversations-list .user-menu{box-sizing:border-box;grid-template-rows:1fr;grid-template-columns:auto auto;align-items:center;height:50px;padding:10px;display:grid}.conversations-list .user-menu .logo img{width:25px;height:25px}.conversations-list .user-menu .dropdown,.conversations-list .user-menu .user{cursor:pointer;flex-direction:row;justify-self:end;display:flex}.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{color:#fff;border-radius:50%;place-content:center;width:25px;height:25px;font-size:14px;display:grid}.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{color:#99999b;align-content:center;margin-left:5px;display:grid}.conversations-list .list{min-height:0;overflow:hidden}.conversations-list .list .side-block{flex-direction:row;margin-bottom:10px;display:grid}.conversations-list .list .side-block .title{color:#fff;letter-spacing:1px;text-transform:uppercase;flex-direction:row;justify-content:space-between;padding:12px 15px 5px;font-size:12px;display:flex}.conversations-list .list .side-block .title .block-name{opacity:.6}.conversations-list .list .side-block .title .block-name>span{opacity:.3;margin-left:6px;display:inline-block}.conversations-list .list .side-block .title .add-icon{cursor:pointer;opacity:.6;padding:0 5px;transition:opacity .2s ease-out;position:relative;right:-5px}.conversations-list .list .side-block .title .add-icon:hover{opacity:.8}.conversations-list .list .side-block .item{cursor:pointer;border-radius:6px;outline:none;grid-template-rows:1fr;grid-template-columns:1fr auto;min-height:24px;margin:4px 3px;padding:6px;transition:background-color .3s ease-out;display:grid}.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;text-overflow:ellipsis;align-self:center;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{color:#000;box-sizing:border-box;background:#ccc;border-radius:8px;align-self:center;height:18px;margin-left:5px;padding:0 5px;font-size:12px;font-weight:700;line-height:18px}.online-list{will-change:transform;z-index:15;background:#060409;grid-area:online-list;grid-template-rows:1fr;grid-template-columns:1fr;min-width:250px;height:calc(100vh - 50px);min-height:0;margin:50px 0 0;transition:transform .2s linear;display:grid;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.online-list.open{transform:translate(0,0)}.online-list .list{min-height:0;overflow:hidden}.online-list .list .side-block{margin-bottom:10px}.online-list .list .side-block .title{color:#fff;opacity:.6;letter-spacing:1px;text-transform:uppercase;padding:12px 15px 5px;font-size:12px}.online-list .list .side-block .title>span{opacity:.3;margin-left:6px;display:inline-block}.online-list .list .side-block .item{cursor:pointer;border-radius:6px;outline:none;grid-template-rows:1fr;grid-template-columns:minmax(150px,1fr) auto;margin:4px 3px;padding:6px;transition:background-color .3s ease-out;display:grid}.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{text-overflow:ellipsis;overflow:hidden}.online-list .list .side-block .item .actions{cursor:pointer;height:24px;padding-left:10px}.chat-window{grid-area:chat-window;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:100%;display:grid}.chat-window .header{color:#fff;z-index:10;background:#060409;display:grid;position:sticky;top:0;left:0}.chat-window .header .current-messages-date{cursor:default;z-index:10;opacity:0;color:#0f0b16;background:#ccccccb3;border-radius:5px;place-content:center;place-self:end center;height:24px;margin-bottom:-34px;padding:5px;font-size:14px;transition:opacity .2s ease-out;display:grid;position:sticky;top:0}.chat-window .header .current-messages-date.shown{opacity:1}.chat-window .header .current-messages-date.hidden{display:none}.chat-window .header .buttons{background:linear-gradient(90deg,#4b2c7a,#ac2a35);grid-template-rows:1fr;grid-template-columns:auto minmax(100px,1fr) auto auto;align-items:center;height:50px;padding:0;display:grid}.chat-window .header .conversations-button{box-sizing:border-box;cursor:pointer;align-items:center;height:50px;padding:0 20px;display:flex;position:relative}.chat-window .header .conversations-button .unread-messages-count{color:#fbf5df;box-sizing:border-box;background:#ac2a35;border-radius:10px;height:16px;margin-left:5px;padding:0 5px;font-size:12px;font-weight:700;line-height:16px;position:absolute;top:10px}.chat-window .header .online-button{box-sizing:border-box;cursor:pointer;justify-self:end;align-items:center;height:50px;padding:0 20px;display:flex}.chat-window .header .online-button .users-count{color:#fbf5df;margin-left:5px;font-size:14px}.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{text-overflow:ellipsis;align-self:center;overflow:hidden}.chat-window .header .channel .name:before{content:"#";color:#ccc}.chat-window .header.private .settings-buttons{margin-right:10px}.chat-window .header .settings-buttons{place-self:end;display:flex}.chat-window .header .settings-buttons .settings{box-sizing:border-box;cursor:pointer;place-content:center;align-items:center;min-width:40px;height:50px;padding:0 10px;display:flex}.chat-window .header .settings-buttons .settings:after{display:none}.chat-window .header .topic{word-wrap:break-word;text-overflow:ellipsis;cursor:pointer;background:#1d152b;font-size:14px;display:grid;overflow:hidden}.chat-window .header .topic .text{text-overflow:ellipsis;white-space:nowrap;padding:10px;overflow:hidden}.chat-window .header .topic .text.shown{white-space:normal}.chat-window .header .topic .text .nick{opacity:.4;font-size:14px}.chat-window .header .topic .text a{border:0}.chat-window .header .topic .text .channel-link,.chat-window .header .topic .text .user-link{color:#aac6d8;cursor:pointer;border-bottom:0;text-decoration:none;transition:color .2s ease-out}.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{word-wrap:break-word;grid-template-columns:1fr;margin:10px;display:grid}.chat-window .messages .message.message--removing{pointer-events:none;transform-origin:top;overflow:hidden}.chat-window .messages .message .last-message-date{opacity:1;color:#0f0b16;background:#ccc;border-radius:5px;grid-template-columns:auto;place-content:center;justify-self:center;height:24px;margin-bottom:10px;padding:5px;font-size:14px;display:grid}.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{color:#888;text-align:center;margin-bottom:10px;display:block;position:relative}.chat-window .messages .message .delimiter span{z-index:1;background:#09040e;padding:0 10px;position:relative}.chat-window .messages .message .delimiter:before{content:"";background:#221c26;width:100%;height:1px;display:block;position:absolute;top:12px}.chat-window .messages .message>div{grid-gap:10px;grid-template-rows:1fr;grid-template-columns:fit-content(150px) 1fr fit-content(50px);display:grid;position:relative}.chat-window .messages .message .avatar{width:32px;height:32px;margin:5px 0}.chat-window .messages .message .avatar:before{border-radius:8px;width:8px;height:8px}.chat-window .messages .message .avatar img,.chat-window .messages .message .avatar span{color:#fff;place-content:center;width:32px;height:32px;font-size:16px;display:grid}.chat-window .messages .message .text{color:#fff;word-wrap:break-word;word-break:break-word;background:#2b1c3a;border-radius:6px;padding:5px 10px;line-height:1.25}.chat-window .messages .message .text:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:6px solid #2b1c3a;width:0;height:0;display:block;position:absolute;top:15px;left:37px}.chat-window .messages .message .text .reply{background:0 0}.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;cursor:pointer;transition:opacity .2s ease-out;display:inline-block}.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;cursor:pointer;border-bottom:0;text-decoration:none;transition:color .2s ease-out}.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:0 0;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{box-sizing:border-box;z-index:10;background:#0f0b16;line-height:1;display:grid;position:sticky;bottom:0;left:0}.chat-window .form .scroller{color:#0f0b16;cursor:pointer;will-change:transform;background:#ccc;border:2px solid #0f0b16;border-radius:50%;place-content:center;place-self:end;width:40px;height:40px;margin-top:-40px;margin-right:15px;transition:transform .2s ease-out;display:grid;position:sticky;bottom:0;transform:translateY(40px)}.chat-window .form .scroller.shown{transform:translateY(-15px)}.chat-window .form .scroller.shown .unread-messages-count,.chat-window .form .scroller.shown .unread-messages-count-empty{visibility:visible}.chat-window .form .scroller svg{place-self:center;position:relative;top:-8px}.chat-window .form .scroller .unread-messages-count,.chat-window .form .scroller .unread-messages-count-empty{color:#fff;box-sizing:border-box;visibility:hidden;background:#200b3e;border-radius:8px;align-self:center;height:18px;padding:0 5px;font-size:12px;font-weight:700;line-height:18px;position:relative;top:-10px}.chat-window .form .scroller .unread-messages-count-empty{background:0 0}.chat-window .form form{grid-gap:15px;box-sizing:border-box;background:#0f0b16;grid-template-rows:1fr;grid-template-columns:1fr auto;margin:0;display:grid;position:relative;overflow:hidden}.chat-window .form form label{cursor:text;box-sizing:border-box;margin:0;display:grid}.chat-window .form form textarea{color:#fff;resize:none;background:#0f0b16;border:0;outline:none;align-self:center;margin:10px;padding:0;line-height:1.4;display:block;overflow:hidden}.chat-window .form form button{cursor:pointer;background:0 0;border:0;outline:0;align-self:end;margin:0;padding:10px;display:block}.chat-window .form form button>div{color:#150823;box-sizing:border-box;background:#8a8391;border-radius:6px;padding:5px 10px;font-size:16px;line-height:1px}.chat-window .form .mention-autocomplete{background:#0f0b16;max-height:160px;position:relative}.chat-window .form .mention-autocomplete .user{cursor:pointer;flex-direction:row;padding:5px 10px;display:flex}.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{color:#fff;border-radius:50%;place-content:center;width:25px;height:25px;font-size:14px;display:grid}.chat-window .form .mention-autocomplete .user .nick{color:#fff;align-self:center;margin-left:10px}.chat-window .reply{z-index:1;background:#0f0b16;grid-template-rows:1fr;grid-template-columns:1fr auto;display:grid}.chat-window .reply .reply-message{white-space:nowrap;border-left:3px solid #4b2c7a;margin:10px 0 10px 10px;padding-left:5px;line-height:1.25;overflow:hidden}.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{cursor:pointer;align-self:center;padding:10px}@media (width>=920px){.chat{grid-template:"conversations-list chat-window online-list"1fr/minmax(250px,auto) 1fr minmax(250px,auto);display:grid}.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{will-change:auto;height:100vh;margin:0;transform:none}.online-list{will-change:auto;height:100vh;margin:0;padding-top:4px;transform:none}.toasts{margin:60px 260px}}