.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-weight:inherit;font-style:inherit;text-decoration:inherit}.cometchat-message-composer__input .cometchat-mentions-you>span{color:var(--cometchat-warning-color,#ffab00);font:var(--cometchat-font-body-regular);font-weight:inherit;font-style:inherit;text-decoration:inherit}.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-weight:inherit;font-style:inherit;text-decoration:inherit}.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("../../assets/error_info.svg") 50%/contain no-repeat;mask:url("../../assets/error_info.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{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;overflow:hidden}.cometchat-message-composer .cometchat-edit-preview__subtitle *{list-style:none;margin:0!important;padding:0!important;display:inline!important}.cometchat-message-composer .cometchat-edit-preview__subtitle ol{counter-reset:edit-preview-list}.cometchat-message-composer .cometchat-edit-preview__subtitle ol>li:before{counter-increment:edit-preview-list;content:counter(edit-preview-list)". "}.cometchat-message-composer .cometchat-edit-preview__subtitle ul>li:before{content:"• "}.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-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px;line-height:14.4px}.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-family:Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px;line-height:14.4px;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}