.ts-inbox{border:1px solid var(--ts-shade-4);border-radius:10px;display:flex;flex-wrap:nowrap;overflow:hidden;height:600px;--top-height:50px}.ts-inbox input{background:transparent;height:100%}.ts-inbox .ts-btn-group{padding:15px}.ts-inbox[v-cloak]{opacity:0}.inbox-left{width:330px;border-right:1px solid var(--ts-shade-4)}.inbox-left,.ts-message-body{flex-direction:column;display:flex}.ts-message-body{width:calc(100% - 330px);position:relative;height:100%}.ts-convo-list{flex:1}.ts-inbox-top{height:var(--top-height);width:100%;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ts-shade-4);position:sticky;top:0;max-height:50px}.ts-inbox-top.add-spacing{padding:15px}.ts-convo-list li.ts-new-message a p{font-weight:600}.ts-convo-list li.ts-new-message a .convo-avatar img{border:4px solid var(--ts-accent-1)}.ts-convo-list li.ts-unread-message a p,.ts-convo-list li.ts-unread-message p{font-weight:600}.ts-convo-list li.ts-active-chat a{border-color:var(--ts-accent-1);background:var(--ts-shade-7)}.ts-convo-list li a{display:flex;flex-wrap:nowrap;padding:10px 15px;border-left:3px solid transparent;transition:.15s ease;color:#0c162c;font-size:var(--e-global-typography-text-font-size);align-items:center;position:relative}.ts-convo-list li a:hover{background:var(--ts-shade-7)}.ts-convo-list li a .message-image{width:40px;height:40px;border-radius:50%;min-width:40px;display:flex;align-items:center;justify-content:center;-o-object-fit:cover;object-fit:cover;background:var(--ts-shade-5);overflow:hidden}.ts-convo-list li a .message-image i{color:var(--ts-shade-2);font-size:22px}.ts-convo-list li a .message-image svg{fill:var(--ts-shade-2);width:22px;height:22px}.ts-convo-list li a .message-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ts-convo-list li a .convo-avatars{display:flex;position:relative;margin-right:15px}.ts-convo-list li a .post-avatar{position:absolute;bottom:-5px;right:-5px}.ts-convo-list li a .post-avatar img{width:26px;height:26px;border-radius:50%;min-width:26px;-o-object-fit:cover;object-fit:cover;border:3px solid #fff}.ts-convo-list li a .convo-avatar img{width:40px;height:40px;border-radius:50%;min-width:40px;-o-object-fit:cover;object-fit:cover}.ts-convo-list li a .message-details{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;min-width:0;grid-gap:3px}.ts-convo-list li a .message-details span{font-size:14px;color:var(--ts-shade-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%}.ts-convo-list li a .message-details b{margin:0;width:100%;font-size:var(--e-global-typography-text-font-size);color:var(--ts-shade-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ts-convo-list li a .message-details b .ts-right-icon{display:inline-block;margin:0 4px}.ts-tab-content{padding:15px}.ts-conversation-body{border-left:none;border-right:none;flex:1;height:auto;padding:20px;display:flex}.ts-conversation-body .ts-message-list{display:flex;flex-direction:column-reverse;grid-gap:15px;margin-top:auto;width:100%}.ts-conversation-body .ts-message-list>li{display:flex;flex-wrap:wrap;max-width:50%;grid-gap:7px}.ts-conversation-body .ts-message-list>li .ts-image-attachment img{border-radius:10px;display:flex}.ts-conversation-body .ts-message-list>li.ts-error-message p{background-color:#fbf2f4;color:#c84564}.ts-conversation-body .ts-message-list>li.ts-responder-2{flex-direction:row-reverse;text-align:right;margin-left:auto}.ts-conversation-body .ts-message-list>li.ts-responder-2>p{background:var(--ts-accent-1);color:#fff;text-align:left}.ts-conversation-body .ts-message-list>li.ts-responder-2>p a{color:#fff;border-color:#fff}.ts-conversation-body .ts-message-list>li.ts-responder-2 .ms-info{flex-direction:row}.ts-conversation-body .ts-message-list .ts-single-message>p{padding:12px 15px;background-color:#f3f5f9;margin:0;border-radius:10px;font-size:var(--e-global-typography-text-font-size);color:var(--ts-shade-2);word-break:break-word;display:flex;flex-direction:column;grid-gap:15px}.ts-conversation-body .ts-message-list .ts-single-message>p a{color:#0c162c;border-bottom:1px solid #0c162c}.ts-conversation-body .ts-message-list .seen-badge,.ts-conversation-body .ts-message-list .ts-message-seen~.ts-message-seen .seen-badge{display:none}.ts-conversation-body .ts-message-list .ts-message-seen .seen-badge{display:block;font-size:12px;font-weight:600;color:var(--ts-shade-3)}.ms-info{width:100%;flex-direction:row-reverse;justify-content:flex-end;grid-gap:5px}.ms-info li{font-size:12px;color:var(--ts-shade-3);white-space:nowrap}.ms-info li.deletems{color:red}.ts-single-message:not(:hover) .message-actions{pointer-events:none;opacity:0}.start-convo{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;grid-gap:5px}.start-convo h4{margin:0;color:var(--ts-shade-1);text-align:center;padding:0 15px}.start-convo img{width:70px;height:70px;border-radius:50%;margin-bottom:10px}.start-convo span{color:var(--ts-shade-3);font-size:var(--e-global-typography-text-font-size)}.ts-inbox-bottom{width:100%;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;padding:0 15px;position:sticky;bottom:0;border-top:1px solid var(--ts-shade-4);background:#fff}.ts-inbox-bottom.add-spacing{padding:15px}.ts-compose-buttons{display:flex;flex-wrap:nowrap}.ts-compose-buttons li{margin-left:5px}.ts-convo-form{display:flex;flex-wrap:nowrap;align-items:center;grid-gap:7px}.ts-convo-form .compose-message{flex-grow:1;position:relative;max-height:250px}.ts-convo-form .compose-message textarea{border:none;box-shadow:none;outline:none;padding:20px 0;resize:none;overflow:hidden;background:transparent;width:100%;font-size:var(--e-global-typography-text-font-size)}.ts-convo-form .compose-message textarea:disabled{background:transparent}.ts-convo-form .compose-message .compose-placeholder{position:absolute;pointer-events:none;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;left:0;top:50%;transform:translateY(-50%);font-size:var(--e-global-typography-text-font-size)}.ts-convo-form .active-avatar{display:flex}.ts-convo-form .active-avatar img{width:34px;height:34px;min-width:34px;border-radius:50%}.inbox-top-btns{grid-gap:7px;flex-wrap:nowrap}.convo-head{display:flex;justify-content:space-between;width:100%}.convo-head,.convo-head .ts-convo-name{align-items:center;flex-wrap:nowrap;grid-gap:7px;min-width:0}.convo-head .ts-convo-name img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;min-width:32px}.convo-head .ts-convo-name span,.convo-head .ts-convo-name span a{font-size:var(--e-global-typography-text-font-size);font-weight:600;color:var(--ts-shade-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-pic span{display:flex}.convo-name{min-width:0}.convo-name span{min-width:0;display:block}@media (max-width:767px){.ts-inbox .inbox-left,.ts-inbox .ts-message-body{width:100%!important}.ts-conversation-body .ts-message-list>li{max-width:75%}.inbox-left{border-right:none!important}.inbox-left:not(.ts-no-chat),.ts-emoji-select,.ts-message-body.ts-no-chat{display:none}}.ts-emoji-list ul{display:grid;grid-template-columns:repeat(6,1fr)}.ts-emoji-list .ts-form-group>label{padding-bottom:5px!important}.ts-emoji-list li{transition:transform .2s ease;min-width:0}.ts-emoji-list li:hover{transform:scale(1.2)}.ts-emoji-list li span{cursor:pointer;font-size:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none}