@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&display=swap";:root{--primary-color: #8E44AD;--primary-light-color: #BB8FCE;--primary-dark-color: #5B2C6F;--primary-text-color: #ffffff;--secondary-color: #ABB2B9;--secondary-light-color: #EAECEE;--secondary-dark-color: #566573;--secondary-text-color: #000000;--border-style: 1px solid #ccc;--hover-color: #f3f3f3;--base-border-radius: 16px;--small-border-radius: 8px}wave{overflow:hidden}.kc-chats-list-wrapper{overflow:hidden scroll;max-width:320px;flex-grow:1}.kc-chats-list{list-style:none;padding:0;margin:0}.kc-chats-list-item{border-bottom:var(--border-style);padding:8px;display:flex;align-items:center;gap:8px;text-decoration:none;color:#000;position:relative;overflow:hidden}.kc-chats-list-item[data-online=true]:before{content:"";height:12px;width:12px;position:absolute;left:8px;bottom:8px;background:green;border-radius:12px;border:var(--border-style)}.kc-chats-list-item:hover{background:var(--primary-light-color);color:var(--primary-text-color)}.kc-chats-list-item[data-selected=true]{background:var(--primary-color);color:var(--primary-text-color)}.kc-chat-info{flex-grow:1;overflow:hidden}.kc-chat-info>div{text-overflow:ellipsis;overflow:hidden}.kc-chat-message-count{background:var(--primary-color);color:var(--primary-text-color);padding:0 8px;border-radius:var(--base-border-radius)}.kc-chats-list-item[data-selected=true] .kc-chat-message-count{background:var(--primary-light-color)}.kc-avatar{border:var(--border-style);border-radius:100%;padding:8px;object-fit:cover;height:48px;width:48px;background:white}.kc-avatar.large{height:64px;width:64px}.kc-avatar.small{height:32px;width:32px}.kc-button{padding:8px;border-radius:var(--base-border-radius);border:none;background:var(--primary-color);color:var(--primary-text-color);display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.kc-button.text{background:var(--primary-text-color);color:var(--secondary-text-color);border:var(--border-style)}.kc-button ion-icon{font-size:18px}.kc-button:hover{background-color:var(--primary-dark-color)}.kc-button.text:hover{background-color:var(--secondary-light-color)}.kc-dropdown{list-style:none;position:absolute;display:flex;flex-direction:column;gap:4px;overflow:hidden;bottom:100%;transition:.2s all ease;background:var(--secondary-light-color);border-radius:var(--base-border-radius) var(--base-border-radius) var(--base-border-radius) 0;max-height:0}.kc-dropdown[data-open=true]{padding:8px;max-height:300%}.kc-dropdown li,.kc-dropdown .kc-button{width:100%;justify-content:left}.kc-hidden{display:none}.kc-pending-attachments{border-top:var(--border-style);height:120px;align-items:center;padding:8px;gap:16px;overflow:hidden auto}.kc-pending-attachment{height:100%;position:relative;display:flex;align-items:center;max-width:180px}.kc-pending-attachment img,.kc-chat-attachment .file,.kc-pending-attachment .file{height:100%;border-radius:var(--small-border-radius);object-fit:cover}.kc-chat-attachment .file,.kc-pending-attachment .file{padding:8px;background:var(--secondary-light-color);display:flex;align-items:center;overflow:hidden;color:var(--secondary-dark-color);gap:4px}.kc-chat-attachment .file{text-decoration:underline;cursor:pointer}.kc-pending-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-button.close{position:absolute;right:-8px;top:-8px;padding:2px;background:red}.kc-chat-wrapper{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.kc-chat-header{padding:16px;display:flex;align-items:center;justify-content:space-between;background-color:var(--primary-dark-color);color:var(--primary-text-color)}.kc-chat-messages-wrapper{flex-grow:1;overflow:hidden scroll;padding:8px}.kc-chat-message-wrapper{margin-top:4px;overflow:hidden;max-width:70%;padding:8px 8px 16px;width:fit-content;position:relative;min-width:3rem;text-overflow:ellipsis;word-break:break-all}.kc-chat-message-attachments{max-width:20rem}.kc-chat-attachment{width:100%;overflow:hidden}.kc-chat-attachment img{border-radius:var(--small-border-radius);object-fit:cover;width:100%}.kc-chat-message-wrapper.sender{margin-left:auto;border-radius:var(--base-border-radius) var(--small-border-radius) var(--small-border-radius) var(--base-border-radius);background:var(--primary-color);color:var(--primary-text-color)}.kc-chat-message-wrapper .kc-chat-message-time{position:absolute;bottom:0px;font-size:.75rem}.kc-chat-message-wrapper.sender .kc-chat-message-time{right:6px}.kc-chat-message-wrapper.receiver .kc-chat-message-time{left:6px}.kc-chat-message-wrapper.receiver{border-radius:var(--small-border-radius) var(--base-border-radius) var(--base-border-radius) var(--small-border-radius);background:var(--secondary-light-color);color:var(--secondary-text-color)}.receiver+.sender,.sender+.receiver{margin-top:16px}.kc-chat-send-message-form{padding:8px;display:flex;align-items:center;gap:8px;position:relative}#kc-text-input{flex-grow:1;padding:8px;border:var(--border-style);border-radius:var(--base-border-radius);font-size:1rem;outline:none;max-height:250px;min-height:44px;overflow:hidden auto;word-break:break-all;white-space:pre-wrap;resize:none}*{margin:0;padding:0;box-sizing:border-box;font-family:"Baloo 2",cursive}html{width:100%;height:100%;overflow:hidden}body{display:flex;flex-direction:column;height:100%}#root{display:flex;flex-wrap:nowrap;flex-grow:1;overflow:hidden;width:100%}