ul[data-v-bfaeeda4]{cursor:default}ul li[data-v-bfaeeda4]{padding:2px 0}ul li span[data-v-bfaeeda4]{opacity:.5}ul li+li[data-v-bfaeeda4]{margin-top:15px}@media(max-width:999px){ul li+li[data-v-bfaeeda4]{margin-top:0}}#messages[data-v-4906372b]{display:flex;flex-direction:column}#messages .message[data-v-4906372b]{align-self:flex-start;display:flex;flex-direction:column;max-width:40vw;text-align:left;width:100%}@media(max-width:999px){#messages .message[data-v-4906372b]{max-width:100%}}#messages .message .timestamp[data-v-4906372b],#messages .message .username[data-v-4906372b]{align-self:flex-start;color:#999;cursor:default;display:block;font-size:12px;font-weight:500}#messages .message .content[data-v-4906372b]{align-self:flex-start;background:#f0eeea;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;font-weight:500;padding:10px 15px;margin:5px 0}#messages .message .content.attachment>div[data-v-4906372b]{align-items:center;display:flex}#messages .message .content.attachment>div i[data-v-4906372b]{margin-right:8px;position:relative;top:2px;transform:scale(1.3)}#messages .message .content[data-v-4906372b] a{word-break:break-word}#messages .message .content[data-v-4906372b] img{width:100%}#messages .message .content[data-type^=image][data-v-4906372b],#messages .message .content[data-type^=photo][data-v-4906372b]{background:none!important;overflow:hidden;padding:0!important}#messages .message .content[data-type^=image][data-v-4906372b] img,#messages .message .content[data-type^=photo][data-v-4906372b] img{transform:scale(1.02)}#messages .message .content[data-type^=video][data-v-4906372b]{background:none!important;height:0;overflow:hidden;padding:0 0 56.25%;position:relative}#messages .message .content[data-type^=video][data-v-4906372b] iframe{height:100%;left:0;position:absolute;top:0;width:100%}#messages .message .content[data-type^=video][data-v-4906372b] video{width:100%}#messages .message .content[data-type^=audio][data-v-4906372b]{background:none!important;padding:0}#messages .message.mine[data-v-4906372b]{align-self:flex-end}#messages .message.mine .content[data-v-4906372b]{align-self:flex-end;background:#000;border-top-right-radius:0;border-top-left-radius:20px;color:#fff}#messages .message.mine .content[data-v-4906372b] a{color:#fff}#messages .message.mine .timestamp[data-v-4906372b],#messages .message.mine .username[data-v-4906372b]{align-self:flex-end}#messages .message.notice[data-v-4906372b]{cursor:default;max-width:100%;width:100%}#messages .message.notice .content[data-v-4906372b]{background:none;color:#999;font-size:14px;text-align:center;width:100%}.loader[data-v-7e7465a5]{-webkit-animation:spin-data-v-7e7465a5 1.2s linear infinite;animation:spin-data-v-7e7465a5 1.2s linear infinite;border:4px solid rgba(0,0,0,.25);border-left-color:#000;border-radius:50%;display:inline-block;height:30px;width:30px}.loader.inverted[data-v-7e7465a5]{border-color:hsla(0,0%,100%,.25);border-left-color:#fff}@-webkit-keyframes spin-data-v-7e7465a5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-7e7465a5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat[data-v-2c6c5146]{display:flex;height:100%}.chat aside[data-v-2c6c5146]{background:#000;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-height:100vh;width:350px}@media(max-width:999px){.chat aside[data-v-2c6c5146]{display:none}}.chat aside>div[data-v-2c6c5146]:not([class]){display:flex;flex-direction:column;overflow:hidden}.chat aside h1[data-v-2c6c5146]{cursor:pointer;padding:30px 30px 0;transition:.25s ease}.chat aside h1[data-v-2c6c5146]:hover{color:hsla(0,0%,100%,.8)}.chat aside h3[data-v-2c6c5146]{align-items:center;display:flex;justify-content:space-between;margin:50px 0 10px;padding:0 30px 0}.chat aside h3 span[data-v-2c6c5146]{align-items:center;display:inline-flex}.chat aside h3 span.title[data-v-2c6c5146]{cursor:default}.chat aside h3 span.invite-user[data-v-2c6c5146]{cursor:pointer;font-size:14px;opacity:.5;transition:.25s ease}.chat aside h3 span.invite-user[data-v-2c6c5146]:hover{opacity:1}.chat aside h3 span.invite-user i[data-v-2c6c5146]{margin-right:6px}.chat aside h3 span i[data-v-2c6c5146]{margin-right:10px;position:relative;top:1px}.chat aside .users[data-v-2c6c5146]{margin:20px 0 50px;padding:0 30px;overflow-y:auto}.chat aside .site-info[data-v-2c6c5146]{padding:0 30px 30px}.chat aside .site-info nav[data-v-2c6c5146]{font-size:14px;margin-bottom:20px}.chat aside .site-info nav a[data-v-2c6c5146]{color:#fff}.chat aside .site-info nav a+a[data-v-2c6c5146]{margin-left:20px}.chat aside .site-info p[data-v-2c6c5146]{color:hsla(0,0%,100%,.5);font-size:12px}.chat aside .site-info p span[data-v-2c6c5146]{margin:0 10px}.chat aside .site-info p a[data-v-2c6c5146]{color:hsla(0,0%,100%,.5);text-decoration:none}.chat aside .site-info p a[data-v-2c6c5146]:hover{text-decoration:underline}.chat>div[data-v-2c6c5146]{display:flex;flex-direction:column;overflow:hidden;width:calc(100% - 350px)}@media(max-width:999px){.chat>div[data-v-2c6c5146]{width:100%}}.chat>div .header[data-v-2c6c5146],.chat>div .mobile-header[data-v-2c6c5146]{align-items:center;display:flex;justify-content:space-between;padding:25px;width:100%}@media(max-width:999px){.chat>div .header[data-v-2c6c5146],.chat>div .mobile-header[data-v-2c6c5146]{display:none}}.chat>div .header .info[data-v-2c6c5146],.chat>div .mobile-header .info[data-v-2c6c5146]{cursor:default;display:flex}.chat>div .header .info div[data-v-2c6c5146],.chat>div .mobile-header .info div[data-v-2c6c5146]{align-items:center;display:flex;margin:0 20px}.chat>div .header .info div i[data-v-2c6c5146],.chat>div .mobile-header .info div i[data-v-2c6c5146]{margin-right:8px;position:relative;top:2px}.chat>div .header .info div p[data-v-2c6c5146],.chat>div .mobile-header .info div p[data-v-2c6c5146]{font-size:16px}.chat>div .mobile-header[data-v-2c6c5146]{display:none;padding:10px}@media(max-width:999px){.chat>div .mobile-header[data-v-2c6c5146]{display:flex}}.chat>div .mobile-header .info>div[data-v-2c6c5146]{margin:0 0 0 5px}.chat>div .mobile-header .info>div+div[data-v-2c6c5146]{margin-left:30px}.chat>div .mobile-header .info>div i[data-v-2c6c5146]{margin:0}.chat>div .main[data-v-2c6c5146]{height:calc(100vh - 162px);padding:25px;position:relative;overflow-y:auto;width:100%}@media(max-width:999px){.chat>div .main[data-v-2c6c5146]{height:calc(100vh - 126px)}}.chat>div .footer[data-v-2c6c5146]{align-items:center;display:flex;justify-content:space-between;padding:10px;position:relative;width:100%}.chat>div .footer .message-input[data-v-2c6c5146]{position:relative;width:100%}.chat>div .footer .message-input .attached-file[data-v-2c6c5146]{align-items:center;background:#000;border-radius:100px;color:#fff;display:flex;font-size:14px;max-width:40%;overflow:hidden;padding:5px 8px;position:absolute;right:7px;top:50%;transform:translateY(-50%)}.chat>div .footer .message-input .attached-file.disabled[data-v-2c6c5146]{opacity:.5;pointer-events:none}.chat>div .footer .message-input .attached-file span[data-v-2c6c5146]{overflow:hidden;padding:4px;text-overflow:ellipsis}.chat>div .footer .message-input .attached-file i[data-v-2c6c5146]{cursor:pointer;position:relative;top:1px}.chat>div .footer label[data-v-2c6c5146]{margin:0}.chat>div .footer .button[data-v-2c6c5146],.chat>div .footer button[data-v-2c6c5146]{margin-left:10px}.chat>div .footer .upload-error[data-v-2c6c5146]{align-items:center;background:#ee5253;border-radius:100px;color:#fff;cursor:pointer;display:flex;left:10px;padding:5px 10px;position:absolute;top:0;transform:translateY(-50%);transition:.25s ease;width:calc(100% - 20px)}@media(max-width:999px){.chat>div .footer .upload-error[data-v-2c6c5146]{transform:translateY(-100%)}}.chat>div .footer .upload-error[data-v-2c6c5146]:hover{background:#f0696a}.chat>div .footer .upload-error i[data-v-2c6c5146]{margin-right:6px;position:relative;top:1px}@media(max-width:999px){.chat>div .footer .upload-error i[data-v-2c6c5146] svg{height:22px;width:22px}}.chat>div .footer .upload-error p[data-v-2c6c5146]{font-size:16px;padding-right:10px}@media(max-width:999px){.chat>div .footer .upload-error p[data-v-2c6c5146]{font-size:14px}}.chat>div #attachment-input[data-v-2c6c5146]{display:none}