.cometchat-conversations{background:var(--cometchat-background-color-01,#fff);flex-direction:column;flex-shrink:0;align-items:flex-start;gap:0;width:100%;height:100%;display:flex;position:relative}.cometchat-conversations .cometchat-conversations-header{box-sizing:border-box;min-height:64px}.cometchat-conversations .cometchat-list__body>div:not([class]):first-child{display:none}.cometchat-conversations .cometchat-list-item{padding:var(--cometchat-padding-3,12px) var(--cometchat-padding-4,16px);cursor:pointer}.cometchat-conversations .cometchat-list-item__body{min-height:43px;padding:0}.cometchat-conversations .cometchat-list-item__trailing-view{width:auto;height:40px}.cometchat-conversations .cometchat-date{font:var(--cometchat-font-caption1-regular);padding:0}.cometchat-conversations__subtitle-receipts{background:var(--cometchat-icon-color-secondary,#a1a1a1);border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:16px;height:16px;display:flex}.cometchat-conversations__subtitle-receipts-sent{-webkit-mask:url(../media/conversations_sent.0x2qw18dp40en.svg) 50%/contain no-repeat;mask:url(../media/conversations_sent.0x2qw18dp40en.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-receipts-wait{-webkit-mask:url(../media/status_sending.0f5owbq1h-lt5.svg) 50%/contain no-repeat;mask:url(../media/status_sending.0f5owbq1h-lt5.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-receipts-error{background-color:var(--cometchat-error-color);-webkit-mask:url(../media/error_icon.18eavjwt6jr2m.svg) 50%/contain no-repeat;mask:url(../media/error_icon.18eavjwt6jr2m.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-receipts-delivered{-webkit-mask:url(../media/conversations_delivered.04sv-qypuq6-s.svg) 50%/contain no-repeat;mask:url(../media/conversations_delivered.04sv-qypuq6-s.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-receipts-read{background:var(--cometchat-message-seen-color,#56e8a7);-webkit-mask:url(../media/conversations_read.04sv-qypuq6-s.svg) 50%/contain no-repeat;mask:url(../media/conversations_read.04sv-qypuq6-s.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-text-wrapper{gap:var(--cometchat-padding,2px);text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;display:flex;overflow:hidden}.cometchat-conversations__subtitle-text-sender{color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;font:var(--cometchat-font-body-medium);flex-shrink:0;font-style:normal;overflow:hidden}.cometchat-conversations__subtitle-text{color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-body-regular);width:100%;overflow:hidden}.cometchat-conversations__subtitle-text code{background:var(--cometchat-background-color-03);color:var(--cometchat-text-color-secondary);padding:0 var(--cometchat-padding-1,2px);border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-light);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em}.cometchat-conversations__subtitle-text b,.cometchat-conversations__subtitle-text strong{font-weight:700!important}.cometchat-conversations__subtitle-text i,.cometchat-conversations__subtitle-text em{font-style:italic!important}.cometchat-conversations__subtitle-text u{text-decoration:underline!important}.cometchat-conversations__subtitle-text s{text-decoration:line-through!important}.cometchat-conversations__subtitle-icon{background:var(--cometchat-icon-color-secondary,#a1a1a1);border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:16px;height:16px;display:flex;-webkit-mask-size:contain;mask-size:contain}.cometchat-conversations__subtitle-icon-incoming-audio-call{background-color:var(--cometchat-error-color,#f44649);-webkit-mask:url(../media/conversations_missed-voice-call.11ycm.6y.8a52.svg) 50%/contain no-repeat;mask:url(../media/conversations_missed-voice-call.11ycm.6y.8a52.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-incoming-video-call{background-color:var(--cometchat-error-color,#f44649);-webkit-mask:url(../media/conversations_missed-video-call.0qnu57rfe25pb.svg) 50%/contain no-repeat;mask:url(../media/conversations_missed-video-call.0qnu57rfe25pb.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-outgoing-audio-call{-webkit-mask:url(../media/conversations_outgoing-voice-call.0ly08ommgm138.svg) 50%/contain no-repeat;mask:url(../media/conversations_outgoing-voice-call.0ly08ommgm138.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-outgoing-video-call{-webkit-mask:url(../media/conversations_outgoing-video-call.0k2b~1ostnm-o.svg) 50%/contain no-repeat;mask:url(../media/conversations_outgoing-video-call.0k2b~1ostnm-o.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-image{-webkit-mask:url(../media/conversations_image-message.0kccl7zooay-w.svg) 50%/contain no-repeat;mask:url(../media/conversations_image-message.0kccl7zooay-w.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-file{-webkit-mask:url(../media/conversations_file-message.0l9r0-p8woyuf.svg) 50%/contain no-repeat;mask:url(../media/conversations_file-message.0l9r0-p8woyuf.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-video{-webkit-mask:url(../media/conversations_video-message.11_ejrnnk2jo-.svg) 50%/contain no-repeat;mask:url(../media/conversations_video-message.11_ejrnnk2jo-.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-audio{-webkit-mask:url(../media/conversations_audio-message.16zv_wnz.~ysl.svg) 50%/contain no-repeat;mask:url(../media/conversations_audio-message.16zv_wnz.~ysl.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-poll{-webkit-mask:url(../media/conversations_poll-message.0.o~_n7a4ydmv.svg) 50%/contain no-repeat;mask:url(../media/conversations_poll-message.0.o~_n7a4ydmv.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-sticker{-webkit-mask:url(../media/conversations_sticker-message.06auh8ayw40k9.svg) 50%/contain no-repeat;mask:url(../media/conversations_sticker-message.06auh8ayw40k9.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-collaborative-document{-webkit-mask:url(../media/conversations_collaborative-document-message.064qyo10bgxiy.svg) 50%/contain no-repeat;mask:url(../media/conversations_collaborative-document-message.064qyo10bgxiy.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-collaborative-whiteboard{-webkit-mask:url(../media/collaborative_whiteboard.0pysivx5tg5oc.svg) 50%/contain no-repeat;mask:url(../media/collaborative_whiteboard.0pysivx5tg5oc.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-deleted{-webkit-mask:url(../media/conversations_delete.0f-w1db~up_zo.svg) 50%/contain no-repeat;mask:url(../media/conversations_delete.0f-w1db~up_zo.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-link{-webkit-mask:url(../media/conversations_link.0zu.eg5r0._sz.svg) 50%/contain no-repeat;mask:url(../media/conversations_link.0zu.eg5r0._sz.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-unsupported{-webkit-mask:url(../media/file_unsupported.0xx_jz~x-0p4c.svg) 50%/contain no-repeat;mask:url(../media/file_unsupported.0xx_jz~x-0p4c.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-thread{-webkit-mask:url(../media/conversations_thread.0vsa4~xugddo1.svg) 50%/contain no-repeat;mask:url(../media/conversations_thread.0vsa4~xugddo1.svg) 50%/contain no-repeat}.cometchat-conversations__subtitle-icon-none{display:none}.cometchat-conversations__trailing-view{gap:var(--cometchat-padding-1,4px);flex-direction:column;display:flex}.cometchat-conversations__trailing-view-badge{justify-content:flex-end;gap:var(--cometchat-padding-1,4px);display:flex}.cometchat-conversations__trailing-view-badge-count{background:var(--cometchat-primary-color,#6852d6);height:20px;color:var(--cometchat-static-white,#fff);text-align:center;text-overflow:ellipsis;font:var(--cometchat-font-caption1-regular);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:0 8px;font-style:normal;display:flex;overflow:hidden}.cometchat-conversations__subtitle{gap:var(--cometchat-padding-1,4px);text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;display:flex;overflow:hidden}.cometchat-conversations .cometchat-list-item__body-subtitle{width:100%}.cometchat-conversations__list-item-active .cometchat-list-item{background-color:var(--cometchat-white-pressed,#e8e8e8)}.cometchat-conversations__list-item-online .cometchat-list-item__status{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-success-color,#09c26f);border:2px solid var(--cometchat-neutral-color-50,#fff);justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:-12px;display:flex;position:relative;top:20px;right:15px}.cometchat-conversations__list-item-password .cometchat-list-item__status{border-radius:var(--cometchat-radius-max,1000px);border:2px solid var(--cometchat-neutral-color-50,#fff);background-color:var(--cometchat-success-color,#09c26f);justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:-14px;display:flex;position:relative;top:20px;right:15px}.cometchat-conversations__list-item-private .cometchat-list-item__status{border-radius:var(--cometchat-radius-max,1000px);border:2px solid var(--cometchat-neutral-color-50,#fff);background-color:var(--cometchat-warning-color,#ffab00);justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:-14px;display:flex;position:relative;top:20px;right:15px}.cometchat-conversations__list-item-password .cometchat-list-item__status-icon{background:var(--cometchat-static-white,#fff);border:none;justify-content:center;align-self:center;align-items:center;width:8px;height:8px;display:flex;-webkit-mask:url(../media/lock.0cda3cjl2a2.g.svg) 50%/contain no-repeat;mask:url(../media/lock.0cda3cjl2a2.g.svg) 50%/contain no-repeat}.cometchat-conversations__list-item-private .cometchat-list-item__status-icon{background:var(--cometchat-static-white,#fff);border:none;justify-content:center;align-self:center;align-items:center;width:8px;height:8px;display:flex;-webkit-mask:url(../media/shield.11hg7g-q~0zl-.svg) 50%/contain no-repeat;mask:url(../media/shield.11hg7g-q~0zl-.svg) 50%/contain no-repeat}.cometchat-conversations__trailing-view-options-delete-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.cometchat-conversations__trailing-view-options .cometchat-menu-list__menu{background-color:#0000}.cometchat-conversations__trailing-view-options .cometchat-menu-list__main-menu-item{box-shadow:none;background-color:#0000}.cometchat-conversations .cometchat-list__header{border-bottom:none}.cometchat-conversations__trailing-view-options .cometchat-menu-list__main-menu-item-icon-delete{background:var(--cometchat-error-color,#f44649);width:24px;height:24px;-webkit-mask:url(../media/delete_icon.13uwzl6cbbaam.svg) 50%/contain no-repeat;mask:url(../media/delete_icon.13uwzl6cbbaam.svg) 50%/contain no-repeat}.cometchat-conversations__trailing-view-options .cometchat-menu-list__sub-menu-icon{background:var(--cometchat-icon-color-secondary,#a1a1a1);width:20px;height:20px}.cometchat-conversations__trailing-view-options .cometchat-menu-list__sub-menu{border-radius:var(--cometchat-radius-1,4px);background:var(--cometchat-background-color-04,#e8e8e8);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.cometchat-conversations__subtitle-text .cometchat-mentions{border-radius:var(--cometchat-radius,2px);padding:0px var(--cometchat-padding,2px);background:#6852d633}.cometchat-conversations__subtitle-text .cometchat-mentions-you{border-radius:var(--cometchat-radius,2px);padding:0px var(--cometchat-padding,2px);background:#ffab0033}.cometchat-conversations__subtitle-text .cometchat-mentions>span{color:var(--cometchat-text-color-highlight,#6852d6);font:var(--cometchat-font-body-regular);font-style:normal;font-weight:400;text-decoration:none}.cometchat-conversations__subtitle-text .cometchat-mentions-you>span{color:var(--cometchat-warning-color,#ffab00);font:var(--cometchat-font-body-regular);font-style:normal;font-weight:400;text-decoration:none}.cometchat-conversations__subtitle-typing{color:var(--cometchat-text-color-highlight,#6852d6);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-body-regular);font-style:normal;overflow:hidden}.cometchat-conversations .cometchat-confirm-dialog{width:320px}.cometchat-conversations__empty-state-view,.cometchat-conversations__error-state-view{gap:var(--cometchat-padding-5,20px);background:var(--cometchat-background-color-01,#fff);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.cometchat-conversations__empty-state-view-icon{-webkit-mask:url(../media/conversations_empty_state.0.1.87d_wpx3i.svg) 50% no-repeat;mask:url(../media/conversations_empty_state.0.1.87d_wpx3i.svg) 50% no-repeat}.cometchat-conversations__error-state-view-icon{-webkit-mask:url(../media/list_error_state_icon.0nxqwl7t1c~sc.svg) 50% no-repeat;mask:url(../media/list_error_state_icon.0nxqwl7t1c~sc.svg) 50% no-repeat}.cometchat-conversations__empty-state-view-body,.cometchat-conversations__error-state-view-body{gap:var(--cometchat-padding,2px);flex-direction:column;display:flex}.cometchat-conversations__empty-state-view-body-title,.cometchat-conversations__error-state-view-body-title{width:280px;color:var(--cometchat-text-color-primary,#141414);text-align:center;font:var(--cometchat-font-heading3-bold);font-style:normal}.cometchat-conversations__empty-state-view-body-description,.cometchat-conversations__error-state-view-body-description{width:280px;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular);font-style:normal}.cometchat-conversations__shimmer{background:var(--cometchat-background-color-01,#fff);width:100%;height:100%}.cometchat-conversations .cometchat-conversations__list-item-agent .cometchat-list-item__title-container{max-width:90%}.cometchat-conversations__shimmer-item{width:100%;min-width:240px;height:72px;padding:var(--cometchat-padding-3,12px) var(--cometchat-padding-4,16px);align-items:center;gap:12px;display:flex}.cometchat-conversations__shimmer-item-avatar{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:48px;height:48px;display:flex}.cometchat-conversations__shimmer-item-body{gap:var(--cometchat-padding-2,8px);flex-direction:column;width:100%;height:100%;display:flex}.cometchat-conversations__shimmer-item-body-title-wrapper{justify-content:space-between;width:100%;display:flex}.cometchat-conversations__shimmer-item-body-title{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:50%;height:22px;animation:1.5s linear infinite shimmerAnimation}.cometchat-conversations__shimmer-item-body-subtitle{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:100%;height:12px;animation:1.5s linear infinite shimmerAnimation}.cometchat-conversations__shimmer-item-body-tail{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));width:60px;height:22px;min-height:22px;animation:10.5s linear infinite shimmerAnimation}.cometchat-conversations .cometchat-menu-list__sub-menu-list-item .cometchat-menu-list__sub-menu-list-item-icon{display:none}.cometchat-conversations .cometchat-search-bar__input{cursor:pointer}.cometchat-conversations .cometchat-list-item__body{position:relative}.cometchat-conversations .cometchat-list-item__menu-view{z-index:1;position:absolute;top:0;right:0}.cometchat-conversations .cometchat-list-item__trailing-view-hidden{visibility:hidden;display:initial}@keyframes shimmerAnimation{0%{background-position:-468px 0}to{background-position:468px 0}}
.cometchat-users{background:var(--cometchat-background-color-01,#fff);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:0;width:100%;height:100%;display:flex;position:relative}.cometchat-users input,.cometchat-users .cometchat-search-bar__input{-webkit-user-select:text;user-select:text}.cometchat-users__list-item::selection,.cometchat-users__list-item ::selection{color:inherit;background:0 0}.cometchat-users__empty-state-view{flex-direction:column;display:flex}.cometchat-users__empty-state-view,.cometchat-users__error-state-view{gap:var(--cometchat-padding-5,20px);background:var(--cometchat-background-color-01,#fff);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.cometchat-users__empty-state-view-body,.cometchat-users__error-state-view-body{gap:var(--cometchat-padding,2px);flex-direction:column;display:flex}.cometchat-users__empty-state-view-body-title,.cometchat-users__error-state-view-body-title{width:280px;color:var(--cometchat-text-color-primary,#141414);text-align:center;font:var(--cometchat-font-heading3-bold);font-style:normal}.cometchat-users__empty-state-view-body-description,.cometchat-users__error-state-view-body-description{width:280px;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular);font-style:normal}.cometchat-users__shimmer{background:var(--cometchat-background-color-01,#fff);width:100%;height:100%}.cometchat-users__shimmer-item{width:100%;min-width:240px;max-width:1440px;height:72px;padding:var(--cometchat-padding-3,12px) var(--cometchat-padding-4,16px);align-items:center;gap:12px;display:flex}.cometchat-users__shimmer-item-avatar{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:48px;height:48px;display:flex}.cometchat-users__shimmer-item-body{gap:var(--cometchat-padding-2,8px);flex-direction:column;width:100%;height:100%;display:flex}.cometchat-users__shimmer-item-title{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:50%;height:22px;animation:1.5s linear infinite shimmerAnimation}.cometchat-users__shimmer-item-body-subtitle{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:25%;height:12px;animation:1.5s linear infinite shimmerAnimation}.cometchat-users__list-item-online .cometchat-list-item__status{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-success-color,#09c26f);border:2px solid var(--cometchat-neutral-color-50,#fff);justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:-12px;display:flex;position:relative;top:20px;right:15px}.cometchat-users__list-item-active .cometchat-list-item{background-color:var(--cometchat-white-pressed,#e8e8e8)}.cometchat-users__list-item{cursor:pointer;-webkit-user-select:none;user-select:none}.cometchat-users__list-item .cometchat-avatar,.cometchat-users__list-item .cometchat-list-item__leading-view{width:40px;height:40px}.cometchat-users .cometchat-list-item__body{min-height:43px;padding:0}@keyframes shimmerAnimation{0%{background-position:-468px 0}to{background-position:468px 0}}.cometchat-users__selected-preview{width:100%;max-height:30vh;padding-top:var(--cometchat-padding-4,16px);padding-left:var(--cometchat-padding-4,16px);padding-right:var(--cometchat-padding-4,16px);background:var(--cometchat-background-color-01,#fff);border-top:1px solid var(--cometchat-border-color-light,#f5f5f5);box-sizing:border-box;z-index:10;padding-bottom:0;position:absolute;bottom:0;left:0;right:0;overflow:hidden auto}.cometchat-users__selected-preview-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.cometchat-users__selected-preview-hide-scrollbar::-webkit-scrollbar{display:none}.cometchat-users__selected-preview-container{gap:var(--cometchat-padding-2,8px);max-height:calc(2 * (32px + var(--cometchat-padding-2,8px)));flex-wrap:wrap;display:flex;overflow:hidden auto}.cometchat-users__selected-preview-container-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.cometchat-users__selected-preview-container-hide-scrollbar::-webkit-scrollbar{display:none}.cometchat-users__selected-preview-chip{align-items:center;gap:var(--cometchat-padding-2,8px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);padding:var(--cometchat-padding-1,4px);background:var(--cometchat-background-color-03,#f5f5f5);border-radius:var(--cometchat-radius-max,1000px);box-sizing:border-box;flex-shrink:0;height:32px;display:flex}.cometchat-users__selected-preview-chip .cometchat-avatar{flex-shrink:0;width:24px;height:24px}.cometchat-users__selected-preview-chip .cometchat-avatar .cometchat-avatar__text{font:var(--cometchat-font-caption1-bold)}.cometchat-users__selected-preview-chip-name{color:var(--cometchat-text-color-primary,#141414);font:var(--cometchat-font-body-medium);white-space:nowrap;text-overflow:ellipsis;max-width:48px;overflow:hidden}.cometchat-users__selected-preview-chip-close{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.cometchat-users__selected-preview-chip-close img{opacity:.6;width:16px;height:16px;transition:opacity .2s}.cometchat-users__selected-preview-chip-close:hover img{opacity:1}.cometchat-users__selected-preview-chip-close-button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-shrink:0}.cometchat-users__selected-preview-chip-close-button .cometchat-button{background:0 0;border:none;border-radius:0;width:fit-content;height:fit-content;margin:0;padding:0}.cometchat-users__selected-preview-chip-close-button .cometchat-button .cometchat-button__icon{background:var(--cometchat-icon-color-secondary);width:24px;height:24px}
.cometchat-groups{background:var(--cometchat-background-color-01,#fff);flex-direction:column;flex-shrink:0;align-items:flex-start;gap:0;width:100%;height:100%;display:flex}.cometchat-groups__empty-state-view{flex-direction:column;display:flex}.cometchat-groups__empty-state-view,.cometchat-groups__error-state-view{gap:var(--cometchat-padding-5,20px);background:var(--cometchat-background-color-01,#fff);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.cometchat-groups__empty-state-view-body,.cometchat-groups__error-state-view-body{gap:var(--cometchat-padding,2px);flex-direction:column;display:flex}.cometchat-groups__empty-state-view-body-title,.cometchat-groups__error-state-view-body-title{width:280px;color:var(--cometchat-text-color-primary,#141414);text-align:center;font:var(--cometchat-font-heading3-bold);font-style:normal}.cometchat-groups__empty-state-view-body-description,.cometchat-groups__error-state-view-body-description{width:280px;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular);font-style:normal}.cometchat-groups__shimmer{background:var(--cometchat-background-color-01,#fff);width:100%;height:100%}.cometchat-groups__shimmer-item{width:100%;min-width:240px;max-width:1440px;height:72px;padding:var(--cometchat-padding-3,12px) var(--cometchat-padding-4,16px);align-items:center;gap:12px;display:flex}.cometchat-groups__shimmer-item-avatar{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:48px;height:48px;display:flex}.cometchat-groups__shimmer-item-body{gap:var(--cometchat-padding-2,8px);flex-direction:column;width:100%;height:100%;display:flex}.cometchat-groups__shimmer-item-body-title{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:50%;height:22px;animation:1.5s linear infinite shimmerAnimation}.cometchat-groups__shimmer-item-body-subtitle{border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));flex-shrink:0;width:25%;height:12px;animation:1.5s linear infinite shimmerAnimation}@keyframes shimmerAnimation{0%{background-position:-468px 0}to{background-position:468px 0}}.cometchat-groups__list-item{cursor:pointer}.cometchat-groups__list-item-active .cometchat-list-item{background-color:var(--cometchat-white-pressed,#e8e8e8)}.cometchat-groups__list-item-password .cometchat-list-item__status{border-radius:var(--cometchat-radius-max,1000px);border:2px solid var(--cometchat-neutral-color-50,#fff);background-color:var(--cometchat-success-color,#09c26f);justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:-14px;display:flex;position:relative;top:20px;right:15px}.cometchat-groups__list-item-private .cometchat-list-item__status{border-radius:var(--cometchat-radius-max,1000px);border:2px solid var(--cometchat-neutral-color-50,#fff);background-color:var(--cometchat-warning-color,#ffab00);justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;margin-right:-14px;display:flex;position:relative;top:20px;right:15px}.cometchat-groups__list-item-password .cometchat-list-item__status-icon{background:var(--cometchat-static-white,#fff);border:none;justify-content:center;align-self:center;align-items:center;width:8px;height:8px;display:flex;-webkit-mask:url(../media/lock.0cda3cjl2a2.g.svg) 50%/contain no-repeat;mask:url(../media/lock.0cda3cjl2a2.g.svg) 50%/contain no-repeat}.cometchat-groups__list-item-private .cometchat-list-item__status-icon{background:var(--cometchat-static-white,#fff);border:none;justify-content:center;align-self:center;align-items:center;width:8px;height:8px;display:flex;-webkit-mask:url(../media/shield.11hg7g-q~0zl-.svg) 50%/contain no-repeat;mask:url(../media/shield.11hg7g-q~0zl-.svg) 50%/contain no-repeat}.cometchat-groups__subtitle{color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-body-regular);font-style:normal;overflow:hidden}.cometchat-groups__list-item .cometchat-avatar,.cometchat-groups__list-item .cometchat-list-item__leading-view{width:40px;height:40px}.cometchat-groups .cometchat-list-item__body{padding:0}
.cometchat-message-header{padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);align-items:center;gap:var(--cometchat-padding-3,12px);background:var(--cometchat-background-color-01);flex:1 0 0;justify-content:space-between;align-self:stretch;width:100%;height:63px;display:flex;overflow:hidden}.cometchat-message-header .cometchat-message-header__subtitle{color:var(--cometchat-icon-color-secondary);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-caption1-regular);text-align:left;width:100%;height:100%;min-height:17px;display:block;overflow:hidden}.cometchat-message-header .cometchat-message-header__subtitle.cometchat-message-header__subtitle-typing{color:var(--cometchat-text-color-highlight)}.cometchat-message-header .cometchat-list-item__title-container{gap:0;height:fit-content}.cometchat-message-header>div:not([class]){justify-content:flex-start;align-items:center;gap:var(--cometchat-padding-2,8px);flex:1 0 0;width:100%;display:flex;overflow:hidden}.cometchat-message-header .cometchat-list-item__trailing-view{width:auto}.cometchat-message-header__back-button{background:var(--cometchat-icon-color-primary);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex;-webkit-mask:url(../media/arrow_back.0frknvl_jcuaz.svg) 0 0/contain}.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button{background:0 0;border:none;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:0}.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon{background:var(--cometchat-icon-color-primary,#141414);width:24px;height:24px}.cometchat-message-header .cometchat-message-header__search-button .cometchat-button{background:0 0;border:none;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:0}.cometchat-message-header .cometchat-message-header__search-button .cometchat-button__icon,.cometchat-message-header .cometchat-menu-list__sub-menu-icon{background:var(--cometchat-icon-color-primary,#141414);width:24px;height:24px}.cometchat-message-header .cometchat-message-header__menu{justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex}.cometchat-message-header .cometchat-message-header__menu .cometchat-button{background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0}.cometchat-message-header .cometchat-menu-list__sub-menu-list{width:max-content}.cometchat-message-header__listitem{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.cometchat-message-header__auxiliary-button-view{gap:var(--cometchat-padding-4,16px);justify-content:flex-end;align-items:center;gap:16px;width:fit-content;display:flex}.cometchat-message-header .cometchat-list-item{padding:0}.cometchat-message-header .cometchat-list-item:hover{cursor:default;background:0 0}.cometchat-message-header .cometchat-list-item__body{padding:0}.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title{text-overflow:ellipsis;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.cometchat-message-header .cometchat-list-item .cometchat-avatar{border-radius:var(--cometchat-radius-max);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cometchat-message-header .cometchat-list-item .cometchat-list-item__leading-view{width:40px;height:40px;padding:0}.cometchat-message-header__listitem>.cometchat{width:100%;height:100%}.cometchat-message-header .cometchat-button__icon:hover{background:var(--cometchat-primary-color)}@media (max-width:768px){.cometchat-message-header__back-button{display:block}.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title{display:initial}}
.cometchat-message-composer{border-radius:var(--cometchat-radius-2,8px);border:1px solid var(--cometchat-border-color-light);background:var(--cometchat-background-color-01);flex-direction:column;justify-content:flex-end;align-self:stretch;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.cometchat-message-composer__input-wrapper{flex-direction:column;width:100%;display:flex;position:relative}.cometchat-message-composer__send-button{width:32px;height:32px;padding:var(--cometchat-padding-1,4px);justify-content:center;align-items:center;gap:var(--cometchat-padding-1,4px);background:var(--cometchat-background-color-04);border-radius:60px;display:flex}.cometchat-message-composer__send-button .cometchat-button{cursor:default}.cometchat-message-composer__send-button-active{cursor:pointer;background:var(--cometchat-primary-color)}.cometchat-message-composer__auxilary-button-view-sticker-button .cometchat-popover__content{width:272px;height:300px;overflow:hidden}.cometchat-message-composer__emoji-keyboard-button .cometchat-popover__content{width:300px;height:300px;overflow:hidden}.cometchat-message-composer__secondary-button-view-attachment-button .cometchat-popover__content{border:none;height:332px}.cometchat-message-composer__voice-recording-button .cometchat-popover__content{width:fit-content;height:fit-content;min-height:200px;max-height:300px}.cometchat-message-composer__voice-recording-button .cometchat-media-recorder{min-height:220px;max-height:300px;overflow:hidden}.cometchat-message-composer__voice-recording-button .cometchat-media-recorder__recording{min-height:220px;max-height:300px}.cometchat-message-composer__voice-recording-button .cometchat-media-recorder__recorded{justify-content:space-between;min-height:220px;max-height:300px}.cometchat-message-composer__input .cometchat-mentions>span{color:var(--cometchat-text-color-highlight,#6852d6);font:var(--cometchat-font-body-regular);font-style:normal;font-weight:400;text-decoration:none}.cometchat-message-composer__input .cometchat-mentions-you>span{color:var(--cometchat-warning-color,#ffab00);font:var(--cometchat-font-body-regular);font-style:normal;font-weight:400;text-decoration:none}.cometchat-message-composer__input b .cometchat-mentions>span,.cometchat-message-composer__input strong .cometchat-mentions>span,.cometchat-message-composer__input i .cometchat-mentions>span,.cometchat-message-composer__input em .cometchat-mentions>span,.cometchat-message-composer__input u .cometchat-mentions>span,.cometchat-message-composer__input s .cometchat-mentions>span,.cometchat-message-composer__input strike .cometchat-mentions>span,.cometchat-message-composer__input del .cometchat-mentions>span,.cometchat-message-composer__input b .cometchat-mentions-you>span,.cometchat-message-composer__input strong .cometchat-mentions-you>span,.cometchat-message-composer__input i .cometchat-mentions-you>span,.cometchat-message-composer__input em .cometchat-mentions-you>span,.cometchat-message-composer__input u .cometchat-mentions-you>span,.cometchat-message-composer__input s .cometchat-mentions-you>span,.cometchat-message-composer__input strike .cometchat-mentions-you>span,.cometchat-message-composer__input del .cometchat-mentions-you>span{font-style:normal;font-weight:400;text-decoration:none}.cometchat-message-composer__input code .cometchat-mentions>span,.cometchat-message-composer__input code .cometchat-mentions-you>span,.cometchat-message-composer__input pre .cometchat-mentions>span,.cometchat-message-composer__input pre .cometchat-mentions-you>span{color:inherit!important;font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:inherit!important;font-style:normal!important;font-weight:400!important;text-decoration:none!important}.cometchat-message-composer__buttons .cometchat-button{background:0 0;gap:0;width:fit-content;height:24px;padding:0}.cometchat-message-composer__unblock-button{color:var(--cometchat-neutral-color-900);font:var(--cometchat-font-body-regular);cursor:pointer;border-radius:var(--cometchat-radius-2,8px);border:1px solid var(--cometchat-border-color-dark);width:100%;height:40px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-5,20px);background:0 0;justify-content:center;align-items:center;display:flex}.cometchat-message-composer__header{width:100%;height:fit-content;padding:var(--cometchat-padding-1,4px);flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.cometchat-message-composer__header-error-state{padding:var(--cometchat-padding-2,8px);align-items:center;gap:var(--cometchat-padding-1);border-radius:var(--cometchat-radius-1,4px);background:var(--cometchat-background-color-02);flex:1 0 0;align-self:stretch;display:flex}.cometchat-message-composer__header-error-state-icon-wrapper{background:var(--cometchat-error-color);border-radius:var(--cometchat-radius-max);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.cometchat-message-composer__header-error-state-icon{background:var(--cometchat-static-white);width:20px;height:20px;-webkit-mask:url(../media/error_info.0rglgdfvkv.b..svg) 50%/contain no-repeat;mask:url(../media/error_info.0rglgdfvkv.b..svg) 50%/contain no-repeat}.cometchat-message-composer__header-error-state-text{color:var(--cometchat-error-color);text-overflow:ellipsis;font:var(--cometchat-font-caption1-regular);overflow:hidden}.cometchat-mention-list{z-index:2;border-radius:var(--cometchat-radius-4,16px);border:1px solid var(--cometchat-background-color-01);background:var(--cometchat-background-color-01);scrollbar-width:none;flex-direction:column;width:fit-content;min-width:320px;min-height:45px;max-height:336px;padding:0 0 1px;display:flex;position:absolute;bottom:100%;left:0;overflow:auto;box-shadow:0 12px 16px 4px #10182814,0 4px 6px 4px #10182808}.cometchat-mention-list>.cometchat{border-radius:inherit}.cometchat-mention-list .cometchat-users .cometchat-list{max-height:336px}.cometchat-mention-list .cometchat-list .cometchat-list__header-title{display:none}.cometchat-mention-list .cometchat-list__item-wrapper{cursor:pointer}.cometchat-message-composer__input{-webkit-user-select:text;user-select:text;white-space:pre-wrap;overflow-wrap:break-word;text-align:left;box-sizing:border-box;border-bottom:1px solid var(--cometchat-border-color-light);width:100%;min-height:30px;padding:var(--cometchat-padding-3,12px);color:var(--cometchat-text-color-primary);text-overflow:ellipsis;font:var(--cometchat-font-body-regular);scrollbar-width:none;cursor:text;background:0 0;outline:none;max-height:150px;overflow-y:auto}.cometchat-message-composer__auxilary-button-view{justify-content:flex-start;gap:var(--cometchat-spacing-3,12px);align-items:center;width:100%;display:flex}.cometchat-message-composer__sticker-button-view{justify-content:flex-start;align-items:center;gap:12px;width:fit-content;display:flex}.cometchat-message-composer__default-buttons{justify-content:flex-start;align-items:center;gap:var(--cometchat-padding-4);flex-direction:row;width:fit-content;margin-right:auto;display:flex}.cometchat-message-composer__input:empty:before{content:attr(data-placeholder);-webkit-line-clamp:1;color:var(--cometchat-text-color-tertiary);text-overflow:ellipsis;font:var(--cometchat-font-body-regular);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cometchat-message-composer__buttons .cometchat-message-composer__send-button .cometchat-button .cometchat-button__icon{background:var(--cometchat-static-white)}.cometchat-message-composer__buttons .cometchat-button .cometchat-button__icon{background:var(--cometchat-icon-color-secondary)}.cometchat-message-composer__buttons .cometchat-button .cometchat-button__icon:hover{background:var(--cometchat-primary-color,#6852d6)}.cometchat-message-composer__buttons .cometchat-message-composer__send-button .cometchat-button .cometchat-button__icon:hover{background:var(--cometchat-static-white)}.cometchat-message-composer__buttons .cometchat-message-composer__emoji-keyboard-button-active .cometchat-button__icon,.cometchat-message-composer__buttons .cometchat-message-composer__secondary-button-view-attachment-button-active .cometchat-button__icon,.cometchat-message-composer__buttons .cometchat-message-composer__voice-recording-button-active .cometchat-button__icon,.cometchat-message-composer__buttons .cometchat-message-composer__auxilary-button-view-sticker-button-active .cometchat-button__icon{background:var(--cometchat-primary-color)}.cometchat-message-composer__input--code-block{min-height:auto;padding-top:0;padding-bottom:0}.cometchat-message-composer__input-mobile{font:var(--cometchat-font-heading4-regular)}.cometchat-message-composer__secondary-button-view-attachment-button .cometchat-action-sheet{min-width:200px}.cometchat-message-composer__secondary-button-view-attachment-button-1 .cometchat-popover__content{height:58px}.cometchat-message-composer__secondary-button-view-attachment-button-2 .cometchat-popover__content{height:114px}.cometchat-message-composer__secondary-button-view-attachment-button-3 .cometchat-popover__content{height:170px}.cometchat-message-composer__secondary-button-view-attachment-button-4 .cometchat-popover__content{height:230px}.cometchat-message-composer__secondary-button-view-attachment-button-5 .cometchat-popover__content{height:285px}.cometchat-message-composer .cometchat-edit-preview__subtitle{text-overflow:ellipsis;white-space:nowrap;height:fit-content;max-height:100px;overflow:hidden}.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar{display:none}.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar-thumb{display:none}.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar{display:none}.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb{display:none}.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar{display:none}.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb{display:none}.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar{background:0 0;width:0;height:0}.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar{background:0 0;width:0}.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb{background:#e8e5e5;border-radius:8px}.cometchat-message-composer__formatting-toolbar{background:var(--cometchat-background-color-02);border-radius:var(--cometchat-radius-2,8px) var(--cometchat-radius-2,8px) 0 0;border:none;width:100%;padding:0;display:flex}.cometchat-message-composer__input a{color:var(--cometchat-primary-color);cursor:pointer;text-decoration:underline}.cometchat-message-composer__input a:hover{opacity:.8;text-decoration:underline}.cometchat-message-composer__input ol,.cometchat-message-composer__input ul{list-style-position:outside;padding:0!important;padding-left:var(--cometchat-padding-3,12px)!important;margin:0!important}.cometchat-message-composer__input ol{list-style-type:decimal}.cometchat-message-composer__input ol ol{list-style-type:lower-alpha}.cometchat-message-composer__input ol ol ol{list-style-type:lower-roman}.cometchat-message-composer__input ul{list-style-type:disc}.cometchat-message-composer__input ul ul{list-style-type:circle}.cometchat-message-composer__input ul ul ul{list-style-type:square}.cometchat-message-composer__input li>ol,.cometchat-message-composer__input li>ul{margin-top:0!important;margin-bottom:0!important}.cometchat-message-composer__input li{margin:0!important;padding:0!important}.cometchat-message-composer__input blockquote{color:var(--cometchat-text-color-primary);padding:0!important;padding-left:var(--cometchat-padding-3,12px)!important;border-left:4px solid var(--cometchat-border-color-default,#e8e8e8)!important;margin:0!important}.cometchat-message-composer__input p{margin:0!important;padding:0!important}.cometchat-message-composer__input code{background:var(--cometchat-background-color-03,#f5f5f5);color:var(--cometchat-text-color-highlight,#6852d6);padding:var(--cometchat-padding-1,2px) var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);font:var(--cometchat-font-caption1-regular);font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.cometchat-message-composer__input code.cometchat-rich-text-code-inline{background:var(--cometchat-background-color-03,#f5f5f5);color:var(--cometchat-text-color-highlight,#6852d6);padding:var(--cometchat-padding-1,2px) var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);font:var(--cometchat-font-caption1-regular);font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;display:inline}.cometchat-message-composer__input pre{background:var(--cometchat-background-color-02,#f5f5f5);border:1px solid var(--cometchat-border-color-light,#e8e8e8);border-radius:var(--cometchat-radius-2,8px);padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-3,12px);font:var(--cometchat-font-caption1-regular);white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;overflow-x:auto}.cometchat-message-composer__input pre code{color:var(--cometchat-text-color-primary);background:0 0;border:none;border-radius:0;padding:0}.cometchat-message-composer__input pre.cometchat-rich-text-code-block code{color:var(--cometchat-text-color-primary);font:var(--cometchat-font-caption1-regular);font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-style:normal}
.cometchat-compact-message-composer{border-radius:var(--cometchat-radius-2,8px);border:1px solid var(--cometchat-border-color-default);background:var(--cometchat-background-color-01);width:calc(100% - var(--cometchat-margin-2,8px) * 2);margin:var(--cometchat-margin-2,8px);flex-direction:column;justify-content:flex-end;align-items:stretch;display:flex;position:relative;bottom:5px;overflow:visible}.cometchat-compact-message-composer__row{width:100%;min-height:48px;padding:var(--cometchat-padding-2,8px);align-items:flex-end;gap:var(--cometchat-spacing-2,8px);box-sizing:border-box;flex-direction:row;display:flex}.cometchat-compact-message-composer__left{padding-bottom:var(--cometchat-padding-1,4px);flex-shrink:0;justify-content:center;align-items:flex-end;display:flex}.cometchat-compact-message-composer__left .cometchat-button{background:0 0;border-radius:0;gap:0;width:24px;height:24px;padding:0}.cometchat-compact-message-composer__left .cometchat-button:hover,.cometchat-compact-message-composer__left .cometchat-button:active{background:0 0}.cometchat-compact-message-composer__left .cometchat-button .cometchat-button__icon,.cometchat-compact-message-composer__left .cometchat-button .cometchat-button__icon-default{width:24px;height:24px}.cometchat-compact-message-composer__center{flex:1;align-items:center;min-width:0;display:flex;position:relative;overflow:visible}.cometchat-compact-message-composer__row--recording .cometchat-compact-message-composer__center{flex:1;justify-content:flex-end}.cometchat-compact-message-composer__input{white-space:pre-wrap;overflow-wrap:break-word;text-align:left;box-sizing:border-box;width:100%;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-1,4px);color:var(--cometchat-text-color-primary);font:var(--cometchat-font-body-regular);scrollbar-width:none;cursor:text;-webkit-user-select:text;user-select:text;background:0 0;outline:none;flex:1;min-height:32px;max-height:150px;overflow:hidden auto}.cometchat-compact-message-composer__input::-webkit-scrollbar{display:none}.cometchat-compact-message-composer__input:empty:before{content:attr(data-placeholder);text-overflow:ellipsis;white-space:nowrap;color:var(--cometchat-text-color-tertiary);font:var(--cometchat-font-body-regular);display:block;overflow:hidden}.cometchat-compact-message-composer__input .cometchat-mentions>span{color:var(--cometchat-text-color-highlight);font-size:14px;font-style:normal;font-weight:400;line-height:16.8px;text-decoration:none}.cometchat-compact-message-composer__input .cometchat-mentions-you>span{color:var(--cometchat-warning-color,#ffab00);font:var(--cometchat-font-body-regular);font-style:normal;font-weight:400;text-decoration:none}.cometchat-compact-message-composer__input b .cometchat-mentions>span,.cometchat-compact-message-composer__input strong .cometchat-mentions>span,.cometchat-compact-message-composer__input i .cometchat-mentions>span,.cometchat-compact-message-composer__input em .cometchat-mentions>span,.cometchat-compact-message-composer__input u .cometchat-mentions>span,.cometchat-compact-message-composer__input s .cometchat-mentions>span,.cometchat-compact-message-composer__input strike .cometchat-mentions>span,.cometchat-compact-message-composer__input del .cometchat-mentions>span,.cometchat-compact-message-composer__input b .cometchat-mentions-you>span,.cometchat-compact-message-composer__input strong .cometchat-mentions-you>span,.cometchat-compact-message-composer__input i .cometchat-mentions-you>span,.cometchat-compact-message-composer__input em .cometchat-mentions-you>span,.cometchat-compact-message-composer__input u .cometchat-mentions-you>span,.cometchat-compact-message-composer__input s .cometchat-mentions-you>span,.cometchat-compact-message-composer__input strike .cometchat-mentions-you>span,.cometchat-compact-message-composer__input del .cometchat-mentions-you>span{font-style:normal;font-weight:400;text-decoration:none}.cometchat-compact-message-composer__input code .cometchat-mentions>span,.cometchat-compact-message-composer__center code .cometchat-mentions>span,.cometchat .cometchat-compact-message-composer__input code .cometchat-mentions>span,.cometchat-compact-message-composer__input code .cometchat-mentions-you>span,.cometchat-compact-message-composer__center code .cometchat-mentions-you>span,.cometchat .cometchat-compact-message-composer__input code .cometchat-mentions-you>span{color:inherit!important;font:inherit!important;font-family:var(--cometchat-font-family)!important;font-size:inherit!important;font-style:normal!important;font-weight:400!important;text-decoration:none!important}.cometchat-compact-message-composer__input pre .cometchat-mentions>span,.cometchat-compact-message-composer__center pre .cometchat-mentions>span,.cometchat .cometchat-compact-message-composer__input pre .cometchat-mentions>span,.cometchat-compact-message-composer__input pre .cometchat-mentions-you>span,.cometchat-compact-message-composer__center pre .cometchat-mentions-you>span,.cometchat .cometchat-compact-message-composer__input pre .cometchat-mentions-you>span{color:inherit!important;font:inherit!important;font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:inherit!important;font-style:normal!important;font-weight:400!important;text-decoration:none!important}.cometchat-compact-message-composer__input .hashtag-formatted{color:var(--cometchat-success-color);font:var(--cometchat-font-body-regular)}.cometchat-compact-message-composer__right{justify-content:flex-end;align-items:center;gap:var(--cometchat-spacing-3,12px);flex-direction:row;flex-shrink:0;transition:gap .25s;display:flex}.cometchat-compact-message-composer__buttons{align-items:center;gap:var(--cometchat-spacing-3,12px);flex-direction:row;display:flex}.cometchat-compact-message-composer__buttons .cometchat-button{background:0 0;gap:0;width:24px;height:24px;padding:0}.cometchat-compact-message-composer__buttons .cometchat-button .cometchat-button__icon{background:var(--cometchat-icon-color-secondary);width:24px;height:24px}.cometchat-compact-message-composer__buttons .cometchat-button .cometchat-button__icon-default{width:24px;height:24px}.cometchat-compact-message-composer__buttons .cometchat-button .cometchat-button__icon:hover{background:var(--cometchat-primary-color)}.cometchat-compact-message-composer__send-button{width:32px;height:32px;padding:var(--cometchat-padding-1,4px);justify-content:center;align-items:center;gap:var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-max);background:var(--cometchat-background-color-04);flex-shrink:0;display:flex}.cometchat-compact-message-composer__send-button .cometchat-button{cursor:default}.cometchat-compact-message-composer__send-button-active{cursor:pointer;background:var(--cometchat-primary-color)}.cometchat-compact-message-composer__buttons .cometchat-compact-message-composer__send-button .cometchat-button .cometchat-button__icon,.cometchat-compact-message-composer__buttons .cometchat-compact-message-composer__send-button .cometchat-button .cometchat-button__icon:hover{background:var(--cometchat-static-white)}.cometchat-compact-message-composer__buttons .cometchat-compact-message-composer__emoji-keyboard-button-active .cometchat-button__icon,.cometchat-compact-message-composer__buttons .cometchat-compact-message-composer__secondary-button-view-attachment-button-active .cometchat-button__icon,.cometchat-compact-message-composer__buttons .cometchat-compact-message-composer__voice-recording-button-active .cometchat-button__icon,.cometchat-compact-message-composer__buttons .cometchat-compact-message-composer__auxilary-button-view-sticker-button-active .cometchat-button__icon{background:var(--cometchat-primary-color)}.cometchat-compact-message-composer__header{width:100%;height:fit-content;padding:var(--cometchat-padding-1,4px);border-bottom:1px solid var(--cometchat-border-color-light);flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.cometchat-compact-message-composer__header-error-state{padding:var(--cometchat-padding-2,8px);align-items:center;gap:var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-1,4px);background:var(--cometchat-background-color-02);flex:1 0 0;align-self:stretch;display:flex}.cometchat-compact-message-composer__header-error-state-icon-wrapper{background:var(--cometchat-error-color);border-radius:var(--cometchat-radius-max);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.cometchat-compact-message-composer__header-error-state-icon{background:var(--cometchat-static-white);width:20px;height:20px;-webkit-mask:url(../media/error_info.0rglgdfvkv.b..svg) 50%/contain no-repeat;mask:url(../media/error_info.0rglgdfvkv.b..svg) 50%/contain no-repeat}.cometchat-compact-message-composer__header-error-state-text{color:var(--cometchat-error-color);text-overflow:ellipsis;font:var(--cometchat-font-caption1-regular);overflow:hidden}.cometchat-compact-message-composer .cometchat-edit-preview__subtitle{text-overflow:ellipsis;white-space:nowrap;height:fit-content;max-height:60px;overflow:hidden}.cometchat-compact-message-composer__mentions-list{z-index:2;border-radius:var(--cometchat-radius-4,16px);border:1px solid var(--cometchat-background-color-01);background:var(--cometchat-background-color-01);scrollbar-width:none;flex-direction:column;width:fit-content;min-width:320px;min-height:45px;max-height:336px;padding:0 0 1px;display:flex;position:absolute;bottom:100%;left:0;overflow:auto;box-shadow:0 12px 16px 4px #10182814,0 4px 6px 4px #10182808}.cometchat-compact-message-composer__mentions-list::-webkit-scrollbar{display:none}.cometchat-compact-message-composer__mentions-list>.cometchat{border-radius:inherit}.cometchat-compact-message-composer__mentions-list .cometchat-list .cometchat-list__header-title{display:none}.cometchat-compact-message-composer__mentions-list .cometchat-list__item-wrapper{cursor:pointer}.cometchat-compact-message-composer__auxilary-button-view-sticker-button .cometchat-popover__content{width:272px;height:300px;overflow:hidden}.cometchat-compact-message-composer__emoji-keyboard-button .cometchat-popover__content{width:300px;height:300px;overflow:hidden}.cometchat-compact-message-composer__secondary-button-view-attachment-button .cometchat-popover__content{border:none;height:332px}.cometchat-compact-message-composer__secondary-button-view-attachment-button .cometchat-action-sheet{min-width:200px}.cometchat-compact-message-composer__secondary-button-view-attachment-button-1 .cometchat-popover__content{height:58px}.cometchat-compact-message-composer__secondary-button-view-attachment-button-2 .cometchat-popover__content{height:114px}.cometchat-compact-message-composer__secondary-button-view-attachment-button-3 .cometchat-popover__content{height:170px}.cometchat-compact-message-composer__secondary-button-view-attachment-button-4 .cometchat-popover__content{height:230px}.cometchat-compact-message-composer__secondary-button-view-attachment-button-5 .cometchat-popover__content{height:285px}.cometchat-compact-message-composer__input--hidden{display:none}.cometchat-compact-message-composer__recording-bar{flex-direction:row;flex:none;align-items:center;gap:0;width:fit-content;min-width:0;margin-left:auto;display:flex}.cometchat-compact-message-composer__recording-bar-delete{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.cometchat-compact-message-composer__recording-bar-delete-icon{background:var(--cometchat-icon-color-secondary);width:24px;height:24px;-webkit-mask:url(../media/bin.0a0by8oi~4fj1.svg) 50%/contain no-repeat;mask:url(../media/bin.0a0by8oi~4fj1.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__recording-bar-delete:hover .cometchat-compact-message-composer__recording-bar-delete-icon{background:var(--cometchat-error-color)}@keyframes cometchat-recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.cometchat-compact-message-composer__recording-bar-indicator{border-radius:var(--cometchat-radius-max);background:var(--cometchat-error-color);width:8px;height:8px;margin-left:var(--cometchat-margin-4,16px);flex-shrink:0;animation:1.5s ease-in-out infinite cometchat-recording-pulse}.cometchat-compact-message-composer__recording-bar-waveform{width:160px;min-width:0;padding:0 var(--cometchat-padding-4,16px);align-items:center;display:flex;overflow:hidden}@media (min-width:769px) and (max-width:1024px){.cometchat-compact-message-composer__recording-bar-waveform{width:240px}}.cometchat-compact-message-composer__recording-bar-waveform canvas{width:100%;height:32px;display:block}.cometchat-compact-message-composer__recording-bar-timer{font:var(--cometchat-font-caption1-medium);color:var(--cometchat-text-color-secondary);white-space:nowrap;margin-right:var(--cometchat-margin-4,16px);flex-shrink:0}.cometchat-compact-message-composer__recording-bar-pause{cursor:pointer;width:24px;height:24px;margin-right:var(--cometchat-margin-3,12px);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.cometchat-compact-message-composer__recording-bar-pause-icon{background:var(--cometchat-icon-color-secondary);width:24px;height:24px;-webkit-mask:url(../media/pause.0zi1_ft8ddd08.svg) 50%/contain no-repeat;mask:url(../media/pause.0zi1_ft8ddd08.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__recording-bar-pause-icon--resume{-webkit-mask:url(../media/play_arrow.0wn15hakln8r5.svg) 50%/contain no-repeat;mask:url(../media/play_arrow.0wn15hakln8r5.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__recording-bar-pause:hover .cometchat-compact-message-composer__recording-bar-pause-icon,.cometchat-compact-message-composer__recording-bar-pause:hover .cometchat-compact-message-composer__recording-bar-pause-icon--resume{background:var(--cometchat-primary-color)}.cometchat-compact-message-composer__recording-bar-pause-circle-icon{background:var(--cometchat-icon-color-secondary);width:24px;height:24px;transition:background .15s;display:block;-webkit-mask:url(../media/pause_circle.0-nj-r-5mfd7z.svg) 50%/contain no-repeat;mask:url(../media/pause_circle.0-nj-r-5mfd7z.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__recording-bar-pause:hover .cometchat-compact-message-composer__recording-bar-pause-circle-icon{background:var(--cometchat-primary-color)}.cometchat-compact-message-composer__recording-bar-playback{cursor:pointer;width:24px;height:24px;margin-left:var(--cometchat-margin-4,16px);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.cometchat-compact-message-composer__recording-bar-playback-icon{background:var(--cometchat-primary-color);width:24px;height:24px;-webkit-mask:url(../media/play_arrow.0wn15hakln8r5.svg) 50%/contain no-repeat;mask:url(../media/play_arrow.0wn15hakln8r5.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__recording-bar-playback-icon--pause{-webkit-mask:url(../media/pause.0zi1_ft8ddd08.svg) 50%/contain no-repeat;mask:url(../media/pause.0zi1_ft8ddd08.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__recording-bar-mic-icon{background:var(--cometchat-icon-color-secondary);width:24px;height:24px;-webkit-mask:url(../media/mic.06y74rbvgdqug.svg) 50%/contain no-repeat;mask:url(../media/mic.06y74rbvgdqug.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__recording-bar-playback:hover .cometchat-compact-message-composer__recording-bar-playback-icon,.cometchat-compact-message-composer__recording-bar-playback:hover .cometchat-compact-message-composer__recording-bar-playback-icon--pause,.cometchat-compact-message-composer__recording-bar-playback:hover .cometchat-compact-message-composer__recording-bar-mic-icon{background:var(--cometchat-primary-color)}@media (prefers-reduced-motion:reduce){.cometchat-compact-message-composer__recording-bar-indicator{animation:none}}@media (max-width:768px){.cometchat-compact-message-composer__row--recording .cometchat-compact-message-composer__left,.cometchat-compact-message-composer__row--recording .cometchat-compact-message-composer__right{display:none}.cometchat-compact-message-composer__row--recording .cometchat-compact-message-composer__center{flex:1;justify-content:flex-start;width:100%}.cometchat-compact-message-composer__row--recording .cometchat-compact-message-composer__recording-bar{flex:1;width:100%;margin-left:0}.cometchat-compact-message-composer__row--recording .cometchat-compact-message-composer__recording-bar-waveform{flex:1;width:auto;min-width:0}.cometchat-compact-message-composer__row--recording .cometchat-compact-message-composer__recording-bar-pause{flex-shrink:0;width:24px;height:24px}.cometchat-compact-message-composer__recording-bar .cometchat-compact-message-composer__send-button{width:32px;min-width:32px;height:32px;padding:var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-max);background:var(--cometchat-primary-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cometchat-compact-message-composer__recording-bar .cometchat-compact-message-composer__send-button .cometchat-button{background:0 0;width:24px;height:24px;padding:0}.cometchat-compact-message-composer__recording-bar .cometchat-compact-message-composer__send-button .cometchat-button__icon{background:var(--cometchat-static-white);width:24px;height:24px}.cometchat-compact-message-composer__recording-bar .cometchat-compact-message-composer__send-button .cometchat-button__icon:hover{background:var(--cometchat-static-white)}}.cometchat-compact-message-composer__unblock-button{color:var(--cometchat-neutral-color-900);font:var(--cometchat-font-body-regular);cursor:pointer;border-radius:var(--cometchat-radius-2,8px);border:1px solid var(--cometchat-border-color-dark);width:100%;height:40px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-5,20px);background:0 0;justify-content:center;align-items:center;display:flex}.cometchat-compact-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar{display:none}.cometchat-compact-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar-thumb{display:none}.cometchat-compact-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar{display:none}.cometchat-compact-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb{display:none}.cometchat-compact-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar{display:none}.cometchat-compact-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb{display:none}.cometchat-compact-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar{background:0 0;width:0;height:0}.cometchat-compact-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb{background:var(--cometchat-background-color-04);border-radius:var(--cometchat-radius-2,8px)}.cometchat-compact-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar{background:0 0;width:0}.cometchat-compact-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb{background:var(--cometchat-background-color-04);border-radius:var(--cometchat-radius-2,8px)}.cometchat-compact-message-composer__input--code-block{min-height:auto;padding-top:0;padding-bottom:0}.cometchat-compact-message-composer__input-mobile{font:var(--cometchat-font-heading4-regular)}.cometchat-compact-message-composer__input .cometchat-rich-text-bold,.cometchat-compact-message-composer__input strong,.cometchat-compact-message-composer__input b{font-weight:700}.cometchat-compact-message-composer__input .cometchat-rich-text-italic,.cometchat-compact-message-composer__input em,.cometchat-compact-message-composer__input i{font-style:italic}.cometchat-compact-message-composer__input .cometchat-rich-text-underline,.cometchat-compact-message-composer__input u{text-decoration:underline}.cometchat-compact-message-composer__input .cometchat-rich-text-strikethrough,.cometchat-compact-message-composer__input s,.cometchat-compact-message-composer__input strike,.cometchat-compact-message-composer__input del{text-decoration:line-through}.cometchat-compact-message-composer__input u s,.cometchat-compact-message-composer__input u strike,.cometchat-compact-message-composer__input u del,.cometchat-compact-message-composer__input s u,.cometchat-compact-message-composer__input strike u,.cometchat-compact-message-composer__input del u{text-decoration:underline line-through}.cometchat-compact-message-composer__input ol,.cometchat-compact-message-composer__input ul,.cometchat-compact-message-composer__center ol,.cometchat-compact-message-composer__center ul,.cometchat .cometchat-compact-message-composer__input ol,.cometchat .cometchat-compact-message-composer__input ul{padding:0!important;padding-left:var(--cometchat-padding-3,12px)!important;margin:0!important;list-style-position:outside!important}.cometchat-compact-message-composer__input ol,.cometchat-compact-message-composer__center ol,.cometchat .cometchat-compact-message-composer__input ol{list-style-type:decimal!important}.cometchat-compact-message-composer__input ol ol,.cometchat-compact-message-composer__center ol ol,.cometchat .cometchat-compact-message-composer__input ol ol{list-style-type:lower-alpha!important}.cometchat-compact-message-composer__input ol ol ol,.cometchat-compact-message-composer__center ol ol ol,.cometchat .cometchat-compact-message-composer__input ol ol ol{list-style-type:lower-roman!important}.cometchat-compact-message-composer__input ul,.cometchat-compact-message-composer__center ul,.cometchat .cometchat-compact-message-composer__input ul{list-style-type:disc!important}.cometchat-compact-message-composer__input ul ul,.cometchat-compact-message-composer__center ul ul,.cometchat .cometchat-compact-message-composer__input ul ul{list-style-type:circle!important}.cometchat-compact-message-composer__input ul ul ul,.cometchat-compact-message-composer__center ul ul ul,.cometchat .cometchat-compact-message-composer__input ul ul ul{list-style-type:square!important}.cometchat-compact-message-composer__input li,.cometchat-compact-message-composer__center li,.cometchat .cometchat-compact-message-composer__input li{margin:0!important;padding:0!important;display:list-item!important}.cometchat-compact-message-composer__input blockquote,.cometchat-compact-message-composer__center blockquote,.cometchat .cometchat-compact-message-composer__input blockquote{color:var(--cometchat-text-color-primary);padding:0!important;padding-left:var(--cometchat-padding-3,12px)!important;border-left:4px solid var(--cometchat-border-color-default,#e8e8e8)!important;margin:0!important}.cometchat-compact-message-composer__input p,.cometchat-compact-message-composer__center p,.cometchat .cometchat-compact-message-composer__input p{margin:0!important;padding:0!important}.cometchat-compact-message-composer__input code,.cometchat-compact-message-composer__center code,.cometchat .cometchat-compact-message-composer__input code{background:var(--cometchat-background-color-03,#f5f5f5);color:var(--cometchat-text-color-highlight,#6852d6);padding:var(--cometchat-padding) var(--cometchat-padding-1);border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);font:var(--cometchat-font-caption1-regular);font-family:var(--cometchat-font-family);justify-content:center;align-items:center;gap:10px;display:inline-flex}.cometchat-compact-message-composer__input code.cometchat-rich-text-code-inline,.cometchat-compact-message-composer__center code.cometchat-rich-text-code-inline,.cometchat .cometchat-compact-message-composer__input code.cometchat-rich-text-code-inline{background:var(--cometchat-background-color-03,#f5f5f5);color:var(--cometchat-text-color-highlight,#6852d6);padding:var(--cometchat-padding) var(--cometchat-padding-1);border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);font:var(--cometchat-font-caption1-regular);font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;display:inline}.cometchat-compact-message-composer__input pre,.cometchat-compact-message-composer__center pre,.cometchat .cometchat-compact-message-composer__input pre{padding:var(--cometchat-padding-3,12px);border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-default,#e8e8e8);background:var(--cometchat-background-color-02,#fafafa);font:var(--cometchat-font-caption1-regular);white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;overflow-x:auto}.cometchat-compact-message-composer__input pre code,.cometchat-compact-message-composer__center pre code,.cometchat .cometchat-compact-message-composer__input pre code{color:var(--cometchat-text-color-primary);font:var(--cometchat-font-caption1-regular);background:0 0;border:none;border-radius:0;padding:0;font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.cometchat-compact-message-composer__input pre.cometchat-rich-text-code-block code,.cometchat-compact-message-composer__center pre.cometchat-rich-text-code-block code,.cometchat .cometchat-compact-message-composer__input pre.cometchat-rich-text-code-block code{color:var(--cometchat-text-color-primary);font:var(--cometchat-font-caption1-regular);font-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-style:normal}.cometchat-compact-message-composer__formatting-toolbar{align-items:center;gap:var(--cometchat-spacing-1,4px);padding:var(--cometchat-padding-2,8px);border-radius:var(--cometchat-radius-2,8px) var(--cometchat-radius-2,8px) 0 0;background:var(--cometchat-background-color-02);border:1px solid var(--cometchat-border-color-light);flex-direction:row;display:flex}.cometchat-compact-message-composer__formatting-button{width:28px;height:28px;padding:var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-1,4px);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.cometchat-compact-message-composer__formatting-button:hover{background:var(--cometchat-background-color-03)}.cometchat-compact-message-composer__formatting-button--active{background:var(--cometchat-extended-primary-color-100)}.cometchat-compact-message-composer__formatting-button--active:hover{background:var(--cometchat-extended-primary-color-200)}.cometchat-compact-message-composer__formatting-button-icon{background:var(--cometchat-icon-color-secondary);width:16px;height:16px}.cometchat-compact-message-composer__formatting-button--active .cometchat-compact-message-composer__formatting-button-icon{background:var(--cometchat-primary-color)}.cometchat-compact-message-composer__formatting-button-icon--bold{-webkit-mask:url(../media/format_bold.0nv-q1w3yms5q.svg) 50%/contain no-repeat;mask:url(../media/format_bold.0nv-q1w3yms5q.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__formatting-button-icon--italic{-webkit-mask:url(../media/format_italic.15s97i4pzhcze.svg) 50%/contain no-repeat;mask:url(../media/format_italic.15s97i4pzhcze.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__formatting-button-icon--underline{-webkit-mask:url(../media/format_underline.0ecofbp.cyu88.svg) 50%/contain no-repeat;mask:url(../media/format_underline.0ecofbp.cyu88.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__formatting-button-icon--strikethrough{-webkit-mask:url(../media/format_strikethrough.126ymqs5r6bxr.svg) 50%/contain no-repeat;mask:url(../media/format_strikethrough.126ymqs5r6bxr.svg) 50%/contain no-repeat}.cometchat-compact-message-composer__formatting-divider{background:var(--cometchat-border-color-light);width:1px;height:20px;margin:0 var(--cometchat-spacing-1,4px)}.cometchat-compact-message-composer__input a{color:var(--cometchat-primary-color);cursor:pointer;text-decoration:underline}.cometchat-compact-message-composer__input a:hover{opacity:.8;text-decoration:underline}@keyframes cometchat-mic-slide-out{0%{opacity:1;max-width:40px;margin-left:0}to{opacity:0;max-width:0;margin-left:calc(-1 * var(--cometchat-spacing-3,12px))}}@keyframes cometchat-mic-slide-in{0%{opacity:0;max-width:0;margin-left:calc(-1 * var(--cometchat-spacing-3,12px))}to{opacity:1;max-width:40px;margin-left:0}}.cometchat-compact-message-composer__voice-recording-button{animation:.25s forwards cometchat-mic-slide-in}.cometchat-compact-message-composer__voice-recording-button--hidden{pointer-events:none;animation:.25s forwards cometchat-mic-slide-out;overflow:hidden}
.cometchat-message-list__error-state-view{gap:var(--cometchat-padding-5,20px);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.cometchat-message-list__error-state-view-icon{border:none;justify-content:center;align-self:center;align-items:center;width:120px;height:120px;display:flex;-webkit-mask-size:contain;mask-size:contain}.cometchat-message-list .cometchat-message-list__footer-smart-replies,.cometchat-message-list__footer-conversation-starter{width:100%}.cometchat-message-list__error-state-view-body{gap:var(--cometchat-padding,2px);flex-direction:column;display:flex}.cometchat-message-list__error-state-view-body-title{width:280px;color:var(--cometchat-text-color-primary);text-align:center;font:var(--cometchat-font-heading3-bold);font-style:normal}.cometchat-message-list__error-state-view-body-description{width:280px;color:var(--cometchat-text-color-secondary);text-align:center;font:var(--cometchat-font-body-regular);font-style:normal}.cometchat-message-bubble__thread-view-replies{background:0 0;border:none;border-radius:0;align-items:center;gap:5px;width:100%;height:100%;display:flex}.cometchat-message-bubble-outgoing .cometchat-message-bubble__status-info-view .cometchat-date{color:var(--cometchat-static-white);font:var(--cometchat-font-caption2-regular)}.cometchat-message-bubble-incoming .cometchat-message-bubble__status-info-view .cometchat-date{color:var(--cometchat-neutral-color-600);font:var(--cometchat-font-caption2-regular)}.cometchat-message-bubble .cometchat-text-bubble,.cometchat-message-bubble .cometchat-delete-bubble{padding-bottom:0}.cometchat-message-bubble .cometchat-text-bubble .cometchat-text-bubble__read-more,.cometchat-text-bubble__read-less{padding-bottom:0;padding-right:0}.cometchat-message-bubble .cometchat-message-bubble__whiteboard-message .cometchat-message-bubble__status-info-view{padding-top:0}.cometchat-message-bubble .cometchat-message-bubble__delete-message .cometchat-message-bubble__status-info-view{padding-top:0;padding-right:var(--cometchat-padding-2)}.cometchat-message-bubble .cometchat-message-bubble__document-message .cometchat-message-bubble__status-info-view,.cometchat-message-bubble .cometchat-message-bubble__whiteboad-message .cometchat-message-bubble__status-info-view,.cometchat-message-bubble .cometchat-message-bubble__pol-message .cometchat-message-bubble__status-info-view,.cometchat-message-bubble .cometchat-message-bubble__audio-message .cometchat-message-bubble__status-info-view,.cometchat-message-bubble .cometchat-message-bubble__file-message .cometchat-message-bubble__status-info-view{padding-top:0}.cometchat-message-bubble__status-info-view{width:fit-content;height:fit-content;padding:var(--cometchat-padding-1,4px);justify-content:flex-end;align-items:flex-end;gap:var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-max,1000px);display:flex;position:relative}.cometchat-message-bubble__audio-call .cometchat-call-bubble{padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-2,8px) var(--cometchat-padding-3,12px) var(--cometchat-padding-2,8px)}.cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__body-image{object-fit:contain;max-width:100%;max-height:84vh}.cometchat-message-bubble__audio-call .cometchat-call-bubble .cometchat-call-bubble__body{padding:0}.cometchat-message-bubble__thread-view-replies .cometchat-button{align-items:flex-end}.cometchat-reactions-info-wrapper>.cometchat{width:fit-content}.cometchat-message-bubble__thread-view-replies .cometchat-button .cometchat-button__text{margin-bottom:-2px}.cometchat-message-bubble__body-footer-view .cometchat-reactions .cometchat,.cometchat-reactions .cometchat-popover,.cometchat-reactions .cometchat-popover__button{width:fit-content}.cometchat-message-list__date-header{z-index:2;position:absolute;top:12px}.cometchat-message-list__bubble-date-header{width:fit-content;margin:auto}.cometchat-message-list__bubble-date-header,.cometchat-message-list__date-header{padding:var(--cometchat-padding-1,4px) var(--cometchat-padding-2,8px);border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-dark);background:var(--cometchat-background-color-02);justify-content:center;align-items:center;display:flex;box-shadow:0 1px 2px #1018280d}.cometchat-message-bubble__status-info-view-helper-text{text-align:right;color:var(--cometchat-static-white);font:var(--cometchat-font-caption2-regular);align-self:flex-end;padding-bottom:1.5px}.cometchat-message-bubble__thread-view-replies .cometchat-button{gap:var(--cometchat-padding-1,4px);background:0 0;justify-content:flex-start;width:fit-content;height:100%;padding:0}.cometchat-message-bubble__thread-view-replies{height:24px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-1,4px) 0px var(--cometchat-padding-1,4px);align-self:stretch;align-items:center;display:flex}.cometchat-message-bubble-outgoing .cometchat-message-bubble__thread-view-replies{justify-content:flex-end}.cometchat-message-bubble__thread-view-replies .cometchat-button__text{color:var(--cometchat-text-color-primary);text-align:right;font:var(--cometchat-font-caption1-regular)}.cometchat-message-bubble__thread-view-replies .cometchat-button__icon{background:var(--cometchat-icon-color-secondary);width:16px;height:16px;-webkit-mask-size:contain}.cometchat-message-bubble-incoming .cometchat-message-bubble__status-info-view-helper-text{text-align:right;color:var(--cometchat-neutral-color-600);font:var(--cometchat-font-caption2-regular);align-self:flex-end;padding-bottom:1.5px}.cometchat-message-list__date-header .cometchat-date,.cometchat-message-list__bubble-date-header .cometchat-date{color:var(--cometchat-text-color-primary);font:var(--cometchat-font-caption1-medium);justify-content:center;align-items:center;padding:0;display:flex}.cometchat-message-bubble__status-info-view .cometchat-date{padding:0}.cometchat-messagelist__bubble{box-sizing:border-box;width:100%;margin-right:8px;padding:0 0 0 15px;display:flex;overflow:hidden}.cometchat-message-list{border-radius:inherit;background:var(--cometchat-background-color-02);flex-direction:column;flex:1 0 0;order:2;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative}.cometchat-message-list__header{justify-content:flex-start;align-items:flex-start;width:100%;height:auto;display:flex}.cometchat-message-list__body{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow-x:hidden}.cometchat-message-list__body--spacing-top .cometchat-list__body-intersection-top{margin-bottom:var(--cometchat-spacing-8)}.cometchat-message-list__message-indicator{position:absolute;bottom:8px;right:12px}.cometchat-message-list__message-indicator>.cometchat{width:fit-content}.cometchat-message-list__message-indicator .cometchat-button{background:var(--cometchat-static-black);width:fit-content;height:fit-content;padding:var(--cometchat-padding-2,8px);border-radius:var(--cometchat-radius-max,4px);flex-direction:column-reverse;justify-content:center;align-items:center;gap:4px;display:flex}.cometchat-message-list__message-indicator .cometchat-button__text{color:var(--cometchat-static-white);text-align:center;font:var(--cometchat-font-caption1-regular);background:var(--cometchat-primary-color,#6852d6);border-radius:var(--cometchat-radius-max);height:20px;padding:0px var(--cometchat-padding-2,8px);justify-content:center;align-items:center;display:flex}.cometchat-message-list__message-indicator .cometchat-button__icon{background:var(--cometchat-static-white);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cometchat-message-list__footer{box-sizing:border-box;z-index:1;background:0 0;justify-content:flex-start;width:100%;display:flex}.cometchat-message-bubble__leading-view{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cometchat-message-bubble__leading-view .cometchat-avatar{width:32px;height:32px}.cometchat-message-bubble__header-view{color:var(--cometchat-text-color-highlight);font:var(--cometchat-font-caption1-medium);margin-bottom:var(--cometchat-margin-1)}.cometchat-message-list__receipt{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cometchat-message-bubble__status-info-view-receipts-wait .cometchat-message-list__receipt{background:var(--cometchat-static-white);-webkit-mask:url(../media/status_sending.0f5owbq1h-lt5.svg) 50%/contain no-repeat}.cometchat-message-bubble__status-info-view-receipts-sent .cometchat-message-list__receipt{background:var(--cometchat-static-white);-webkit-mask:url(../media/status_sent.0k~pot4lz8-ji.svg) 50%/contain no-repeat}.cometchat-message-list__bubble-moderation-disapproved .cometchat-message-bubble__body{border-bottom-right-radius:0;border-bottom-left-radius:0}.cometchat-message-list__bubble-moderation-disapproved .cometchat-message-bubble__body-content-view .cometchat-video-bubble,.cometchat-message-list__bubble-moderation-disapproved .cometchat-message-bubble__body-content-view .cometchat-image-bubble{min-width:240px}.cometchat-message-bubble__status-info-view-receipts-delivered .cometchat-message-list__receipt{background:var(--cometchat-static-white);-webkit-mask:url(../media/status_delivered.045vzzix08_rf.svg) 50%/contain no-repeat}.cometchat-message-bubble__status-info-view-receipts-read .cometchat-message-list__receipt{background:var(--cometchat-message-seen-color,#56e8a7);-webkit-mask:url(../media/status_read.0vnr73.-4rks9.svg) 50%/contain no-repeat}.cometchat-message-bubble__status-info-view-receipts-error .cometchat-message-list__receipt{background:var(--cometchat-static-white);width:12px;height:12px;-webkit-mask:url(../media/error_info.0rglgdfvkv.b..svg) 50% no-repeat}.cometchat-message-bubble__status-info-view-receipts-error{background:var(--cometchat-error-color);border-radius:var(--cometchat-radius-max);justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cometchat-message-list__shimmer{background:var(--cometchat-background-color-01);padding:0px var(--cometchat-padding-4,16px) var(--cometchat-padding-4,16px) var(--cometchat-padding-4,16px);flex-direction:column;gap:10px;display:flex}.cometchat-message-list__shimmer-body{border-radius:var(--cometchat-radius-2,8px);align-items:flex-start;gap:var(--cometchat-padding-2);flex-direction:column;width:286px;display:flex;position:relative}.cometchat-message-list__shimmer-leading-view{border-radius:var(--cometchat-radius-max,8px);background:var(--cometchat-shimmer-gradient-color);width:40px;height:40px;margin-right:var(--cometchat-margin-2);background-size:200% 100%;justify-content:center;align-items:center;animation:.8s infinite listLoadingAnimation;display:flex}.cometchat-message-list__shimmer-header{border-radius:var(--cometchat-radius-2,8px);z-index:1;justify-content:center;align-self:center;align-items:center;width:50px;height:22px;margin:10px auto auto;display:flex;position:relative}.cometchat-message-list__shimmer-header .cometchat-message-list__shimmer-item{height:22px}.cometchat-message-list__shimmer-item-header{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-2,8px);background-size:200% 100%;justify-content:center;align-items:center;width:120px;height:12px;animation:.8s infinite listLoadingAnimation;display:flex}.cometchat-message-list__shimmer-item{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-2,8px);background-size:200% 100%;width:100%;height:53px;animation:.8s infinite listLoadingAnimation}.cometchat-message-bubble .cometchat-message-bubble__video-call,.cometchat-message-bubble .cometchat-message-bubble__audio-call{background:0 0;padding:0}.cometchat-message-bubble .cometchat-message-bubble__video-call .cometchat-action-bubble__icon,.cometchat-message-bubble .cometchat-message-bubble__audio-call .cometchat-action-bubble__icon{background:var(--cometchat-icon-color-secondary);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.cometchat-message-bubble__video-call .cometchat-action-bubble,.cometchat-message-bubble__audio-call .cometchat-action-bubble{justify-content:center;align-items:center;gap:var(--cometchat-padding-1,4px);border:1px solid var(--cometchat-border-color-default);height:32px;display:flex}.cometchat-message-bubble__video-call .cometchat-message-bubble__missed-call .cometchat-action-bubble__icon{background:var(--cometchat-error-color);-webkit-mask:url(../media/missed_video_call_no_fill.0hlwa8x9.smrt.svg) 50%/contain no-repeat}.cometchat-message-bubble__video-call .cometchat-message-bubble__ended-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/call_end_no_fill.0y4w3w7s8hjjd.svg) 50%/contain no-repeat}.cometchat-message-bubble__video-call .cometchat-message-bubble__outgoing-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/outgoing_video_no_fill.0hp77s9_4lb38.svg) 50%/contain no-repeat}.cometchat-message-bubble__video-call .cometchat-message-bubble__incoming-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/incoming_video_no_fill.0ygtcsk_81pzc.svg) 50%/contain no-repeat}.cometchat-message-bubble__video-call .cometchat-message-bubble__busy-call .cometchat-action-bubble__icon,.cometchat-message-bubble__video-call .cometchat-message-bubble__answered-call .cometchat-action-bubble__icon,.cometchat-message-bubble__video-call .cometchat-message-bubble__unanswered-call .cometchat-action-bubble__icon,.cometchat-message-bubble__video-call .cometchat-message-bubble__cancelled-call .cometchat-action-bubble__icon,.cometchat-message-bubble__video-call .cometchat-message-bubble__rejected-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/video_call_button.0p8st.6ft8s-m.svg) 50%/contain no-repeat}.cometchat-message-bubble__audio-call .cometchat-message-bubble__missed-call .cometchat-action-bubble__icon{background:var(--cometchat-error-color);-webkit-mask:url(../media/phone_missed_no_fill.0xc2blqgwbrbm.svg) 50%/contain no-repeat}.cometchat-message-bubble__audio-call .cometchat-message-bubble__ended-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/call_end_no_fill.0y4w3w7s8hjjd.svg) 50%/contain no-repeat}.cometchat-message-bubble__audio-call .cometchat-message-bubble__outgoing-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/phone_outgoing_no_fill.033~ddipl_1e..svg) 50%/contain no-repeat}.cometchat-message-bubble__audio-call .cometchat-message-bubble__incoming-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/phone_incoming_no_fill.16yxnu7uh5rma.svg) 50%/contain no-repeat}.cometchat-message-bubble__audio-call .cometchat-message-bubble__busy-call .cometchat-action-bubble__icon,.cometchat-message-bubble__audio-call .cometchat-message-bubble__answered-call .cometchat-action-bubble__icon,.cometchat-message-bubble__audio-call .cometchat-message-bubble__unanswered-call .cometchat-action-bubble__icon,.cometchat-message-bubble__audio-call .cometchat-message-bubble__cancelled-call .cometchat-action-bubble__icon,.cometchat-message-bubble__audio-call .cometchat-message-bubble__rejected-call .cometchat-action-bubble__icon{-webkit-mask:url(../media/audio_call_button.15chz-e~50m6c.svg) 50%/contain no-repeat}@keyframes listLoadingAnimation{0%{background-position:200% 0}to{background-position:0 200%}}.cometchat-message-bubble__body-wrapper .cometchat-message-bubble__sticker-message{gap:var(--cometchat-padding-2,8px)}.cometchat-message-bubble__sticker-message .cometchat-image-bubble{cursor:default;background-color:#0000}.cometchat-message-bubble__sticker-message .cometchat-message-bubble__status-info-view{background:#14141499;align-items:center}.cometchat-message-bubble__sticker-message .cometchat-message-bubble__status-info-view>.cometchat{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.cometchat-message-bubble__sticker-message .cometchat-message-bubble__status-info-view .cometchat-date{color:var(--cometchat-static-white,#f9f8fd)}.cometchat-message-information__popup-wrapper,.cometchat-message-list__flag-message-dialog-wrapper{z-index:3;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.cometchat-message-list__body{justify-content:flex-end}.cometchat-message-list-loaded .cometchat-message-list__body .cometchat-list__body{height:fit-content;max-height:100%}.cometchat-message-list-loaded>.cometchat-message-list__body>.cometchat{max-height:100%;height:fit-content!important}.cometchat-message-list__new-message-divider{justify-content:center;align-items:center;gap:var(--cometchat-spacing-4);width:100%;padding:var(--cometchat-margin-4) var(--cometchat-spacing-7);display:flex}.cometchat-message-list__new-message-divider span{text-wrap:nowrap;font:var(--cometchat-font-body-medium);color:var(--cometchat-error-color)}.cometchat-message-list__new-message-divider div{background-color:var(--cometchat-error-color);width:100%;height:1px}@keyframes backgroundFade{0%{background-color:var(--cometchat-extended-primary-color-200)}50%{background-color:var(--cometchat-extended-primary-color-100)}75%,to{background-color:#0000}}.cometchat-message-list__bubble-highlight{animation:3s ease-out forwards backgroundFade}.cometchat-message-list__bubble-highlight-longer{animation:5s ease-out forwards backgroundFade}.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar{display:none}.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb{display:none}.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar{display:none}.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb{display:none}.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar{display:none}.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb{display:none}.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar{display:none}.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb{display:none}.cometchat-message-list__flag-message-dialog-hide-scrollbar .cometchat-flag-message-dialog__remark-input::-webkit-scrollbar{display:none}.cometchat-message-list__flag-message-dialog-hide-scrollbar .cometchat-flag-message-dialog__remark-input::-webkit-scrollbar-thumb{display:none}
.cometchat-outgoing-call{width:360px;height:540px;padding:var(--cometchat-padding-5,20px) 0px;border-radius:var(--cometchat-radius-5,20px);border:1px solid var(--cometchat-border-color-light);background:var(--cometchat-background-color-01);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.cometchat-outgoing-call__title{color:var(--cometchat-text-color-primary);text-align:center;font:var(--cometchat-font-title-medium)}.cometchat-outgoing-call__title-container{gap:var(--cometchat-spacing-2);flex-direction:column;display:flex}.cometchat-outgoing-call__subtitle{color:var(--cometchat-text-color-secondary);text-align:center;font:var(--cometchat-font-heading4-regular)}.cometchat-outgoing-call__avatar{border-radius:var(--cometchat-radius-max);flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.cometchat-outgoing-call__avatar .cometchat-avatar{width:160px;height:160px}.cometchat-outgoing-call__avatar .cometchat-avatar__text{font:700 64px/76.8px var(--cometchat-font-family);width:fit-content;height:fit-content;font-style:normal}.cometchat-outgoing-call__button .cometchat-button{padding:var(--cometchat-padding-4);align-items:center;gap:var(--cometchat-padding-2);border-radius:var(--cometchat-radius-max);background:var(--cometchat-error-color);cursor:pointer;justify-content:center;width:fit-content;height:fit-content;display:flex}.cometchat-outgoing-call__button .cometchat-button .cometchat-button__icon{background:var(--cometchat-static-white);width:24px;height:24px;-webkit-mask-size:contain}@media (max-width:600px){.cometchat-outgoing-call{padding:var(--cometchat-spacing-20) var(--cometchat-spacing-5) var(--cometchat-spacing-15) var(--cometchat-spacing-5)}.cometchat-outgoing-call__avatar .cometchat-avatar__text{font:700 50px/60px var(--cometchat-font-family)}.cometchat-outgoing-call .cometchat-outgoing-call__avatar .cometchat .cometchat-avatar{width:120px;height:120px}.cometchat-outgoing-call__title{font:var(--cometchat-font-heading1-bold)}.cometchat-outgoing-call__subtitle{font:var(--cometchat-font-body-regular)}.cometchat-outgoing-call__avatar{margin-bottom:auto;margin-top:var(--cometchat-margin-10)}:is(.cometchat-outgoing-call,.cometchat:has(>.cometchat-outgoing-call)){border-radius:0;width:100%;height:100%}}
.cometchat-action-bubble{padding:var(--cometchat-padding-1,4px) var(--cometchat-padding-3,12px);border-radius:var(--cometchat-radius-max,1000px);border:1px solid var(--cometchat-border-color-default);background:var(--cometchat-background-color-02);justify-content:center;align-items:center;display:flex}.cometchat-action-bubble__text{color:var(--cometchat-text-color-secondary);text-align:center;font:var(--cometchat-font-caption1-regular)}.cometchat-action-bubble__icon{display:none}
.cometchat-reaction-info{border-radius:var(--cometchat-radius-2,8px);justify-content:center;align-items:flex-start;display:inline-flex}.cometchat-reaction-info__content{padding:8px var(--cometchat-padding-2,8px);border-radius:var(--cometchat-radius-1,4px);background:var(--cometchat-static-black,#141414);flex-direction:column;justify-content:center;align-items:center;min-width:77px;min-height:77px;margin:-1px;display:flex;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.cometchat-reaction-info__emoji-text{align-items:center;gap:var(--cometchat-padding-1,4px);flex-direction:column;display:flex}.cometchat-reaction-info__emoji{color:var(--cometchat-static-white,#f9f8fd);text-align:center;font:var(--cometchat-font-heading1-regular,400 24px Roboto)}.cometchat-reaction-info__title{color:var(--cometchat-static-white,#f9f8fd);text-align:center;font:var(--cometchat-font-caption1-regular,400 12px Roboto)}.cometchat-reaction-info__description{color:var(--cometchat-text-color-tertiary,#a1a1a1);text-align:center;font:var(--cometchat-font-caption1-regular,400 12px Roboto)}.cometchat-reaction-info__error{color:var(--cometchat-error-color,#f44649);text-align:center;font:var(--cometchat-font-caption1-regular,400 12px Roboto)}.cometchat-reaction-info__loading{border:4px solid var(--cometchat-background-color-04,#e8e8e8);border-top:4px solid #0000;border-radius:50%;width:24px;height:24px;animation:2s linear infinite spin;-webkit-mask:url(../media/Spinner-Gradient-1.0_3nazeotnkyy.svg) 50%/contain no-repeat}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.cometchat-reaction-list{border-radius:var(--cometchat-radius-5,20px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);flex-direction:column;align-items:flex-start;width:280px;display:flex;overflow:hidden;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.cometchat-reaction-list__error{height:200px;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular,400 14px Roboto);flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}.cometchat-reaction-list__tabs{padding-top:var(--cometchat-padding-2,8px);border-bottom:1px solid var(--cometchat-border-color-default,#e8e8e8);background:var(--cometchat-background-color-01,#fff);align-self:stretch;align-items:center;max-width:280px;display:flex;overflow-x:auto}.cometchat-reaction-list__tabs-tab{height:40px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);align-items:center;gap:var(--cometchat-padding-1,4px);cursor:pointer;border-radius:4px 4px 0 0;display:flex}.cometchat-reaction-list__tabs-tab-active{border-bottom:2px solid var(--cometchat-primary-color,#6852d6)}.cometchat-reaction-list__tabs-tab-emoji,.cometchat-reaction-list__tabs-tab-count{color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-medium,500 14px Roboto)}.cometchat-reaction-list__tabs-tab-count-active,.cometchat-reaction-list__tabs-tab-emoji-active{color:var(--cometchat-text-color-highlight,#6852d6)}.cometchat-reaction-list__list{border-radius:var(--cometchat-radius-0,0px);background:var(--cometchat-background-color-01,#fff);flex-direction:column;align-self:stretch;align-items:flex-start;height:200px;padding:0;display:flex;overflow-y:auto}.cometchat-reaction-list .cometchat-list-item{cursor:pointer;width:280px}.cometchat-reaction-list .cometchat-list-item__leading-view,.cometchat-reaction-list .cometchat-list-item__body{flex-shrink:inherit;padding:0}.cometchat-reaction-list .cometchat-list-item__body-title{color:var(--cometchat-text-color-primary,#141414);text-overflow:ellipsis;font:var(--cometchat-font-body-medium,500 14px Roboto);overflow:hidden}.cometchat-reaction-list .cometchat-list-item__body-subtitle{color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-caption1-regular,400 12px Roboto);overflow:hidden}.cometchat-reaction-list .cometchat-avatar,.cometchat-reaction-list .cometchat-avatar__image,.cometchat-reaction-list .cometchat-list-item__leading-view{width:32px;height:32px}.cometchat-reaction-list .cometchat-list-item__title-container{gap:0}.cometchat-reaction-list__shimmer{border-radius:var(--cometchat-radius-4,16px);border:1px solid var(--cometchat-background-color-01,#fff);background:var(--cometchat-background-color-01,#fff);flex-direction:column;align-self:stretch;align-items:flex-start;width:280px;height:200px;display:flex;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.cometchat-reaction-list__shimmer-tabs{padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px) var(--cometchat-padding-4,16px) var(--cometchat-padding-4,16px);border-bottom:1px solid var(--cometchat-border-color-default,#e8e8e8);background:var(--cometchat-background-color-01,#fff);align-self:stretch;align-items:center;gap:20px;display:flex}.cometchat-reaction-list__shimmer-tab{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-2,8px);justify-content:center;align-items:center;width:48px;height:16px;animation:10s linear infinite shimmerAnimation;display:flex}.cometchat-reaction-list__shimmer-item{width:280px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);align-items:center;gap:var(--cometchat-padding-3,12px);background:var(--cometchat-background-color-01,#fff);flex:1 0 0;display:flex}.cometchat-reaction-list__shimmer-item-icon{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-max,1000px);justify-content:center;align-items:center;width:32px;height:32px;animation:10s linear infinite shimmerAnimation;display:flex}.cometchat-reaction-list__shimmer-item-content{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-2,8px);flex:1 0 0;justify-content:center;align-items:center;height:20px;animation:5s linear infinite shimmerAnimation;display:flex}.cometchat-reaction-list__shimmer-item-tailview{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-max,1000px);justify-content:center;align-items:center;width:24px;height:24px;animation:10s linear infinite shimmerAnimation;display:flex}@keyframes shimmerAnimation{0%{background-position:-468px 0}to{background-position:468px 0}}
.cometchat-reactions{padding:0px var(--cometchat-padding-1,4px);align-content:flex-start;align-self:stretch;align-items:flex-start;gap:2px;width:fit-content;height:fit-content;display:flex}.cometchat-reactions__reaction,.cometchat-reactions__more-reaction{height:24px;padding:2px var(--cometchat-padding-2,8px);align-items:center;gap:var(--cometchat-padding-1,4px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);cursor:pointer;border-radius:20px;flex-shrink:0;display:inline-flex}.cometchat-reactions__reaction-you{height:23px;padding:2px var(--cometchat-padding-2,8px);align-items:center;gap:var(--cometchat-padding-1,4px);border:1px solid var(--cometchat-extended-primary-color-300,#ccc4f1);background:var(--cometchat-extended-primary-color-100,#edeafa);border-radius:20px;flex-shrink:0;display:inline-flex}.cometchat-reactions__reaction-emoji{color:var(--cometchat-text-color-primary,#141414);font:var(--cometchat-font-body-regular,400 14px Roboto)}.cometchat-reactions__reaction-count,.cometchat-reactions__more-reaction-count{color:var(--cometchat-text-color-primary,#141414);font:var(--cometchat-font-caption1-regular,400 12px Roboto)}.cometchat-reactions-info-wrapper .cometchat-popover__content{box-shadow:none;background:0 0;border:none}
.cometchat-call-button{align-items:center;gap:var(--cometchat-padding-4,16px);width:fit-content;height:fit-content;display:flex}.cometchat-call-button__voice,.cometchat-call-button__video{cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cometchat-call-button .cometchat-button{background:var(--cometchat-background-color-01,#fff);gap:0;width:24px;height:24px;padding:0}.cometchat-call-button .cometchat-button__icon{background:var(--cometchat-icon-color-primary,#141414)}.cometchat-outgoing-call__backdrop{z-index:3;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.cometchat-call-button .cometchat-button:hover,.cometchat-call-button .cometchat-button:active{background:0 0}
.cometchat-incoming-call{width:360px;padding:var(--cometchat-padding-5,20px) var(--cometchat-padding-5,20px);align-items:center;gap:var(--cometchat-padding-4,16px);border-radius:var(--cometchat-radius-3,12px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-03,#f5f5f5);z-index:10;flex-direction:column;display:flex;position:absolute;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.cometchat-incoming-call .cometchat-list-item{background:var(--cometchat-background-color-03,#f5f5f5);width:320px;padding:0}.cometchat-incoming-call .cometchat-list-item__body{padding:0}.cometchat-incoming-call .cometchat-list-item__body-title{color:var(--cometchat-text-color-primary,#fff);font:var(--cometchat-font-heading3-bold,700 20px Roboto)}.cometchat-incoming-call .cometchat-list-item__title-container{justify-content:space-around}.cometchat-incoming-call .cometchat-list-item__trailing-view{width:fit-content;height:fit-content}.cometchat-incoming-call__button-group{align-self:stretch;align-items:center;gap:16px;display:flex}.cometchat-incoming-call__button-decline{justify-content:center;align-items:center;gap:var(--cometchat-padding-2,8px);border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-error-color,#c73c3e);cursor:pointer;align-self:stretch;width:152px;height:40px;display:flex}.cometchat-incoming-call__button-decline .cometchat-button{background:var(--cometchat-error-color,#c73c3e);width:152px}.cometchat-incoming-call__button-accept{justify-content:center;align-items:center;gap:var(--cometchat-padding-2,8px);border-radius:var(--cometchat-radius-2,8px);background:var(--cometchat-success-color,#0b9f5d);cursor:pointer;align-self:stretch;width:152px;height:40px;display:flex}.cometchat-incoming-call__button-accept .cometchat-button{background:var(--cometchat-success-color,#0b9f5d);width:152px}.cometchat-incoming-call__avatar{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cometchat-incoming-call__avatar .cometchat-avatar__text{color:var(--cometchat-primary-button-icon,#fff);font:var(--cometchat-font-heading3-bold,700 20px Roboto)}.cometchat-incoming-call__subtitle{align-self:stretch;align-items:center;gap:4px;display:flex}.cometchat-incoming-call__subtitle-icon{background:var(--cometchat-icon-color-secondary,#a1a1a1);justify-content:center;align-items:center;width:16px;height:16px;display:flex;-webkit-mask-size:contain}.cometchat-incoming-call__subtitle-text{color:var(--cometchat-text-color-secondary,#727272);font:var(--cometchat-font-heading4-regular,400 16px Roboto)}.cometchat-incoming-call .cometchat-button:hover,.cometchat-incoming-call .cometchat-button:active{background:0 0}
.cometchat-message-information{border-radius:var(--cometchat-radius-5,20px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);flex-shrink:0;width:100%;max-width:420px;height:fit-content;max-height:100%;overflow:hidden;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.cometchat-message-information__header{height:64px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);align-items:center;gap:var(--cometchat-padding-3,12px);border-bottom:1px solid var(--cometchat-border-color-light,#f5f5f5);border-left:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);align-self:stretch;display:flex}.cometchat-message-information__header-title{color:var(--cometchat-text-color-primary,#141414);text-overflow:ellipsis;font:var(--cometchat-font-heading3-bold,700 20px Roboto);flex-direction:column;flex:1 0 0;justify-content:center;align-items:flex-start;gap:0;display:flex;overflow:hidden}.cometchat-message-information__header-close{cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cometchat-message-information__header-close .cometchat-button{background:0 0;gap:0;width:24px;height:24px;padding:0}.cometchat-message-information__header-close .cometchat-button:hover,.cometchat-message-information__header-close .cometchat-button:active{background:0 0}.cometchat-message-information__header-close .cometchat-button__icon{background:var(--cometchat-icon-color-primary,#141414)}.cometchat-message-information__header-close .cometchat-button__icon:hover{background:var(--cometchat-icon-color-highlight)}.cometchat-message-information__message{padding:var(--cometchat-padding-5,20px) var(--cometchat-padding-4,16px);background:var(--cometchat-background-color-02,#fafafa);border-bottom:1px solid var(--cometchat-border-color-light);align-items:flex-start;gap:0;width:100%;max-height:300px;display:flex;overflow:hidden auto}.cometchat-message-information__message .cometchat-message-bubble__wrapper{width:100%;padding:0}.cometchat-message-information__receipts{flex-direction:column;align-items:flex-start;width:100%;height:260px;padding:0;display:flex;overflow:hidden auto}.cometchat-message-information__receipts .cometchat-list-item__body-subtitle{flex-direction:column;gap:0}.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar{display:none}.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb{display:none}.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar{display:none}.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb{display:none}.cometchat-message-information__receipts .cometchat-list-item__body{padding:0}.cometchat-message-information__receipts .cometchat-list-item:hover{background:0 0}.cometchat-message-information__receipts-subtitle{align-items:flex-start;gap:var(--cometchat-padding-1,4px);flex-direction:column;flex:1 0 0;width:100%;padding:0;display:flex}.cometchat-message-information__receipts-subtitle-text{color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;font:var(--cometchat-font-body-regular,400 14px Roboto);justify-content:space-between;align-self:stretch;align-items:center;display:flex;overflow:hidden}.cometchat-message-information__receipts .cometchat-list-item{padding:var(--cometchat-padding-3,12px) var(--cometchat-padding-4,16px);align-items:flex-start}.cometchat-message-information__receipts .cometchat-list-item__trailing-view{display:none}.cometchat-message-information__receipts .cometchat-list-item__leading-view,.cometchat-message-information__receipts .cometchat-avatar,.cometchat-message-information__receipts .cometchat-avatar__image{width:40px;height:40px}.cometchat-message-information__shimmer{background:var(--cometchat-background-color-01,#fff);width:100%;height:260px}.cometchat-message-information__shimmer-item{width:100%;min-width:240px;max-width:1440px;height:72px;padding:var(--cometchat-padding-3,12px) var(--cometchat-padding-4,16px);align-items:center;gap:12px;display:flex}.cometchat-message-information__shimmer-item-avatar{border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg, #e0e0e0 0%, #eee 100%));width:48px;height:48px;animation:5s linear infinite shimmerAnimation}.cometchat-message-information__shimmer-item-title{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-2,8px);flex:1 0 0;justify-content:center;align-items:center;height:40px;animation:5s linear infinite shimmerAnimation;display:flex}@keyframes shimmerAnimation{0%{background-position:-468px 0}to{background-position:468px 0}}.cometchat-message-information__receipts-subtite-text,.cometchat-message-information__receipts-subtitle .cometchat-date,.cometchat-message-information__receipts-subtite-text .cometchat-date{color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-body-regular,400 14px Roboto);padding:0;overflow:hidden}.cometchat-message-information__receipts-empty,.cometchat-message-information__error-state{width:100%;height:200px;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular,400 14px Roboto);justify-content:center;align-items:center;display:flex}.cometchat-message-information .cometchat-list__header{border-bottom:none}.cometchat-message-information .cometchat-message-bubble{pointer-events:none}
:is(.cometchat-ongoing-call,.cometchat:has(>.cometchat-ongoing-call)){z-index:10;border:none;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0}
