.chat-side-fab[data-v-eca277d2]{position:fixed;top:10px;inset-inline-end:10px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;background:var(--white);border-radius:var(--radius-rounded);border:1px solid var(--fade-grey-dark-3);box-shadow:var(--light-box-shadow);transform:translate(calc(var(--transform-direction) * 60px)) rotate(calc(var(--transform-direction) * 360deg));transition:all .3s}.chat-side-fab.is-active[data-v-eca277d2]{transform:translate(calc(var(--transform-direction) * 0)) rotate(calc(var(--transform-direction) * 0))}.chat-side-fab svg[data-v-eca277d2]{position:relative;inset-inline-start:-1px;height:20px;width:20px;color:var(--light-text)}.is-dark .chat-side-fab[data-v-eca277d2]{background:var(--dark-sidebar-light-2)!important;border-color:var(--dark-sidebar-light-12)!important}@media (width <= 767px){.chat-side-fab[data-v-eca277d2]{top:75px;inset-inline-end:16px;transform:translate(calc(var(--transform-direction) * 0)) rotate(calc(var(--transform-direction) * 0))}.chat-side-fab.is-active[data-v-eca277d2]{transform:translate(calc(var(--transform-direction) * 0)) rotate(calc(var(--transform-direction) * 0))}.chat-side-fab.is-mobile-active[data-v-eca277d2]{transform:translate(calc(var(--transform-direction) * 60px)) rotate(calc(var(--transform-direction) * 360deg))!important}}@media only screen and (device-width >= 768px) and (device-width <= 1024px) and (orientation: portrait){.chat-side-fab[data-v-eca277d2]{top:75px;inset-inline-end:16px;transform:translate(calc(var(--transform-direction) * 0)) rotate(calc(var(--transform-direction) * 0))}.chat-side-fab.is-active[data-v-eca277d2]{transform:translate(calc(var(--transform-direction) * 0)) rotate(calc(var(--transform-direction) * 0))}.chat-side-fab.is-mobile-active[data-v-eca277d2]{transform:translate(calc(var(--transform-direction) * 60px)) rotate(calc(var(--transform-direction) * 360deg))!important}}.is-chat-placeholder{position:absolute;bottom:10px;height:calc(100% - 80px);width:calc(100% - 80px)}.is-chat-placeholder .caption{display:block;width:50%;height:50%;position:absolute;top:50%;inset-inline-start:0;inset-inline-end:0;bottom:0;margin:0 auto;transform:translateY(-70%)}.is-chat-placeholder .caption img{display:block;margin:0 auto;max-width:250px}.is-chat-placeholder .caption .text{text-align:center;margin-top:20px}.is-chat-placeholder .caption .text h3{font-size:1.4rem;font-weight:500;color:var(--dark-text)}.is-chat-placeholder .caption .text p{color:var(--muted-grey);margin-bottom:10px}.is-dark .is-chat-placeholder{background:var(--dark-sidebar-light-5)!important;border-color:var(--dark-sidebar-light-5)!important}.is-dark .is-chat-placeholder h3{color:var(--primary-grey-dark-15)!important}.message-field-wrapper{position:absolute;bottom:0;inset-inline-start:0;display:flex;align-items:center;height:60px;width:calc(100% - 320px);padding:0 16px;transition:all .3s;z-index:2}.message-field-wrapper.side-collapsed{width:100%!important}.message-field-wrapper .control{position:relative;width:100%}.message-field-wrapper .control input{height:42px;padding-inline-start:70px}.message-field-wrapper .control .add-content{position:absolute;top:0;inset-inline-start:0;z-index:11}.message-field-wrapper .control .add-content:hover>div .button,.message-field-wrapper .control .add-content:focus>div .button{background:var(--fade-grey)}.message-field-wrapper .control .add-content:hover>div .button svg,.message-field-wrapper .control .add-content:focus>div .button svg{color:var(--primary)}.message-field-wrapper .control .add-content>div{display:flex;justify-content:center;align-items:center;width:42px;height:42px}.message-field-wrapper .control .add-content .button{width:28px;height:28px;border-radius:var(--radius-rounded);border:none;padding:0;display:flex;justify-content:center;align-items:center;transition:all .3s}.message-field-wrapper .control .add-content .button svg{color:var(--placeholder);stroke-width:2px;height:18px;width:18px;transition:all .3s}.message-field-wrapper .control .add-content .dropdown-content a{display:flex;align-items:center}.message-field-wrapper .control .add-content .dropdown-content a svg{height:18px;width:18px;color:var(--muted-grey)}.message-field-wrapper .control .add-content .dropdown-content a .meta{margin-inline-start:12px}.message-field-wrapper .control .add-content .dropdown-content a .meta span{display:block}.message-field-wrapper .control .add-content .dropdown-content a .meta span:first-child{font-size:.9rem;font-weight:500;color:var(--dark-text)}.message-field-wrapper .control .add-content .dropdown-content a .meta span:nth-child(2){font-size:.9rem;color:var(--muted-grey)}.message-field-wrapper .control .add-emoji{position:absolute;top:0;inset-inline-start:34px;z-index:11;display:flex;justify-content:center;align-items:center;width:28px;height:42px}.message-field-wrapper .control .add-emoji:hover .button,.message-field-wrapper .control .add-emoji:focus .button{background:var(--fade-grey)}.message-field-wrapper .control .add-emoji:hover .button svg,.message-field-wrapper .control .add-emoji:focus .button svg{color:var(--primary)}.message-field-wrapper .control .add-emoji .button{width:28px;height:28px;border-radius:var(--radius-rounded);border:none;padding:0;display:flex;justify-content:center;align-items:center;transition:all .3s}.message-field-wrapper .control .add-emoji .button svg{color:var(--placeholder);stroke-width:2px;height:18px;width:18px;transition:all .3s}.message-field-wrapper .control .send-message{position:absolute;top:3px;inset-inline-end:3px;z-index:11}.message-field-wrapper .control .send-message .button{height:36px;min-width:90px}.message-field-wrapper .typing-indicator{position:absolute;bottom:50px;inset-inline-start:10px;width:100px;height:100px;z-index:2;opacity:0;transform:translateY(30px);transition:all .3s}.message-field-wrapper .typing-indicator.is-active{opacity:1;transform:translateY(25px)}.message-field-wrapper .typing-indicator img{display:block;width:100%;height:auto}.is-dark .message-field-wrapper .add-content .button{background:var(--primary);border-color:var(--primary)}.is-dark .message-field-wrapper .add-content .dropdown-item .meta span:first-child{color:var(--smoke-white)!important}.is-dark .message-field-wrapper .add-emoji{inset-inline-start:38px}@media (width <= 767px){.message-field-wrapper{width:100%!important}}@media only screen and (device-width >= 768px) and (device-width <= 1024px) and (orientation: portrait){.message-field-wrapper{width:100%!important}}.chat-body-wrap{position:relative;display:flex;height:100%;overflow:hidden}.chat-body-wrap.side-collapsed .chat-body{width:100%!important}.chat-body-wrap.side-collapsed .chat-side{width:0!important;transform:translate(calc(var(--transform-direction) * 100%))}.chat-body-wrap.side-collapsed .chat-side .chat-side-content{opacity:0}.chat-body{position:relative;width:calc(100% - 320px);height:100%;overflow-y:auto;list-style:none;margin:0;padding:0 30px 80px;transition:all .3s}.chat-body::-webkit-scrollbar{width:5px}.chat-body::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.2)}.chat-body .divider-container{width:100%;max-width:100%}.chat-body .divider-container .divider{margin:1.5em auto}.chat-body .divider-container .divider span{color:var(--placeholder);font-weight:400;text-transform:uppercase;font-size:.8rem}.chat-body .divider-container .divider span:before,.chat-body .divider-container .divider span:after{top:.9em;width:43%;border-top:1px solid rgba(0,0,0,.1)}.chat-body li{padding:.5rem;overflow:hidden;display:flex}.chat-body .avatar{width:40px;height:40px;position:relative;display:block;z-index:2;border-radius:var(--radius-rounded);border-radius:100%;background-color:#ffffffe6}.chat-body .avatar img{width:40px;height:40px;border-radius:var(--radius-rounded);background-color:#ffffffe6;-webkit-touch-callout:none;user-select:none}.chat-body .day{position:relative;display:block;text-align:center;color:silver;height:20px;text-shadow:7px 0 0 var(--lighter-grey),6px 0 0 var(--lighter-grey),5px 0 0 var(--lighter-grey),4px 0 0 var(--lighter-grey),3px 0 0 var(--lighter-grey),2px 0 0 var(--lighter-grey),1px 0 0 var(--lighter-grey),1px 0 0 var(--lighter-grey),0 0 0 var(--lighter-grey),-1px 0 0 var(--lighter-grey),-2px 0 0 var(--lighter-grey),-3px 0 0 var(--lighter-grey),-4px 0 0 var(--lighter-grey),-5px 0 0 var(--lighter-grey),-6px 0 0 var(--lighter-grey),-7px 0 0 var(--lighter-grey);box-shadow:inset 20px 0 0 var(--lighter-grey),inset -20px 0 0 var(--lighter-grey),inset 0 -2px #d7d7d7;line-height:38px;margin-top:5px;margin-bottom:20px;cursor:default;-webkit-touch-callout:none;user-select:none}.chat-body .other.is-consecutive .avatar,.chat-body .self.is-consecutive .avatar{visibility:hidden!important}.chat-body .other.is-consecutive .msg,.chat-body .self.is-consecutive .msg{border-radius:var(--radius-large)}.chat-body .other.is-consecutive .msg:after,.chat-body .self.is-consecutive .msg:after{display:none}.chat-body .other+.other .avatar,.chat-body .self+.self .avatar{visibility:hidden!important}.chat-body .other.is-multi+.other.is-multi .avatar{visibility:visible!important}.chat-body .other .msg{order:1;min-width:230px;max-width:40%;margin-inline-start:20px}.chat-body .other .msg p{font-size:.9rem;color:var(--light-text)}.chat-body .other .msg .msg-inner{background:var(--white);color:var(--dark-text);border-radius:12px;border-start-start-radius:0;padding:16px;position:relative}.chat-body .other .msg time{display:block;text-align:inset-inline-end;font-size:.8rem;color:var(--light-text);margin-top:3px;cursor:default;-webkit-touch-callout:none;user-select:none}.chat-body .other .msg time svg{position:relative;top:1px;height:10px;width:10px;color:var(--white);margin-inline-start:3px}.chat-body .other .msg.is-link-image{background:#e6e5ed;padding:0}.chat-body .other .msg.is-link{background:#e6e5ed}.chat-body .self{justify-content:flex-end;align-items:stretch}.chat-body .self .msg{order:1;margin-inline-end:20px;min-width:230px;max-width:40%;position:relative}.chat-body .self .msg .msg-inner{background:#e6e5ed;color:var(--dark-text);border-radius:12px;border-start-end-radius:0;padding:12px}.chat-body .self .msg p{font-size:.9rem}.chat-body .self .msg time{display:block;text-align:inset-inline-start;font-size:.8rem;color:var(--light-text);margin-top:3px;cursor:default;-webkit-touch-callout:none;user-select:none}.chat-body .self .msg time svg{position:relative;top:1px;height:10px;width:10px;color:var(--dark-text);margin-inline-end:3px}.chat-body .self .msg.is-link-image{background:#e6e5ed;padding:0}.chat-body .self .msg.is-link{background:#e6e5ed}.chat-body .self .avatar{order:2}.chat-body .self .avatar:before{display:none}.chat-body .no-messages{display:block;width:50%;height:50%;position:absolute;top:50%;inset-inline-start:0;inset-inline-end:0;bottom:0;margin:0 auto;text-align:center;transform:translateY(-50%)}.chat-body .no-messages img{display:block;margin:0 auto;height:190px}.chat-body .no-messages .text{text-align:center}.chat-body .no-messages .text h3{font-size:1.4rem}.chat-body .no-messages .text p{color:var(--muted-grey)}.chat-body .chat-loader{position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;margin:0 auto;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgb(255,255,255);z-index:9;opacity:0;pointer-events:none;transition:all .4s}.chat-body .chat-loader.is-active{opacity:1;pointer-events:all;z-index:9!important}.chat-body .chat-loader .loader{position:relative;top:-45px;height:6rem;width:6rem}.is-dark .chat-body{background:var(--dark-sidebar-light-7)}.is-dark .chat-body .divider span{color:var(--dark-sidebar-light-22)!important}.is-dark .chat-body .divider span:before,.is-dark .chat-body .divider span:after{border-color:var(--dark-sidebar-light-15)!important}.is-dark .chat-body li.other .msg .msg-inner{color:var(--smoke-white);background:var(--primary)}.is-dark .chat-body li.other .msg .msg-inner p{color:var(--smoke-white)}.is-dark .chat-body li.self .msg .msg-inner{background:var(--dark-sidebar-light-15)!important;color:var(--primary-grey-dark-10)!important}.is-dark .chat-body li.self .msg time{color:var(--primary-grey-dark-10)!important}.is-dark .chat-body li.self .msg time svg{color:var(--primary-grey-dark-10)!important}.is-dark .chat-body .msg.is-link-image{border-radius:10px}.is-dark .chat-body .msg.is-link-image .link-body{background:var(--dark-sidebar-light-5);border-radius:0 0 6px 6px}.is-dark .chat-body .msg.is-link-image .link-body .link-title,.is-dark .chat-body .msg.is-link-image .link-body small{color:var(--smoke-white)!important}.is-dark .chat-body .msg.is-link{background:var(--dark-sidebar-light-3);border-radius:var(--radius-large)}.is-dark .chat-body .msg.is-link .icon-wrapper{border-color:var(--dark-sidebar-light-5);background:var(--primary)}.is-dark .chat-body .msg.is-link .link-meta span{color:var(--smoke-white)!important}.is-dark .chat-body .msg.is-link .link-meta a{color:var(--primary)!important}.is-dark .chat-body .msg.is-image .image-container .image-overlay{background:var(--primary)}@media (width <= 767px){.chat-body{width:100%!important;padding:0 10px 40px}.chat-body .avatar,.chat-body .avatar img{height:36px!important;width:36px!important;min-height:36px!important;min-width:36px!important}.chat-body .msg{max-width:230px}.chat-body .msg.is-link-image .image img{width:100%}}@media only screen and (device-width >= 768px) and (device-width <= 1024px) and (orientation: portrait){.chat-body{width:100%!important;padding:0 10px 40px}.chat-body .avatar,.chat-body .avatar img{height:36px!important;width:36px!important;min-height:36px!important;min-width:36px!important}.chat-body .msg{max-width:230px}.chat-body .msg.is-link-image .image img{width:100%}}.chat-header{position:absolute;display:flex;min-height:55px;align-items:center;top:0;inset-inline-start:0;inset-inline-end:0;width:100%;padding:5px 10px;z-index:2;-webkit-touch-callout:none;user-select:none}.chat-header .is-autocomplete{flex-grow:2;max-width:320px;margin-inline-start:20px}.chat-header .is-autocomplete.is-active,.chat-header .is-autocomplete:hover{background:transparent!important}.chat-header .is-autocomplete .control{position:relative}.chat-header .is-autocomplete .control .icon{position:absolute;top:9px;inset-inline-start:9px;color:var(--placeholder)}.chat-header .is-autocomplete .control .icon span{color:var(--dark-text);font-weight:500}.chat-header .is-autocomplete .control .icon svg{width:20px;height:20px;transition:all .3s}.chat-header .is-autocomplete .control .hide{position:absolute;top:2px;inset-inline-end:0;display:flex;justify-content:center;align-items:center;height:36px;width:36px;cursor:pointer}.chat-header .is-autocomplete .control .hide svg{height:18px;width:18px;color:var(--muted-grey)}.chat-header .is-autocomplete .control .easy-autocomplete{width:100%!important}.chat-header .is-autocomplete .control .easy-autocomplete input{padding-inline-start:40px;border:none;box-shadow:none;color:var(--muted-grey);transition:all .3s}.chat-header .is-autocomplete .control .easy-autocomplete input:focus+.icon{color:var(--primary)}.chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper{display:flex!important;justify-content:flex-start;align-items:center}.chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper{position:relative;width:40px!important;height:40px!important}.chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar{width:40px!important;height:40px!important;border-radius:var(--radius-rounded)!important}.chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge{position:absolute;bottom:0;inset-inline-end:-5px;width:18px;height:18px;border:2px solid var(--white);border-radius:var(--radius-rounded)}.chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text{margin-inline-start:15px}.chat-header .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span{font-size:.8rem;color:var(--title-grey)}.chat-header .is-autocomplete li{height:auto!important;padding-top:8px;padding-bottom:8px;border-inline-start:none!important;border-inline-end:none!important}.chat-header .is-autocomplete .easy-autocomplete-container{top:120%!important;border:none!important}.chat-header .is-autocomplete .easy-autocomplete-container ul{border-radius:var(--radius)!important;box-shadow:-1px 3px 10px #0000000f!important}.chat-header .user-group{position:relative;width:100%;display:flex;justify-content:flex-start;align-items:center;margin-inline-start:20px;cursor:pointer}.chat-header .user-group img{height:36px;width:36px;border:3px solid var(--white);border-radius:var(--radius-rounded);display:block}.chat-header .user-group img:nth-child(2),.chat-header .user-group img:nth-child(3),.chat-header .user-group img:nth-child(4){margin-inline-start:-15px}.chat-header .user-group .more-indicator{height:36px;width:36px;border-radius:var(--radius-rounded);background:var(--primary);display:flex;justify-content:center;align-items:center;margin-inline-start:-15px;border:2px solid var(--white)}.chat-header .user-group .more-indicator span{display:block;color:var(--white);font-weight:600;font-size:.8rem}.is-dark .chat-header .is-badge{border-color:var(--dark-sidebar)!important}.is-dark .chat-header .recipient-meta span:first-child{color:var(--primary-grey-light-6)!important}.is-dark .chat-header .chat-options #hide-conversation:hover,.is-dark .chat-header .chat-options #hide-chat-side:hover{color:var(--primary)!important}.is-dark .chat-header .is-autocomplete.is-active,.is-dark .chat-header .is-autocomplete:hover,.is-dark .chat-header .is-autocomplete.is-active:hover{background:transparent!important}.is-dark .chat-header .is-autocomplete #users-autocpl{background:none;border-color:none;color:var(--primary-grey-dark-4)}.is-dark .chat-header .is-autocomplete #users-autocpl::placeholder{color:var(--primary-grey-dark-30)!important}.is-dark .chat-header .is-autocomplete svg{color:var(--primary-grey-dark-30)!important}.is-dark .chat-header .is-autocomplete .icon span{color:var(--smoke-white)!important}.is-dark .chat-header .is-autocomplete .easy-autocomplete-container{background:var(--dark-sidebar)}.is-dark .chat-header .is-autocomplete .easy-autocomplete-container ul{background:none repeat scroll 0 0 var(--dark-sidebar);border-top:none}.is-dark .chat-header .is-autocomplete .easy-autocomplete-container ul li{border-color:var(--dark-sidebar)!important}.is-dark .chat-header .is-autocomplete .easy-autocomplete-container ul li.selected{background:var(--dark-sidebar-light-2)}.is-dark .chat-header .is-autocomplete .easy-autocomplete-container ul li .entry-text{color:var(--primary-grey-dark-10)}.is-dark .chat-header .is-autocomplete .easy-autocomplete-container ul li .entry-text span{color:var(--primary-grey-dark-40)!important}@media (width <= 767px){.chat-header{border-radius:16px 16px 0 0!important}}@media only screen and (device-width >= 768px) and (device-width <= 1024px) and (orientation: portrait){.chat-header{border-radius:16px 16px 0 0!important}}.is-chat{position:absolute;height:100%;top:0;inset-inline-start:0;width:100%;border-radius:16px 6px 6px 16px}.is-dark .is-chat{border:none!important;background:var(--dark-sidebar-light-3)!important}.is-dark .is-chat .chat-loader{background:var(--dark-sidebar-light-2)}.is-dark .is-chat #chat-input{background:var(--dark-sidebar-light-2)!important;color:var(--primary-grey-dark-10)!important}.is-dark .is-chat #chat-input::placeholder{color:var(--primary-grey-dark-15)!important}@media (width <= 767px){.is-chat{position:absolute;top:0!important;inset-inline-start:0;max-height:calc(100% - 60px)!important;overflow:hidden}}@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait){.is-chat{position:absolute;top:0!important;inset-inline-start:0;height:100%;max-height:calc(100% - 60px)!important;overflow:hidden}}.chat-side{position:relative;width:320px;height:100%;border-inline-start:1px solid var(--fade-grey);background:var(--white);z-index:3;transition:all .3s}.chat-side .chat-side-header{height:60px;width:100%;display:flex;align-items:center;padding:0 20px}.chat-side .chat-side-header #hide-chat-side{transform:scaleX(-1);display:none}.chat-side .chat-side-content{text-align:center;transition:all .3s;padding:20px}.chat-side .chat-side-content .user-pic{position:relative;max-width:90px;margin:0 auto}.chat-side .chat-side-content .user-pic img{height:90px;width:90px;border-radius:var(--radius-rounded);display:block}.chat-side .chat-side-content .user-pic img.is-squared{border-radius:0!important}.chat-side .chat-side-content .user-pic img.is-badge{display:block;position:absolute;inset-inline-end:-6px;bottom:0;border:3px solid var(--white);height:34px;width:34px;border-radius:var(--radius-rounded)}.chat-side .chat-side-content .user-name{margin-top:10px;font-size:1.2rem;font-weight:700;color:var(--dark-text)}.chat-side .chat-side-content .user-job-title{color:var(--muted-grey)}.chat-side .chat-side-content .side-actions{padding:12px 0}.chat-side .chat-side-content .side-actions .button{color:var(--light-text)}.chat-side .chat-side-content .side-actions .button:hover,.chat-side .chat-side-content .side-actions .button:focus{box-shadow:var(--light-box-shadow)}.chat-side .chat-side-content .detail-photos{margin-top:30px;text-align:center;padding:0 12px}.chat-side .chat-side-content .detail-photos .detail-photo-title{display:flex;align-items:center;font-weight:400;font-size:1rem;margin-bottom:20px;color:var(--light-text)}.chat-side .chat-side-content .detail-photos .detail-photo-title svg{width:16px;margin-inline-end:8px}.chat-side .chat-side-content .detail-photos .detail-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:6px;grid-row-gap:6px;grid-template-rows:repeat(3,60px)}.chat-side .chat-side-content .detail-photos .detail-photo-grid img{height:100%;width:100%;object-fit:cover;border-radius:8px;object-position:center}.chat-side .chat-side-content .detail-photos .view-more{display:block;color:var(--primary);font-weight:600;font-size:15px;margin:25px 0}.is-dark .chat-side{background:var(--dark-sidebar-light-4);border-color:var(--dark-sidebar-light-2)}.is-dark .chat-side .user-name{color:var(--primary-grey)}.is-dark .chat-side .chat-side-content .is-badge{border-color:var(--dark-sidebar-light-4)}.is-dark .chat-side .chat-side-content .detail-photos .view-more{color:var(--primary)}@media (width <= 767px){.chat-side{position:fixed;top:0;inset-inline-end:0;height:100%;width:100%;transform:translate(calc(var(--transform-direction) * 100%));transition:all .3s;z-index:20}.chat-side .chat-side-header #hide-chat-side{display:flex}.chat-side.is-mobile-active{transform:translate(calc(var(--transform-direction) * 0))}}@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: portrait){.chat-side{position:fixed;top:0;inset-inline-end:0;height:100%;width:340px;transform:translate(calc(var(--transform-direction) * 100%));transition:all .3s;z-index:20}.chat-side .chat-side-header #hide-chat-side{display:flex}.chat-side.is-mobile-active{transform:translate(calc(var(--transform-direction) * 0))}}.msg{min-width:50px;max-width:40%}.msg.is-image .image-container{position:relative;border-radius:3px}.msg.is-image .image-container:hover .image-overlay,.msg.is-image .image-container:focus .image-overlay{opacity:.45;pointer-events:none}.msg.is-image .image-container:hover .image-actions,.msg.is-image .image-container:focus .image-actions{opacity:1}.msg.is-image .image-container:hover .image-actions .download,.msg.is-image .image-container:focus .image-actions .download{pointer-events:all}.msg.is-image .image-container figure{position:relative;display:block;border-radius:3px;border:4px solid var(--white);z-index:1}.msg.is-image .image-container .image-overlay{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;opacity:0;background:var(--primary);border:4px solid var(--white);border-radius:3px;transition:all .3s;z-index:2}.msg.is-image .image-container .image-actions{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:all .3s;z-index:3}.msg.is-image .image-container .image-actions .actions-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.msg.is-image .image-container .image-actions .actions-inner .action{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:var(--radius-rounded);background:var(--white);margin:0 6px;cursor:pointer;transition:all .3s}.msg.is-image .image-container .image-actions .actions-inner .action:hover{background:var(--success)}.msg.is-image .image-container .image-actions .actions-inner .action:hover svg{color:var(--smoke-white)}.msg.is-image .image-container .image-actions .actions-inner .action svg{height:18px;width:18px;color:var(--success);transition:color .3s,background-color .3s,border-color .3s,height .3s,width .3s}.msg.is-link-image{background:#e6e5ed;padding:0;max-width:320px!important}.msg.is-link-image .image{position:relative}.msg.is-link-image .image img{max-width:320px;border-radius:var(--radius-large) 6px 0 0}.msg.is-link-image .image .link-badge{height:40px;width:40px;position:absolute;inset-inline-end:15px;bottom:15px}.msg.is-link-image .image .link-badge img{position:relative;display:block;height:40px;width:40px;border-radius:var(--radius-rounded)}.msg.is-link-image .link-body{padding:10px 15px}.msg.is-link-image .link-body .link-title{display:block;font-weight:500;color:var(--dark-text)}.msg.is-link-image .link-body small{display:block;width:100%;font-size:.75rem;color:var(--muted-grey);padding-top:5px}.msg.is-link-image:after{display:none}.msg.is-link{background:#e6e5ed;padding:10px 20px;max-width:320px;display:block;position:relative}.msg.is-link .icon-wrapper{position:absolute;top:calc(50% - 18px);inset-inline-start:-18px;width:36px;height:36px;min-width:36px!important;max-height:36px;border-radius:var(--radius-rounded);border:2px solid var(--white);background:var(--primary);display:flex;justify-content:center;align-items:center}.msg.is-link .icon-wrapper svg{width:16px;height:16px;color:var(--white)}.msg.is-link .link-meta{margin-inline-start:10px}.msg.is-link .link-meta span{color:var(--dark-text);font-weight:500;font-size:.9rem}.msg.is-link .link-meta a{display:block;font-size:.9rem;font-weight:500;color:var(--primary)}.msg.is-link:after{display:none}.msg p{font-size:.8rem;margin:0 0 .2rem}.msg img{position:relative;display:block;width:450px;border-radius:5px;box-shadow:0 0 3px var(--light-grey);transition:all .4s cubic-bezier(.565,-.26,.255,1.41);cursor:default;-webkit-touch-callout:none;user-select:none}@media screen and (width <= 800px){.msg img{width:300px}}@media screen and (width <= 550px){.msg img{width:200px}}/*! _variables.scss | Vuero | Css ninja 2020-2023 *//*! _sidebar-panel.scss | Vuero | Css ninja 2020-2023 */[dir=rtl] .vuero-hamburger{margin-left:1rem}.sidebar-panel{position:fixed;top:0;inset-inline-start:80px;height:100%;width:240px;background:var(--white);z-index:31}.sidebar-panel .inner{position:relative;height:calc(100vh - 60px);width:240px;overflow-y:auto;overflow-x:hidden;background:var(--white)}.sidebar-panel .inner::-webkit-scrollbar{width:3px}.sidebar-panel .inner::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.2)}.sidebar-panel .navbar-divider{width:75%;height:1px;margin:0 auto;background-color:var(--border)}.is-dark .sidebar-panel{background:var(--dark-sidebar-light-5);border-color:var(--dark-sidebar-light-5)!important}.is-dark .sidebar-panel .panel-close svg{color:var(--muted-grey)!important}.is-dark .sidebar-panel .subpanel-header,.is-dark .sidebar-panel .inner{background:var(--dark-sidebar-light-5)}.sidebar-panel.is-generic .subpanel-header{height:60px;display:flex;justify-content:flex-start;align-items:center;padding:0 20px}.sidebar-panel.is-generic .subpanel-header .project-dropdown{margin-inline-end:12px;cursor:pointer!important}.sidebar-panel.is-generic .subpanel-header .project-dropdown>img{height:32px;width:32px;border-radius:var(--radius-rounded)}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu{margin-top:12px}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content{padding-top:0;padding-bottom:0;overflow:hidden}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block{display:flex;align-items:center;padding:16px}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover,.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:focus{background:var(--fade-grey-light-4)}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta{margin-inline-start:12px;font-family:var(--font)}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span{display:block}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child{font-size:.95rem;font-weight:500;color:var(--dark-text);line-height:1.2;max-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:nth-child(2){color:var(--light-text);font-size:.85rem}.sidebar-panel.is-generic .subpanel-header h3{font-family:var(--font-alt);color:var(--light-text);font-size:1.3rem}.sidebar-panel.is-generic .subpanel-header .panel-close{margin-inline-start:auto;display:block;width:18px;height:18px}.sidebar-panel.is-generic .subpanel-header .panel-close svg{width:18px;height:18px}.sidebar-panel.is-generic .inner ul{padding:10px 0}.sidebar-panel.is-generic .inner li{height:36px;display:flex;justify-content:flex-start;align-items:center;border-inline-start:2px solid transparent;cursor:pointer}.sidebar-panel.is-generic .inner li.is-active a{font-weight:500;color:var(--primary)}.sidebar-panel.is-generic .inner li.is-active>a{font-weight:600}.sidebar-panel.is-generic .inner li>a.router-link-exact-active{font-weight:600;color:var(--primary)}.sidebar-panel.is-generic .inner li.has-children .is-submenu.router-link-exact-active{font-weight:500;color:var(--primary)}.sidebar-panel.is-generic .inner li.divider{cursor:default;pointer-events:none;height:10px;margin:5px 20px 10px;border-bottom:1px solid rgba(0,0,0,.15)}.sidebar-panel.is-generic .inner li.divider.with-label{border-bottom:0;margin-top:25px}.sidebar-panel.is-generic .inner li.divider.with-label:after,.sidebar-panel.is-generic .inner li.divider.with-label:before{flex:0}.sidebar-panel.is-generic .inner li.divider.with-label .divider-label{font-size:.7rem}.sidebar-panel.is-generic .inner li.has-children{display:block;height:unset;min-height:36px;margin-bottom:4px}.sidebar-panel.is-generic .inner li.has-children.active .collapse-wrap>a{color:var(--dark-text);font-weight:600}.sidebar-panel.is-generic .inner li.has-children.active .collapse-wrap>a svg{transform:rotate(calc(var(--transform-direction) * 90deg))!important}.sidebar-panel.is-generic .inner li.has-children:hover .collapse-wrap>a{color:var(--dark-text)}.sidebar-panel.is-generic .inner li.has-children.is-flex{display:flex;justify-content:space-between;align-items:center}.sidebar-panel.is-generic .inner li.has-children.is-flex .tag{margin-inline-start:auto;margin-inline-end:20px;border-radius:100px;background:var(--danger);color:var(--white);font-size:.8rem;font-weight:600}.sidebar-panel.is-generic .inner li.has-children .collapse-wrap{display:flex;align-items:stretch;height:100%;min-height:36px}.sidebar-panel.is-generic .inner li.has-children .collapse-wrap>a{font-family:var(--font-alt);display:flex;align-items:center;font-size:.9rem;font-weight:500;color:var(--light-text)}.sidebar-panel.is-generic .inner li.has-children .collapse-wrap>a svg{position:relative;top:1px;height:18px;width:18px;margin-inline-start:auto;transform:rotate(0);color:var(--light-text);transition:color .3s,background-color .3s,border-color .3s,height .3s,width .3s,transform .3s}.sidebar-panel.is-generic .inner li.has-children ul{padding:0;overflow:hidden}.sidebar-panel.is-generic .inner li.has-children ul li{height:32px;font-family:var(--font)}.sidebar-panel.is-generic .inner li.has-children ul li.is-active .is-submenu,.sidebar-panel.is-generic .inner li.has-children ul li .router-link-exact-active .is-submenu{font-weight:500}.sidebar-panel.is-generic .inner li.has-children ul li.is-active .is-submenu svg,.sidebar-panel.is-generic .inner li.has-children ul li .router-link-exact-active .is-submenu svg{display:block}.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu{display:flex;font-weight:400;font-family:var(--font);align-items:center;padding-inline-start:32px;font-size:.9rem}.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu.is-active,.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu .router-link-exact-active{font-weight:500;color:var(--primary)}.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu .lnil,.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu .lnir{font-size:1.2rem;margin-inline-end:10px}.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu>span{font-family:var(--font)}.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg{display:none;height:8px;width:8px;max-width:8px;min-width:8px;stroke-width:2px;margin-inline-end:8px}.sidebar-panel.is-generic .inner li.has-children ul li .is-submenu svg.is-auto{margin-inline-start:auto;height:15px;width:15px;max-width:15px;min-width:15px;stroke-width:2px;margin-inline-end:4px}.sidebar-panel.is-generic .inner li a{font-family:var(--font);display:block;width:100%;padding:0 20px;font-size:.95rem;color:var(--light-text)}.sidebar-panel.is-generic .inner li a:hover,.sidebar-panel.is-generic .inner li a:focus{color:var(--dark-text)}.sidebar-panel.is-generic .inner li a .tag{line-height:1.8;height:1.8em;font-size:.7rem;margin-inline-start:.25rem}.sidebar-panel.is-generic .inner li>a{font-family:var(--font-alt);font-size:.9rem;font-weight:500;color:var(--light-text)}.sidebar-panel.is-generic .inner .docked-action{position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;display:flex;justify-content:flex-start;align-items:center;height:64px;width:100%;padding:0 26px 0 16px;margin:0}.sidebar-panel.is-generic .inner .docked-action.has-search{bottom:160px}.sidebar-panel.is-generic .inner .docked-action.action-wrap .button{height:36px!important}.sidebar-panel.is-generic .inner .docked-action.action-wrap .button svg{height:16px;width:16px;margin-inline-end:2px;margin-inline-start:-2px}.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block{background:var(--dark-sidebar-light-2)}.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:hover,.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block:focus{background:var(--dark-sidebar-light-5)!important}.is-dark .sidebar-panel.is-generic .subpanel-header .project-dropdown .dropdown-menu .dropdown-content .dropdown-block .meta span:first-child{color:var(--dark-dark-text)!important}.is-dark .sidebar-panel.is-generic .inner ul li.is-active a,.is-dark .sidebar-panel.is-generic .inner ul li a.router-link-exact-active{color:var(--primary)!important}.is-dark .sidebar-panel.is-generic .inner ul li.has-children.active .collapse-wrap>a{color:var(--smoke-white)}.is-dark .sidebar-panel.is-generic .inner ul li.has-children:hover .collapse-wrap>a{color:var(--dark-dark-text-light-14)}.is-dark .sidebar-panel.is-generic .inner ul li a:hover{color:var(--dark-dark-text)}.is-dark .sidebar-panel.is-generic .inner ul li .is-submenu:hover{color:var(--primary)}.sidebar-panel.is-messages .messages-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.sidebar-panel.is-messages .messages-header h3{color:var(--muted-grey);font-size:1.4rem}.sidebar-panel.is-messages .messages-header .vuero-hamburger{position:relative;top:2px}.sidebar-panel.is-messages .inner{overflow-y:hidden!important}.sidebar-panel.is-messages .inner #conversations-list{position:relative;height:100%;overflow-y:auto!important}.sidebar-panel.is-messages .inner #conversations-list::-webkit-scrollbar{width:3px}.sidebar-panel.is-messages .inner #conversations-list::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.2)}.sidebar-panel.is-messages .inner #conversations-list li .recipient-meta span:nth-child(2){max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-panel.is-messages .inner #conversations-list li .group-message{max-width:230px!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-panel.is-messages .inner .is-new-conversation{height:30px;display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer}.sidebar-panel.is-messages .inner .is-new-conversation .button{height:36px!important;margin:0 20px}.sidebar-panel.is-messages .inner .is-new-conversation .button svg{height:16px;width:16px;margin-right:10px;margin-left:-10px}.sidebar-panel.is-messages .inner .new-chat-sidebar{overflow:auto;height:100%}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete{justify-content:center;padding:0 20px}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete.is-active,.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete:hover{background:transparent!important}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control{position:relative}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .icon{position:absolute;top:7px;left:7px;color:var(--placeholder)}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .icon svg{width:20px;height:20px;transition:all .3s}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete{width:100%!important}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input{padding-left:40px;background:var(--fade-grey);border:none;box-shadow:none;color:var(--muted-grey);transition:all .3s}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input:focus{background:var(--light-white)}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete input:focus+.icon{color:var(--primary)}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper{display:flex!important;justify-content:flex-start;align-items:center}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper{position:relative;width:40px!important;height:40px!important}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .autocpl-avatar{width:40px!important;height:40px!important;border-radius:var(--radius-rounded)!important}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .avatar-wrapper .avatar-badge{position:absolute;bottom:0;right:-5px;width:18px;height:18px;border:2px solid var(--white);border-radius:var(--radius-rounded)}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text{margin-left:15px}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .control .easy-autocomplete .template-wrapper .entry-text span{font-size:.8rem;color:var(--title-grey)}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete li{height:auto!important;padding-top:8px;padding-bottom:8px;border-left:none!important;border-right:none!important}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .easy-autocomplete-container{top:120%!important;border:none!important}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-autocomplete .easy-autocomplete-container ul{border-radius:var(--radius)!important;box-shadow:-1px 3px 10px #0000000f!important}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-cancel{height:80px;display:flex;align-items:center;justify-content:center}.sidebar-panel.is-messages .inner .new-chat-sidebar .is-cancel button{height:36px;margin:0 20px}.sidebar-panel.is-messages .inner ul{overflow:auto;height:100%}.sidebar-panel.is-messages .inner li{position:relative;height:80px;display:flex;justify-content:flex-start;align-items:center;border-left:2px solid transparent;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer}.sidebar-panel.is-messages .inner li.is-active{border-left-color:var(--primary);background:var(--primary-light-51)}.sidebar-panel.is-messages .inner li.is-active:hover{background:var(--primary-light-51)}.sidebar-panel.is-messages .inner li .recent-user{position:relative;width:100%;display:flex;justify-content:flex-start;align-items:center;padding:20px 30px 20px 10px;cursor:pointer}.sidebar-panel.is-messages .inner li .recent-user .user-container{position:relative}.sidebar-panel.is-messages .inner li .recent-user .user-container img{height:36px;width:36px;border-radius:var(--radius-rounded);display:block}.sidebar-panel.is-messages .inner li .recent-user .user-container img.is-user{min-width:36px}.sidebar-panel.is-messages .inner li .recent-user .user-container img.is-badge{display:block;position:absolute;right:-5px;bottom:0;border:2px solid var(--white);height:16px;width:16px;border-radius:var(--radius-rounded)}.sidebar-panel.is-messages .inner li .recent-user .recipient-meta{margin-left:10px}.sidebar-panel.is-messages .inner li .recent-user .recipient-meta span{display:block}.sidebar-panel.is-messages .inner li .recent-user .recipient-meta span:first-child{color:var(--dark-text);font-weight:500;font-size:.9rem}.sidebar-panel.is-messages .inner li .recent-user .recipient-meta span:nth-child(2){color:var(--dark-text);font-weight:300;font-size:.8rem}.sidebar-panel.is-messages .inner li .recent-user .recipient-meta span:nth-child(3){font-size:.75rem;color:var(--muted-grey)}.sidebar-panel.is-messages .inner li .user-group{position:relative;width:100%;display:flex;justify-content:flex-start;align-items:center;margin-left:20px;cursor:pointer}.sidebar-panel.is-messages .inner li .user-group img{height:36px;width:36px;border:3px solid var(--white);border-radius:var(--radius-rounded);display:block}.sidebar-panel.is-messages .inner li .user-group img.is-user{min-width:36px}.sidebar-panel.is-messages .inner li .user-group img:nth-child(2),.sidebar-panel.is-messages .inner li .user-group img:nth-child(3),.sidebar-panel.is-messages .inner li .user-group img:nth-child(4){margin-left:-15px}.sidebar-panel.is-messages .inner li .user-group .more-indicator{height:36px;width:36px;min-width:36px;border-radius:var(--radius-rounded);background:var(--primary);display:flex;justify-content:center;align-items:center;margin-left:-15px;border:2px solid var(--white)}.sidebar-panel.is-messages .inner li .user-group .more-indicator span{display:block;color:var(--white);font-weight:600;font-size:.8rem}.sidebar-panel.is-messages .inner li time{display:block;position:absolute;top:2px;right:20px;font-size:.75rem;color:var(--muted-grey)}.sidebar-panel.is-messages .inner li .group-message{padding:0 20px;margin-top:-20px;font-size:.75rem;color:var(--muted-grey)}.sidebar-panel.is-messages .inner li .group-message.is-unread{color:var(--dark-text);font-weight:500}.sidebar-panel.is-messages .inner li:hover{background:#fafafa}.is-dark .sidebar-panel.is-messages li.is-active,.is-dark .sidebar-panel.is-messages li.is-active:hover{background:var(--dark-sidebar-light-10)!important}.is-dark .sidebar-panel.is-messages li.is-active img,.is-dark .sidebar-panel.is-messages li.is-active .more-indicator{border-color:var(--dark-sidebar-light-10)!important}.is-dark .sidebar-panel.is-messages li:hover{background:var(--dark-sidebar-light-6)!important}.is-dark .sidebar-panel.is-messages li img,.is-dark .sidebar-panel.is-messages li .more-indicator{border-color:var(--dark-sidebar-light-6)!important}.is-dark .sidebar-panel.is-messages li .more-indicator{background:var(--accent)!important}.is-dark .sidebar-panel.is-messages li .recipient-meta span:first-child{color:var(--accent-grey-light-6)!important}.is-dark .sidebar-panel.is-messages li .recipient-meta span:nth-child(2){color:var(--accent-grey-light-10)!important}.is-dark .sidebar-panel.is-messages li .recipient-meta span.is-unread{color:var(--accent-grey-light-6)!important}.is-dark .sidebar-panel.is-messages .start-conversation{background:var(--accent)!important;border:1px solid var(--accent)!important}.collapsed-messaging{position:fixed;top:0;inset-inline-start:80px;height:100%;width:80px;background-color:var(--body-color);box-shadow:none;z-index:34;border-inline-start:1px solid var(--fade-grey);transform:translate(calc(var(--transform-direction) * -100%));transition:all .3s}.collapsed-messaging.is-active{transform:translate(calc(var(--transform-direction) * 0))}.collapsed-messaging .inner{position:relative;height:100%;width:100%}.collapsed-messaging .inner .collapsed-menu{display:flex;justify-content:center;align-items:center;height:60px;width:100%}.collapsed-messaging .inner .collapsed-add{display:flex;justify-content:center;align-items:center;height:64px;width:100%}.collapsed-messaging .inner .collapsed-add .button{height:36px;width:36px;border-radius:var(--radius-rounded);padding:4px;transition:all .3s}.collapsed-messaging .inner .collapsed-add .button:hover{box-shadow:var(--primary-box-shadow)}.collapsed-messaging .inner .collapsed-add .button svg{height:18px;width:18px}.collapsed-messaging .inner .collapsed-conversations{height:calc(100vh - 80px)}.collapsed-messaging .inner .collapsed-conversations li{display:flex;justify-content:center;align-items:center;height:64px;border-inline-start:2px solid transparent;transition:all .3s;cursor:pointer}.collapsed-messaging .inner .collapsed-conversations li.is-active{border-inline-start-color:var(--primary);background:var(--primary-light-51)}.collapsed-messaging .inner .collapsed-conversations li.is-active:hover,.collapsed-messaging .inner .collapsed-conversations li.is-active:focus{background:var(--primary-light-51)}.collapsed-messaging .inner .collapsed-conversations li .user-container{position:relative}.collapsed-messaging .inner .collapsed-conversations li .user-container img{height:36px;width:36px;border-radius:var(--radius-rounded);display:block}.collapsed-messaging .inner .collapsed-conversations li .user-container img.is-user{min-width:36px}.collapsed-messaging .inner .collapsed-conversations li .user-container img.is-badge{display:block;position:absolute;inset-inline-end:-5px;bottom:0;border:2px solid var(--white);height:16px;width:16px;border-radius:var(--radius-rounded)}.collapsed-messaging .inner .collapsed-conversations li .user-container .is-count{position:absolute;inset-inline-end:-12px;bottom:-5px;border-radius:var(--radius-rounded);border:2px solid var(--white);height:28px;width:28px;background:var(--primary);display:flex;justify-content:center;align-items:center}.collapsed-messaging .inner .collapsed-conversations li .user-container .is-count span{display:block;font-size:.7rem;font-size:700;color:var(--smoke-white)}.collapsed-messaging .inner .collapsed-conversations li .user-container .is-count span:before{content:"+"}@media only screen and (width >= 768px) and (width <= 1024px) and (orientation: landscape){.collapsed-messaging{width:60px;left:60px}}.is-dark .collapsed-messaging{background:var(--dark-sidebar-light-5);border-color:var(--dark-sidebar-light-5)!important}.is-dark .collapsed-messaging .collapsed-conversations li.is-active{background:var(--dark-sidebar-light-2);border-color:var(--primary)!important}.is-dark .collapsed-messaging .collapsed-conversations li .user-container .is-badge,.is-dark .collapsed-messaging .collapsed-conversations li .user-container .is-count{border-color:var(--dark-sidebar-light-5)!important}@media (width <= 767px){.chat-content{padding:0 5px!important}.collapsed-messaging{display:none}}@media only screen and (device-width >= 768px) and (device-width <= 1024px) and (orientation: portrait){.chat-content{padding:0 5px!important}.collapsed-messaging{display:none}}@media only screen and (device-width >= 768px) and (device-width <= 1024px) and (orientation: landscape){.collapsed-messaging.is-active{inset-inline-start:60px!important;border-inline-start:1px var(--fade-grey-dark-3)}}