.chat{color:#f2f2f2;height:calc(100vh - 40px);overflow:hidden;position:fixed;right:0;top:40px;width:340px;z-index:1}.chat .share-popup{display:block;height:300px;overflow-y:scroll;padding:10px}.chat .share-popup .copy-room-link{background-image:url(/static_files/icons/copy-dark.png);background-position:50%;background-repeat:no-repeat;background-size:24px;border-radius:50%;cursor:pointer;display:inline-block;height:40px;padding:7px;vertical-align:middle;width:40px}.chat .hidechatcommands{bottom:55px;display:none;left:10px}.chat .hidechatcommands:before{bottom:-4px;left:8px;right:auto;top:auto}.chat .short-user-menu{background-color:#1f1b2f;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;left:10px;padding:10px 10px 5px;position:fixed;top:10px;z-index:2}.chat .short-user-menu button{font-size:1.2rem;padding:2px 8px;width:100%}.chat .show-more{margin:10px 0}.chat .show-more button{font-size:1.2rem;padding:2px 8px}.chat .chat-header{grid-gap:6px;align-items:center;display:grid;grid-template-columns:28px 97px auto;height:34px;padding:2px}.chat .members-online{-webkit-overflow-scrolling:touch;display:inline-block;height:34px;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth}.chat .members-online::-webkit-scrollbar-track{background:hsla(0,0%,100%,0);height:2px}.chat .members-online::-webkit-scrollbar{height:2px}.chat .members-online::-webkit-scrollbar-thumb,.chat .members-online:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}.chat .members-online ul{list-style:none}.chat .members-online ul .item{border:1px solid transparent;display:inline-block;height:30px;margin-left:2px;position:relative}.chat .members-online ul .item.wtime{border-color:#fff;border-radius:20px}.chat .members-online ul .item span{color:#fff;display:inline-block;font-size:1.2rem;font-weight:400;left:-3px;position:relative;text-align:center;top:-6px;width:48px}.chat .members-online ul .item .wrapper{background-color:rgba(0,0,0,.11);border-radius:50%;display:inline-block;height:28px;padding:2px;transition:all .2s ease;width:28px}.chat .members-online ul .item .wrapper.premium{background-image:url(/static_files/a54483bd82b6a251b78d381b66a6a4c5.svg);background-repeat:no-repeat;background-size:28px;padding:3px}.chat .members-online ul .item .wrapper.premium .avatar{height:22px;width:22px}.chat .members-online ul .item .wrapper .avatar{background:url(/static_files/noavatar.svg) 50% no-repeat;background-size:24px;border-radius:50%;height:24px;overflow:hidden;position:relative;width:24px}.chat .members-online ul .item .wrapper .avatar.owner{border-color:#90ee90}.chat .members-online ul .item .wrapper .avatar img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat .members-online ul .item .wrapper .avatar.active:after{background:rgba(255,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.chat .icon-voice{background:hsla(0,0%,100%,.59) url(/static_files/icons/voice.svg) 50% no-repeat;background-size:12px;border-radius:50%;cursor:pointer;display:inline-block;height:28px;position:relative;transform:rotateY(180deg);transition:background .2s ease;width:28px}.chat .icon-voice.active,.chat .icon-voice:hover{background:#1d8df2 url(/static_files/icons/voice.svg) 50% no-repeat;background-size:12px}.chat .icon-mute{background:hsla(0,0%,100%,.3) url(/static_files/icons/mute.svg) 50% no-repeat;background-size:12px;border-radius:50%;cursor:pointer;display:inline-block;height:28px;position:relative;transition:background .2s ease;width:28px}.chat .icon-mute.active{background:red url(/static_files/icons/mute.svg) 50% no-repeat;background-size:12px}.chat .film-share{display:inline-block;width:102px}.chat .film-share input{left:-9999px;position:absolute}.chat .film-share .btn{background:#fb2d7f;border-radius:20px;cursor:pointer;display:inline-block;height:28px;padding:2px 8px;position:relative}.chat .film-share .btn .icon{background-image:url(/static_files/icons/add-user-4.png);background-size:12px;display:inline-block;height:12px;margin-right:4px;width:12px}.chat .chat-login{background-color:hsla(0,0%,100%,.12);color:#f2f2f2;cursor:pointer;font-size:1.4rem;height:34px;line-height:34px;text-align:center}.chat .chat-area{color:#f2f2f2;height:calc(100% - 44px);position:relative}.chat .chat-area .friends{height:500px;overflow-y:auto}.chat .chat-area .chat-info{background-color:hsla(0,0%,100%,.12);color:#f2f2f2;font-size:1.4rem;height:30px;padding:5px 10px;position:relative}.chat .chat-area .chat-info span{cursor:pointer}.chat .chat-area .chat-info span i{background-size:14px;display:inline-block;height:14px;transition:all .2s ease;vertical-align:middle;width:14px}.chat .chat-area .chat-info span i.share{background-image:url(/static_files/icons/share.svg)}.chat .chat-area .chat-info span i.share.active{transform:rotate(90deg)}.chat .chat-area .chat-info span i.arrow-down{background-image:url(/static_files/icons/left-chevron.svg);transform:rotate(-90deg)}.chat .chat-area .chat-info span i.arrow-down.active{transform:rotate(90deg)}.chat .chat-area .messages{-webkit-overflow-scrolling:touch;height:calc(100% - 34px);list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:5px 0}.chat .chat-area .messages::-webkit-scrollbar-track{background:hsla(0,0%,100%,0);width:17px}.chat .chat-area .messages::-webkit-scrollbar{width:17px}.chat .chat-area .messages::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,0)}.chat .chat-area .messages:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}.chat .chat-area .messages .message{margin-bottom:20px;padding:1px 3px;position:relative}.chat .chat-area .messages .message.active{text-align:right}.chat .chat-area .messages .message.active .li-wrapper{grid-template-columns:auto}.chat .chat-area .messages .message.active .li-wrapper .body{background-color:#312b45;text-align:left}.chat .chat-area .messages .message.active .li-wrapper .body:before{opacity:0}.chat .chat-area .messages .message .li-wrapper{grid-gap:5px;display:inline-grid;grid-template-columns:50px auto;max-width:90%;position:relative}.chat .chat-area .messages .message .li-wrapper .leftside{text-align:center}.chat .chat-area .messages .message .li-wrapper .quote{background-color:hsla(0,0%,100%,.12);border-left:2px solid hsla(0,0%,100%,.15);margin-bottom:5px;padding:4px 6px}.chat .chat-area .messages .message .li-wrapper .quote strong{font-size:1.4rem}.chat .chat-area .messages .message .li-wrapper .quote p{font-size:1.4rem;word-break:break-word}.chat .chat-area .messages .message .li-wrapper .quote p img{width:100%}.chat .chat-area .messages .message .li-wrapper .quote .chat-emoji{width:100px}.chat .chat-area .messages .message .li-wrapper .wrapper{background-color:rgba(0,0,0,.11);border-radius:50%;height:44px;padding:3px;width:44px}.chat .chat-area .messages .message .li-wrapper .wrapper.premium{background-image:url(/static_files/a54483bd82b6a251b78d381b66a6a4c5.svg);background-repeat:no-repeat;background-size:44px}.chat .chat-area .messages .message .li-wrapper .wrapper .avatar{background:url(/static_files/noavatar.svg) 50% no-repeat;background-size:38px;border-radius:50%;cursor:pointer;height:38px;overflow:hidden;position:relative;width:38px}.chat .chat-area .messages .message .li-wrapper .wrapper .avatar img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat .chat-area .messages .message .li-wrapper .actions-btn{background-image:url(/static_files/icons/menu-dots-blue.svg);background-size:24px;cursor:pointer;display:inline-block;height:24px;position:relative;width:24px}.chat .chat-area .messages .message .li-wrapper .body{background-color:#1f1b2f;border-radius:20px;box-shadow:0 0 10px 1px rgba(0,0,0,.15);padding:10px 15px;position:relative}.chat .chat-area .messages .message .li-wrapper .body:before{background-color:#1f1b2f;box-shadow:0 0 10px 1px rgba(0,0,0,.15);content:"";height:10px;left:-4px;position:absolute;top:16px;transform:rotate(45deg);width:10px;z-index:-1}.chat .chat-area .messages .message .li-wrapper .body .device{display:inline-block}.chat .chat-area .messages .message .li-wrapper .body .device i{display:inline-block;transform:scale(.9);vertical-align:middle}.chat .chat-area .messages .message .li-wrapper .body .device i.ios{background-image:url(/static_files/icons/platforms/ios.svg);background-size:10px 16px;height:16px;width:10px}.chat .chat-area .messages .message .li-wrapper .body .device i.android{background-image:url(/static_files/icons/platforms/android.svg);background-size:12px 14px;height:14px;width:12px}.chat .chat-area .messages .message .li-wrapper .body .device i.windows{background-image:url(/static_files/icons/platforms/pc.svg);background-size:12px 13px;height:13px;width:12px}.chat .chat-area .messages .message .li-wrapper .body .device .quote p{font-size:1.4rem}.chat .chat-area .messages .message .li-wrapper .body .group{border-radius:30px;font-size:1rem;padding:2px 6px;text-transform:uppercase}.chat .chat-area .messages .message .li-wrapper .body .group.bot{background-color:#b65e54;color:#fff}.chat .chat-area .messages .message .li-wrapper .body .group.admin{background-color:#4caf50;color:#fff}.chat .chat-area .messages .message .li-wrapper .body a{font-family:Oswald,sans-serif}.chat .chat-area .messages .message .li-wrapper .body b{font-size:1.5rem;font-weight:700}.chat .chat-area .messages .message .li-wrapper .body b .author{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.chat .chat-area .messages .message .li-wrapper .body p.text{display:inline-block;font-size:1.5rem;vertical-align:top;word-break:break-word}.chat .chat-area .messages .message .li-wrapper .body p.text img{max-width:360px;width:100%}.chat .chat-area .messages .message .li-wrapper .body p.text img.chat-img{display:inline-block;margin:0 0 0 2px;vertical-align:middle;width:16px}.chat .chat-area .messages .message .li-wrapper .body p.text .chat-emoji{height:auto;width:200px}.chat .chat-area .messages .message .li-wrapper .body p.text a{border-bottom:1px solid rgba(255,0,0,.75)}.chat .chat-area .messages .message .li-wrapper .body .footer .actions{display:inline-block}.chat .chat-area .messages .message .li-wrapper .body .footer .time{color:hsla(0,0%,100%,.59);display:inline-block;font-size:1rem;margin-right:10px}.chat .chat-area .messages .message .li-wrapper .body .footer span{cursor:pointer;font-size:1.2rem;margin-right:5px;opacity:.65;transition:opacity .2s ease}.chat .chat-area .messages .message .li-wrapper .body .footer span:hover{opacity:1}.chat .create-message{align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,auto));height:34px;position:relative}.chat .create-message .bot-commands{background-color:#1f1b2f;border:2px solid hsla(0,0%,100%,.15);bottom:35px;left:0;padding:2px 5px;position:absolute;width:100%;z-index:3}.chat .create-message .bot-commands input{font-size:1.2rem;padding:2px 4px}.chat .create-message .bot-commands .reactions{margin-top:10px}.chat .create-message .bot-commands .reactions img{cursor:pointer;display:inline-block;height:40px;transition:all .2s ease-out;width:40px}.chat .create-message .bot-commands .reactions img:hover{transform:scale(1.2)}.chat .create-message .bot-commands span{background-color:#312b45;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;cursor:pointer;font-size:1.2rem;padding:2px 4px;z-index:1}.chat .create-message .quote{align-items:center;background-color:#2d2b35;border-left:2px solid hsla(0,0%,100%,.15);color:#f2f2f2;display:grid;grid-template-columns:24px auto;position:absolute;top:-45px;width:100%;z-index:1}.chat .create-message .quote .cancel{background-image:url(/static_files/icons/close-dark.svg);background-size:10px;cursor:pointer;display:inline-block;height:10px;margin-left:5px;width:10px}.chat .create-message .quote strong{font-size:1.4rem}.chat .create-message .pm,.chat .create-message .quote p{font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat .create-message .pm{background-color:#ff1493;border-radius:4px;color:#fff;line-height:30px;margin:0 5px 0 10px;padding:0 5px;position:relative}.chat .create-message .pm i{background-image:url(/static_files/icons/close-dark.svg);background-size:8px;cursor:pointer;display:inline-block;height:8px;width:8px}.chat .create-message .input{grid-gap:10px;align-items:center;display:grid;grid-template-columns:auto 20px 20px;padding:0 5px;position:relative}.chat .create-message .input .input-message{background-color:hsla(0,0%,100%,.12);border:none;border-radius:4px;color:#f2f2f2;height:30px;outline:none;padding:0 5px 0 22px;width:100%}.chat .create-message .input .input-message:focus{border:none}.chat .create-message .input i{border-radius:4px;display:inline-block;height:20px;justify-self:center;opacity:.75;transition:opacity .2s ease;width:20px}.chat .create-message .input i:hover{cursor:pointer;opacity:1}.chat .create-message .input i.active{opacity:1}.chat .create-message .input i.icon-message-send{background:url(/static_files/icons/right.png) 50% no-repeat;background-size:20px;opacity:1}.chat .create-message .input i.icon-mic-on{background:url(/static_files/icons/mic.png) 50% no-repeat;background-size:20px}.chat .create-message .input i.icon-mic-off{background:rgba(255,0,0,.9) url(/static_files/icons/mic.png) 50% no-repeat;background-size:20px;opacity:1}.chat .create-message .input i.icon-message-smile{background:url(/static_files/icons/sticker.png) 50% no-repeat;background-size:20px}.chat .chat-smiles{background-color:#1f1b2f;border:2px solid hsla(0,0%,100%,.15);border-radius:4px 4px 0 0;bottom:34px;padding:5px;position:absolute;right:0;width:100%;z-index:3}.chat .chat-smiles i.icon-close{background:hsla(0,0%,100%,.15) url(/static_files/icons/close-dark.svg) 50% no-repeat;background-size:10px 10px;cursor:pointer;display:inline-block;height:24px;padding:12px;position:absolute;right:0;top:0;width:24px}.chat .chat-smiles .emoji-cats{-webkit-overflow-scrolling:touch;background-color:#1f1b2f;overflow-x:auto;padding:5px 0 0;width:100%}.chat .chat-smiles .emoji-cats::-webkit-scrollbar-track{background:hsla(0,0%,100%,0);height:17px}.chat .chat-smiles .emoji-cats::-webkit-scrollbar{height:17px}.chat .chat-smiles .emoji-cats::-webkit-scrollbar-thumb,.chat .chat-smiles .emoji-cats:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}.chat .chat-smiles .emoji-cats ul{list-style:none}.chat .chat-smiles .emoji-cats ul li{border:1px solid hsla(0,0%,100%,.15);border-radius:4px;cursor:pointer;display:inline-block;height:40px;margin-right:4px;overflow:hidden;width:40px}.chat .chat-smiles .emoji-cats ul li.active{background-color:hsla(0,0%,100%,.12);border:1px solid #fb2d7f}.chat .chat-smiles .emoji-cats ul li:hover{border:1px solid hsla(0,0%,100%,.35)}.chat .chat-smiles .emoji-cats ul li img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.chat .chat-smiles .columns{margin-bottom:5px}.chat .chat-smiles .columns span{border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#f2f2f2;cursor:pointer;display:inline-block;font-size:1.2rem;padding:4px 10px}.chat .chat-smiles .columns span:hover{border:1px solid #fb2d7f}.chat .chat-smiles .columns span.active{background-color:hsla(0,0%,100%,.12);border:1px solid #fb2d7f;color:#fff}.chat .chat-smiles .emoji-list{-webkit-overflow-scrolling:touch;display:grid;height:300px;overflow-y:auto}.chat .chat-smiles .emoji-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,0);height:17px}.chat .chat-smiles .emoji-list::-webkit-scrollbar{height:17px}.chat .chat-smiles .emoji-list::-webkit-scrollbar-thumb,.chat .chat-smiles .emoji-list:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}.chat .chat-smiles .emoji-list img{border-radius:5px;cursor:pointer;display:inline-block;padding:5px;transition:opacity .2s ease;width:100%}.chat .chat-smiles .emoji-list img:hover{background-color:#312b45}