*,: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,Noto Color Emoji,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 .text .edited{color:#888;text-align:right;margin-top:2px;font-size:11px;display:block}.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:#8a8391;box-sizing:border-box;opacity:.6;border-radius:6px;padding:5px 10px;font-size:16px;line-height:1px;transition:opacity .2s ease-out}.chat-window .form form button:hover>div{opacity:.8}.chat-window .form.connection-status form,.chat-window .form.connection-status form textarea{background:#191026}.chat-window .form.connection-status form textarea::placeholder{color:#a08fc7;opacity:1}.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}.chat-window .edit-banner{z-index:1;background:#0f0b16;grid-template-rows:1fr;grid-template-columns:auto 1fr auto;display:grid}.chat-window .edit-banner .edit-banner-icon{color:#ccc;align-self:center;padding:0 5px 0 12px}.chat-window .edit-banner .edit-banner-icon svg{display:block}.chat-window .edit-banner .edit-banner-message{white-space:nowrap;border-left:3px solid #4b2c7a;margin:10px 0 10px 5px;padding-left:5px;line-height:1.25;overflow:hidden}.chat-window .edit-banner .edit-banner-message .edit-banner-title{color:#ccc;margin-bottom:3px}.chat-window .edit-banner .edit-banner-message .edit-banner-text{color:#fff;text-overflow:ellipsis;overflow:hidden}.chat-window .edit-banner .edit-banner-close{cursor:pointer;align-self:center;padding:10px}:root{--duration-short:.15s;--motion-standard:ease;--emoji-picker-radius:4px;--emoji-picker-bg:#fff;--emoji-picker-backdrop:none;--emoji-picker-border:transparent;--emoji-picker-divider:#e9ecef;--emoji-picker-text:#212529;--emoji-picker-muted:#6c757d;--emoji-picker-placeholder:#adb5bd;--emoji-picker-hover-bg:#f8f9fa;--emoji-picker-active-bg:#e7dff2;--emoji-picker-input-bg:#f1f3f5;--emoji-picker-input-focus-bg:#e7dff2;--emoji-picker-toggle-bg:#e9ecef;--emoji-picker-toggle-color:#495057;--emoji-picker-toggle-hover-bg:#dee2e6;--emoji-picker-toggle-hover-color:#08030e;--emoji-picker-shadow:0 .5rem 1rem #00000026;--emoji-picker-menu-shadow:0 .5rem 1rem #00000026;--emoji-picker-overlay-bg:#06040999}.chat-window .form .emoji-picker-anchor{z-index:40;position:absolute;bottom:calc(100% + 8px);right:8px}.chat-window .form form{grid-column-gap:0;grid-template-columns:1fr auto auto}.chat-window .form form label{grid-column:1}.chat-window .form form .emoji-button>div,.chat-window .form form button[type=submit]>div{padding:5px 6px}.chat-window .form form .emoji-button{padding-right:2px}.chat-window .form form .emoji-button.active>div{color:#cfc4e6;opacity:1}.chat-window .form form button[type=submit]{padding-left:2px}.chat-window .messages .reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chat-window .messages .reactions .reaction{color:#cfc4e6;cursor:pointer;transition:background var(--duration-short) var(--motion-standard);background:#ffffff14;border:0;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 6px;font-size:13px;line-height:1.3;display:inline-flex;position:relative}.chat-window .messages .reactions .reaction .reaction-tooltip{z-index:30;text-align:left;cursor:default;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-short) var(--motion-standard), visibility var(--duration-short) var(--motion-standard);padding-bottom:6px;transition-delay:.15s;display:block;position:absolute;bottom:100%;left:0}.chat-window .messages .reactions .reaction .reaction-tooltip-list{overscroll-behavior:contain;scrollbar-width:thin;box-sizing:border-box;background:#191026;border:1px solid #2b1c3a;border-radius:8px;flex-direction:column;gap:6px;width:max-content;min-width:160px;max-width:260px;max-height:208px;padding:8px 10px;display:flex;overflow-y:auto;box-shadow:0 .5rem 1rem #00000026}.chat-window .messages .reactions .reaction:hover .reaction-tooltip,.chat-window .messages .reactions .reaction:focus-visible .reaction-tooltip{opacity:1;visibility:visible;pointer-events:auto}.chat-window .messages .reactions .reaction .reaction-tooltip-row{align-items:center;gap:8px;display:flex}.chat-window .messages .reactions .reaction .reaction-tooltip-avatar{flex-shrink:0;width:26px;height:26px;display:block}.chat-window .messages .reactions .reaction .reaction-tooltip-avatar img,.chat-window .messages .reactions .reaction .reaction-tooltip-avatar span{object-fit:cover;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.chat-window .messages .reactions .reaction .reaction-tooltip-info{flex-direction:column;min-width:0;display:flex}.chat-window .messages .reactions .reaction .reaction-tooltip-nick{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.chat-window .messages .reactions .reaction .reaction-tooltip-date{color:#8a8391;white-space:nowrap;font-size:11px;line-height:1.3}.chat-window .messages .reactions .reaction:hover,.chat-window .messages .reactions .reaction:focus-visible{background:#ffffff29}.chat-window .messages .reactions .reaction.mine{color:#fff;background:#5d3a94}.chat-window .messages .reactions .reaction.mine:hover,.chat-window .messages .reactions .reaction.mine:focus-visible{background:#6f4bab}.chat-window .messages .reactions .reaction.mine .reaction-count{color:#e3d9f5}.chat-window .messages .reactions .reaction .reaction-emoji{font-size:14px;line-height:1}.chat-window .messages .reactions .reaction .reaction-count{font-size:12px;font-weight:700}.chat-window .messages .reactions .reaction .reaction-users{align-items:center;display:inline-flex}.chat-window .messages .reactions .reaction .reaction-avatar{width:16px;height:16px;display:block}.chat-window .messages .reactions .reaction .reaction-avatar img,.chat-window .messages .reactions .reaction .reaction-avatar span{object-fit:cover;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:9px;display:flex}.chat-window .messages .reactions .reaction .reaction-avatar+.reaction-avatar{margin-left:-5px}.quick-reactions{align-items:center;gap:2px;padding:2px 8px 6px;display:flex}.quick-reactions .quick-reactions-item,.quick-reactions .quick-reactions-more{cursor:pointer;width:32px;min-width:32px;height:32px;transition:background var(--duration-short) var(--motion-standard), transform var(--duration-short) var(--motion-standard);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.quick-reactions .quick-reactions-item:hover,.quick-reactions .quick-reactions-item:focus-visible,.quick-reactions .quick-reactions-more:hover,.quick-reactions .quick-reactions-more:focus-visible{background:#f8f9fa;transform:scale(1.12)}.quick-reactions .quick-reactions-item.active{background:#e7dff2}.quick-reactions .quick-reactions-more{color:#6c757d}@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}}.emoji-picker{background:var(--emoji-picker-bg,#0a0b0ad9);width:min(400px,100vw - 24px);height:min(420px,56vh);-webkit-backdrop-filter:var(--emoji-picker-backdrop,blur(8px));backdrop-filter:var(--emoji-picker-backdrop,blur(8px));border:1px solid var(--emoji-picker-border,transparent);border-radius:var(--emoji-picker-radius,20px);box-shadow:var(--emoji-picker-shadow,0 8px 32px #0006, 0 0 0 1px #ffffff0d);flex-direction:column;display:none;overflow:hidden}.emoji-picker--open{display:flex}.emoji-picker__tabs{border-bottom:1px solid var(--emoji-picker-divider,#ffffff14);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;padding:8px;display:flex;overflow:hidden}.emoji-picker__tab{appearance:none;cursor:pointer;width:32px;min-width:32px;height:32px;font-family:var(--emoji-picker-font,"Google Sans", "Noto Color Emoji", sans-serif);text-transform:none;letter-spacing:normal;transition:background var(--duration-short) var(--motion-standard);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.emoji-picker__tab:hover,.emoji-picker__tab:focus-visible{background:var(--emoji-picker-hover-bg,#ffffff14)}.emoji-picker__tab--active{background:var(--emoji-picker-active-bg,#ffffff29)}.emoji-picker__tab:focus{outline:none}.emoji-picker__search{flex-shrink:0;padding:8px 8px 4px}.emoji-picker__search-input{box-sizing:border-box;background:var(--emoji-picker-input-bg,#ffffff14);width:100%;font-family:var(--emoji-picker-font,"Google Sans", "Noto Color Emoji", sans-serif);color:var(--emoji-picker-text,#fff);transition:background var(--duration-short) var(--motion-standard);border:none;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.3}.emoji-picker__search-input::placeholder{color:var(--emoji-picker-placeholder,#999)}.emoji-picker__search-input:focus{background:var(--emoji-picker-input-focus-bg,#ffffff29);outline:none}.emoji-picker__recent{flex-shrink:0;padding:4px 6px 2px;display:none}.emoji-picker__recent--visible{display:block}.emoji-picker--searching .emoji-picker__recent{display:none}.emoji-picker__recent-title{color:var(--emoji-picker-muted,#bbb);margin:0 0 4px;font-size:11px;line-height:1.2}.emoji-picker__recent-list{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:3px;display:flex;overflow:auto hidden}.emoji-picker__recent-list::-webkit-scrollbar{display:none}.emoji-picker__recent-item{appearance:none;cursor:pointer;width:28px;min-width:28px;height:28px;transition:background var(--duration-short) var(--motion-standard);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.emoji-picker__recent-glyph{transition:transform var(--duration-short) var(--motion-standard);line-height:1;display:inline-block}.emoji-picker__recent-item:hover,.emoji-picker__recent-item:focus-visible{background:var(--emoji-picker-hover-bg,#ffffff14)}.emoji-picker__recent-item:hover .emoji-picker__recent-glyph,.emoji-picker__recent-item:focus-visible .emoji-picker__recent-glyph{transform:scale(1.18)}.emoji-picker__recent-item:focus{outline:none}.emoji-picker__list{box-sizing:border-box;scrollbar-gutter:stable both-edges;flex:1;width:100%;padding:4px;display:block;overflow:hidden auto}.emoji-picker__category{grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;display:none}.emoji-picker__category--active{display:grid}.emoji-picker--searching .emoji-picker__category--active{display:none}.emoji-picker--searching .emoji-picker__category--search{display:grid}.emoji-picker__search-empty{text-align:center;color:var(--emoji-picker-muted,#bbb);grid-column:1/-1;padding:24px 8px;font-size:13px}.emoji-picker__cell{aspect-ratio:1;content-visibility:auto;width:100%;position:relative}.emoji-picker__cell:hover,.emoji-picker__cell:focus-within,.emoji-picker__cell--variants-open{content-visibility:visible}.emoji-picker__cell--variants-open{z-index:2}.emoji-picker__item{appearance:none;cursor:pointer;width:100%;height:100%;font-family:var(--emoji-picker-font,"Google Sans", "Noto Color Emoji", sans-serif);text-transform:none;letter-spacing:normal;transition:background var(--duration-short) var(--motion-standard);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.emoji-picker__item--grouped{padding-right:10px}.emoji-picker__glyph{transition:transform var(--duration-short) var(--motion-standard);font-family:inherit;font-size:1em;line-height:1;display:inline-block}.emoji-picker__item:hover,.emoji-picker__item:focus-visible{background:var(--emoji-picker-hover-bg,#ffffff14)}.emoji-picker__item:hover .emoji-picker__glyph,.emoji-picker__item:focus-visible .emoji-picker__glyph{transform:scale(1.18)}.emoji-picker__item:focus{outline:none}.emoji-picker__variants-toggle{background:var(--emoji-picker-toggle-bg,#ffffff26);appearance:none;width:14px;height:14px;color:var(--emoji-picker-toggle-color,#ccc);cursor:pointer;transition:background var(--duration-short) var(--motion-standard), color var(--duration-short) var(--motion-standard);border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:flex;position:absolute;bottom:3px;right:3px}.emoji-picker__variants-toggle:hover,.emoji-picker__variants-toggle:focus-visible{background:var(--emoji-picker-toggle-hover-bg,#ffffff4d);color:var(--emoji-picker-toggle-hover-color,#fff)}.emoji-picker__variants-toggle:focus{outline:none}.emoji-picker__variants-menu{border:1px solid var(--emoji-picker-border,transparent);background:var(--emoji-picker-bg,#0a0b0ad9);width:max-content;max-width:min(220px,100vw - 48px);-webkit-backdrop-filter:var(--emoji-picker-backdrop,blur(8px));backdrop-filter:var(--emoji-picker-backdrop,blur(8px));box-shadow:var(--emoji-picker-menu-shadow,0 8px 32px #0006, 0 0 0 1px #ffffff0d);scrollbar-width:thin;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-short) var(--motion-standard);border-radius:10px;flex-wrap:nowrap;align-items:center;gap:3px;padding:3px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:auto hidden;transform:translate(-50%)}.emoji-picker__cell--variants-open .emoji-picker__variants-menu{opacity:1;visibility:visible;pointer-events:auto}.emoji-picker__cell--variants-align-left .emoji-picker__variants-menu{left:0;right:auto;transform:translate(0)}.emoji-picker__cell--variants-align-right .emoji-picker__variants-menu{left:auto;right:0;transform:translate(0)}.emoji-picker__cell--variants-below .emoji-picker__variants-menu{top:calc(100% + 6px);bottom:auto}.emoji-picker__variant-item{appearance:none;cursor:pointer;width:28px;height:28px;transition:background var(--duration-short) var(--motion-standard);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.emoji-picker__variant-item:hover,.emoji-picker__variant-item:focus-visible,.emoji-picker__variant-item--active{background:var(--emoji-picker-active-bg,#ffffff29)}.emoji-picker__variant-item:focus{outline:none}.emoji-picker-overlay{z-index:1100;background:var(--emoji-picker-overlay-bg,#0a0b0a80);justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.emoji-picker-overlay--open{display:flex}.emoji-reactions-popover{border:1px solid var(--emoji-picker-border,transparent);background:var(--emoji-picker-bg,#0a0b0ad9);-webkit-backdrop-filter:var(--emoji-picker-backdrop,blur(8px));backdrop-filter:var(--emoji-picker-backdrop,blur(8px));box-shadow:var(--emoji-picker-menu-shadow,0 8px 32px #0006, 0 0 0 1px #ffffff0d);z-index:60;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px)}.emoji-reactions-popover--below{top:calc(100% + 6px);bottom:auto}.emoji-reactions-popover__item,.emoji-reactions-popover__more{appearance:none;cursor:pointer;width:32px;min-width:32px;height:32px;transition:background var(--duration-short) var(--motion-standard);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.emoji-reactions-popover__glyph{transition:transform var(--duration-short) var(--motion-standard);line-height:1;display:inline-block}.emoji-reactions-popover__more{color:var(--emoji-picker-muted,#bbb);font-size:22px}.emoji-reactions-popover__item:hover,.emoji-reactions-popover__item:focus-visible,.emoji-reactions-popover__more:hover,.emoji-reactions-popover__more:focus-visible{background:var(--emoji-picker-hover-bg,#ffffff14)}.emoji-reactions-popover__item:hover .emoji-reactions-popover__glyph,.emoji-reactions-popover__item:focus-visible .emoji-reactions-popover__glyph{transform:scale(1.25)}.emoji-reactions-popover__item:focus,.emoji-reactions-popover__more:focus{outline:none}