.cometchat-reaction-list{display:flex;width:280px;flex-direction:column;overflow:hidden;align-items:flex-start;border-radius:var(--cometchat-radius-5,20px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03)}.cometchat-reaction-list__error{display:flex;height:200px;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular,400 14px Roboto)}.cometchat-reaction-list__tabs{display:flex;padding-top:var(--cometchat-padding-2,8px);max-width:280px;align-items:center;align-self:stretch;overflow-x:auto;border-bottom:1px solid var(--cometchat-border-color-default,#e8e8e8);background:var(--cometchat-background-color-01,#fff)}.cometchat-reaction-list__list::-webkit-scrollbar,.cometchat-reaction-list__list::-webkit-scrollbar-thumb,.cometchat-reaction-list__tabs::-webkit-scrollbar,.cometchat-reaction-list__tabs::-webkit-scrollbar-thumb{display:none}.cometchat-reaction-list__tabs-tab{display:flex;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}.cometchat-reaction-list__tabs-tab-active{border-bottom:2px solid var(--cometchat-primary-color,#6852d6)}.cometchat-reaction-list__tabs-tab-count,.cometchat-reaction-list__tabs-tab-emoji{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{display:flex;padding:0;flex-direction:column;max-height:300px;align-items:flex-start;align-self:stretch;border-radius:var(--cometchat-radius-0,0);background:var(--cometchat-background-color-01,#fff);overflow-y:auto}.cometchat-reaction-list .cometchat-list-item{width:280px;cursor:pointer}.cometchat-reaction-list .cometchat-list-item__body,.cometchat-reaction-list .cometchat-list-item__leading-view{padding:0;flex-shrink:inherit}.cometchat-reaction-list .cometchat-list-item__body-title{overflow:hidden;color:var(--cometchat-text-color-primary,#141414);text-overflow:ellipsis;font:var(--cometchat-font-body-medium,500 14px Roboto)}.cometchat-reaction-list .cometchat-list-item__body-subtitle{overflow:hidden;color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-caption1-regular,400 12px Roboto)}.cometchat-reaction-list .cometchat-avatar,.cometchat-reaction-list .cometchat-avatar__image,.cometchat-reaction-list .cometchat-list-item__leading-view{height:32px;width:32px}.cometchat-reaction-list .cometchat-list-item__title-container{gap:0}.cometchat-reaction-list__shimmer{width:280px;max-height:300px;padding:var(--cometchat-padding-2,8px) 0;flex-direction:column;align-items:flex-start;border-radius:var(--cometchat-radius-4,16px);border:1px solid var(--cometchat-background-color-01,#fff);box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03)}.cometchat-reaction-list__shimmer,.cometchat-reaction-list__shimmer-tabs{display:flex;align-self:stretch;background:var(--cometchat-background-color-01,#fff)}.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);align-items:center;gap:20px;border-bottom:1px solid var(--cometchat-border-color-default,#e8e8e8)}.cometchat-reaction-list__shimmer-tab{background:var(--cometchat-shimmer-gradient-color);display:flex;width:48px;height:16px;border-radius:var(--cometchat-radius-2,8px);justify-content:center;align-items:center;animation:shimmerAnimation 10s linear infinite}.cometchat-reaction-list__shimmer-item{display:flex;width:280px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);align-items:center;gap:var(--cometchat-padding-3,12px);flex:1 0 0;background:var(--cometchat-background-color-01,#fff)}.cometchat-reaction-list__shimmer-item-icon{border-radius:var(--cometchat-radius-max,1000px);width:40px;height:40px;animation:shimmerAnimation 10s linear infinite}.cometchat-reaction-list__shimmer-item-content,.cometchat-reaction-list__shimmer-item-icon{background:var(--cometchat-shimmer-gradient-color);display:flex;justify-content:center;align-items:center}.cometchat-reaction-list__shimmer-item-content{border-radius:var(--cometchat-radius-2,8px);height:20px;flex:1 0 0;animation:shimmerAnimation 5s linear infinite}.cometchat-reaction-list__shimmer-item-tailview{background:var(--cometchat-shimmer-gradient-color);display:flex;width:24px;height:24px;border-radius:var(--cometchat-radius-max,1000px);justify-content:center;align-items:center;animation:shimmerAnimation 10s linear infinite}.cometchat-reactions{display:flex;padding:0 var(--cometchat-padding-1,4px);align-items:flex-start;align-content:flex-start;gap:2px;align-self:stretch;width:fit-content;height:fit-content}.cometchat-reactions__more-reaction,.cometchat-reactions__reaction{height:24px;border-radius:20px;border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);cursor:pointer}.cometchat-reactions__more-reaction,.cometchat-reactions__reaction,.cometchat-reactions__reaction-you{display:inline-flex;padding:2px var(--cometchat-padding-2,8px);align-items:center;gap:var(--cometchat-padding-1,4px);flex-shrink:0}.cometchat-reactions__reaction-you{height:23px;border-radius:20px;border:1px solid var(--cometchat-extended-primary-color-300,#ccc4f1);background:var(--cometchat-extended-primary-color-100,#edeafa)}.cometchat-reactions__reaction-emoji{color:var(--cometchat-text-color-primary,#141414);font:var(--cometchat-font-body-regular,400 14px Roboto)}.cometchat-reactions__more-reaction-count,.cometchat-reactions__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{background:transparent;box-shadow:none;border:none}.cometchat-call-button{display:flex;align-items:center;gap:var(--cometchat-padding-4,16px);height:fit-content;width:fit-content}.cometchat-call-button__video,.cometchat-call-button__voice{display:flex;width:24px;height:24px;justify-content:center;align-items:center;cursor:pointer}.cometchat-call-button .cometchat-button{width:24px;height:24px;padding:0;gap:0;background:var(--cometchat-background-color-01,#fff)}.cometchat-call-button .cometchat-button__icon{background:var(--cometchat-icon-color-primary,#141414)}.cometchat-outgoing-call__backdrop{display:flex;position:fixed;z-index:3;left:0;top:0;justify-content:center;align-items:center;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.cometchat-call-button .cometchat-button:active,.cometchat-call-button .cometchat-button:hover{background:transparent}.cometchat-incoming-call{display:flex;width:360px;padding:var(--cometchat-padding-5,20px) var(--cometchat-padding-5,20px);flex-direction:column;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);box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);position:absolute;z-index:10}.cometchat-incoming-call .cometchat-list-item{width:320px;padding:0;background:var(--cometchat-background-color-03,#f5f5f5)}.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{display:flex;align-items:center;gap:16px;align-self:stretch}.cometchat-incoming-call__button-decline{display:flex;height:40px;justify-content:center;align-items:center;gap:var(--cometchat-padding-2,8px);align-self:stretch;border-radius:var(--cometchat-radius-2,8px);cursor:pointer}.cometchat-incoming-call__button-decline,.cometchat-incoming-call__button-decline .cometchat-button{width:152px;background:var(--cometchat-error-color,#c73c3e)}.cometchat-incoming-call__button-accept{display:flex;height:40px;justify-content:center;align-items:center;gap:var(--cometchat-padding-2,8px);align-self:stretch;border-radius:var(--cometchat-radius-2,8px);cursor:pointer}.cometchat-incoming-call__button-accept,.cometchat-incoming-call__button-accept .cometchat-button{width:152px;background:var(--cometchat-success-color,#0b9f5d)}.cometchat-incoming-call__avatar{display:flex;width:48px;height:48px;justify-content:center;align-items:center;flex-shrink:0}.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{display:flex;align-items:center;gap:4px;align-self:stretch}.cometchat-incoming-call__subtitle-icon{display:flex;width:16px;height:16px;justify-content:center;align-items:center;background:var(--cometchat-icon-color-secondary,#a1a1a1);-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:active,.cometchat-incoming-call .cometchat-button:hover{background:transparent}.cometchat-message-information{width:420px;height:fit-content;flex-shrink:0;border-radius:var(--cometchat-radius-5,20px);border:1px solid var(--cometchat-border-color-light,#f5f5f5);background:var(--cometchat-background-color-01,#fff);box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);overflow:hidden}.cometchat-message-information__header{display:flex;height:64px;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);align-items:center;gap:var(--cometchat-padding-3,12px);align-self:stretch;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)}.cometchat-message-information__header-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0;overflow:hidden;color:var(--cometchat-text-color-primary,#141414);text-overflow:ellipsis;font:var(--cometchat-font-heading3-bold,700 20px Roboto)}.cometchat-message-information__header-close{display:flex;width:24px;height:24px;justify-content:center;align-items:center;cursor:pointer}.cometchat-message-information__header-close .cometchat-button{height:24px;width:24px;padding:0;gap:0;background:transparent}.cometchat-message-information__header-close .cometchat-button:active,.cometchat-message-information__header-close .cometchat-button:hover{background:transparent}.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{display:flex;padding:var(--cometchat-padding-5,20px) var(--cometchat-padding-4,16px);align-items:flex-start;gap:0;width:100%;max-height:300px;overflow:hidden auto;background:var(--cometchat-background-color-02,#fafafa);border-bottom:1px solid var(--cometchat-border-color-light)}.cometchat-message-information__message::-webkit-scrollbar,.cometchat-message-information__message::-webkit-scrollbar-thumb{display:none}.cometchat-message-information__message .cometchat-message-bubble__wrapper{padding:0;width:100%}.cometchat-message-information__receipts{display:flex;width:100%;padding:0;flex-direction:column;align-items:flex-start;max-height:300px;overflow:hidden auto}.cometchat-message-information__receipts .cometchat-list-item__body-subtitle{flex-direction:column;gap:0}.cometchat-message-information__receipts::-webkit-scrollbar,.cometchat-message-information__receipts::-webkit-scrollbar-thumb{display:none}.cometchat-message-information__receipts .cometchat-list-item__body{padding:0}.cometchat-message-information__receipts .cometchat-list-item:hover{background:transparent}.cometchat-message-information__receipts-subtitle{display:flex;padding:0;width:100%;flex-direction:column;align-items:flex-start;gap:var(--cometchat-padding-1,4px);flex:1 0 0}.cometchat-message-information__receipts-subtitle-text{display:flex;justify-content:space-between;align-items:center;align-self:stretch;overflow:hidden;color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;font:var(--cometchat-font-body-regular,400 14px Roboto)}.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-avatar,.cometchat-message-information__receipts .cometchat-avatar__image,.cometchat-message-information__receipts .cometchat-list-item__leading-view{height:40px;width:40px}.cometchat-message-information__shimmer{width:100%;height:100%;background:var(--cometchat-background-color-01,#fff)}.cometchat-message-information__shimmer-item{height:72px;display:flex;width:100%;min-width:240px;max-width:1440px;padding:var(--cometchat-padding-3,12px) var(--cometchat-padding-4,16px);align-items:center;gap:12px}.cometchat-message-information__shimmer-item-avatar{width:48px;height:48px;border-radius:var(--cometchat-radius-max,1000px);background:var(--cometchat-shimmer-gradient-color,linear-gradient(90deg,#e0e0e0 0,#eee 100%));animation:shimmerAnimation 5s linear infinite}.cometchat-message-information__shimmer-item-title{background:var(--cometchat-shimmer-gradient-color);border-radius:var(--cometchat-radius-2,8px);display:flex;height:40px;justify-content:center;align-items:center;flex:1 0 0;animation:shimmerAnimation 5s linear infinite}@keyframes shimmerAnimation{0%{background-position:-468px 0}to{background-position:468px 0}}.cometchat-message-information__receipts-subtite-text,.cometchat-message-information__receipts-subtite-text .cometchat-date,.cometchat-message-information__receipts-subtitle .cometchat-date{padding:0;overflow:hidden;color:var(--cometchat-text-color-secondary,#727272);text-overflow:ellipsis;white-space:nowrap;font:var(--cometchat-font-body-regular,400 14px Roboto)}.cometchat-message-information__error-state,.cometchat-message-information__receipts-empty{display:flex;height:200px;width:100%;justify-content:center;align-items:center;color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular,400 14px Roboto)}.cometchat-message-information .cometchat-list__header{border-bottom:none}.cometchat-ongoing-call{width:100%;height:100%;border-radius:0;border:none;position:absolute;left:0;top:0;z-index:10}.cometchat-threaded-message-preview{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex-shrink:0;background:var(--cometchat-background-color-01,#fff)}.cometchat-threaded-message-preview__header{display:flex;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);align-items:center;gap:var(--cometchat-padding-2,8px);height:64px;align-self:stretch;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)}.cometchat-threaded-message-preview__header-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;overflow:hidden;color:var(--cometchat-text-color-primary,#141414);text-overflow:ellipsis;font:var(--cometchat-font-heading3-bold,700 20px Roboto)}.cometchat-threaded-message-preview__header-close{display:flex;width:24px;height:24px;justify-content:center;align-items:center;cursor:pointer}.cometchat-threaded-message-preview__header-close .cometchat-button{height:24px;width:24px;padding:0;gap:0;background:transparent}.cometchat-threaded-message-preview__header-close .cometchat-button:active,.cometchat-threaded-message-preview__header-close .cometchat-button:hover{background:transparent}.cometchat-threaded-message-preview__header-close .cometchat-button__icon{background:var(--cometchat-icon-color-primary,#141414)}.cometchat-threaded-message-preview__header-close .cometchat-button__icon:hover{background:var(--cometchat-icon-color-highlight)}.cometchat-threaded-message-preview__content{display:flex;width:100%;padding-top:var(--cometchat-padding-3,12px);flex-direction:column;flex-shrink:0}.cometchat-threaded-message-preview__content-time{display:flex;padding:var(--cometchat-padding-1,4px) var(--cometchat-padding-2,8px);align-self:center;border-radius:var(--cometchat-radius-1,4px);border:1px solid var(--cometchat-border-color-dark,#dcdcdc);background:var(--cometchat-background-color-02,#fafafa);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.cometchat-threaded-message-preview__content-time .cometchat-date{color:var(--cometchat-text-color-primary,#141414);text-align:center;font:var(--cometchat-font-caption1-medium,500 12px Roboto);padding:0;display:flex}.cometchat-threaded-message-preview__message{display:flex;padding:var(--cometchat-padding-2,8px) var(--cometchat-padding-4,16px);gap:0;min-height:50px;max-height:300px;overflow:hidden auto;flex:1 0 0}.cometchat-threaded-message-preview__message::-webkit-scrollbar,.cometchat-threaded-message-preview__message::-webkit-scrollbar-thumb{display:none}.cometchat-threaded-message-preview__message .cometchat-text-bubble .cometchat-text-bubble__read-more{display:none}.cometchat-threaded-message-preview__message-small{min-height:fit-content;max-height:150px}.cometchat-threaded-message-preview__message-incoming{align-self:flex-start}.cometchat-threaded-message-preview__message-outgoing{align-self:flex-end}.cometchat-threaded-message-preview__message .cometchat-message-bubble__wrapper{padding:0;width:100%}.cometchat-threaded-message-preview__footer{display:flex;padding:var(--cometchat-padding-1,4px) var(--cometchat-padding-5,20px);justify-content:center;align-items:center;gap:var(--cometchat-padding-2,8px);align-self:stretch}.cometchat-threaded-message-preview__footer-reply-count{color:var(--cometchat-text-color-secondary,#727272);text-align:center;font:var(--cometchat-font-body-regular,400 14px Roboto)}.cometchat-threaded-message-preview__footer-divider{width:100%;height:1px;background:var(--cometchat-border-color-default,#e8e8e8);flex:1}.cometchat-toast{display:inline-block;padding:var(--cometchat-padding-2,8px);border-radius:var(--cometchat-radius-1,4ppx);background:var(--cometchat-static-black);position:fixed;color:var(--cometchat-static-white,#f9f8fd);font:var(--cometchat-font-caption1-regular);bottom:12px;left:50%;transform:translateX(-50%);z-index:10;position:absolute}.cometchat-mentions>span{color:var(--cometchat-text-color-highlight);font:var(--cometchat-font-body-regular)}.cometchat-mentions{display:inline-block;width:fit-content}.cometchat-mentions-incoming,.cometchat-mentions-outgoing{border-radius:var(--cometchat-radius,2px);display:inline-flex;padding:0 var(--cometchat-padding,2px);justify-content:center;align-items:center;cursor:pointer}.cometchat-mentions-outgoing.cometchat-mentions-you{background:rgba(255,171,0,.2)}.cometchat-mentions-outgoing.cometchat-mentions-other{background:rgba(249,248,253,.2)}.cometchat-mentions-incoming.cometchat-mentions-you{background:rgba(255,171,0,.2)}.cometchat-mentions-incoming.cometchat-mentions-other{background:rgba(104,82,214,.2)}.cometchat-mentions-outgoing.cometchat-mentions-you>span{color:var(--cometchat-warning-color)}.cometchat-mentions-outgoing.cometchat-mentions-other>span{color:var(--cometchat-static-white)}.cometchat-mentions-incoming.cometchat-mentions-you>span{color:var(--cometchat-warning-color)}.cometchat-mentions-incoming.cometchat-mentions-other>span{color:var(--cometchat-text-color-highlight)}.cometchat-text-bubble-incoming .cometchat-url{color:var(--cometchat-info-color)}.cometchat-text-bubble .cometchat-url{text-decoration:underline}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-Black.cf9b4c79.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-BlackItalic.cc1dbbb7.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-Bold.a5947e77.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-BoldItalic.13f5ef80.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-Regular.8ff69652.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-Italic.bc297ed5.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-Light.cf1d77a2.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-LightItalic.73657c5d.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-Medium.530bae4d.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/_next/static/media/Roboto-MediumItalic.3459c5e4.ttf) format("truetype");font-weight:500;font-style:italic}:root{--cometchat-spacing:2px;--cometchat-spacing-1:4px;--cometchat-spacing-2:8px;--cometchat-spacing-3:12px;--cometchat-spacing-4:16px;--cometchat-spacing-5:20px;--cometchat-spacing-6:24px;--cometchat-spacing-7:28px;--cometchat-spacing-8:32px;--cometchat-spacing-9:36px;--cometchat-spacing-10:40px;--cometchat-spacing-11:44px;--cometchat-spacing-12:48px;--cometchat-spacing-13:52px;--cometchat-spacing-14:56px;--cometchat-spacing-15:60px;--cometchat-spacing-16:64px;--cometchat-spacing-17:68px;--cometchat-spacing-18:72px;--cometchat-spacing-19:76px;--cometchat-spacing-20:80px;--cometchat-spacing-max:1000px;--cometchat-padding:var(--cometchat-spacing);--cometchat-padding-1:var(--cometchat-spacing-1);--cometchat-padding-2:var(--cometchat-spacing-2);--cometchat-padding-3:var(--cometchat-spacing-3);--cometchat-padding-4:var(--cometchat-spacing-4);--cometchat-padding-5:var(--cometchat-spacing-5);--cometchat-padding-6:var(--cometchat-spacing-6);--cometchat-padding-7:var(--cometchat-spacing-7);--cometchat-padding-8:var(--cometchat-spacing-8);--cometchat-padding-9:var(--cometchat-spacing-9);--cometchat-padding-10:var(--cometchat-spacing-10);--cometchat-margin:var(--cometchat-spacing);--cometchat-margin-1:var(--cometchat-spacing-1);--cometchat-margin-2:var(--cometchat-spacing-2);--cometchat-margin-3:var(--cometchat-spacing-3);--cometchat-margin-4:var(--cometchat-spacing-4);--cometchat-margin-5:var(--cometchat-spacing-5);--cometchat-margin-6:var(--cometchat-spacing-6);--cometchat-margin-7:var(--cometchat-spacing-7);--cometchat-margin-8:var(--cometchat-spacing-8);--cometchat-margin-9:var(--cometchat-spacing-9);--cometchat-margin-10:var(--cometchat-spacing-10);--cometchat-margin-11:var(--cometchat-spacing-11);--cometchat-margin-12:var(--cometchat-spacing-12);--cometchat-margin-13:var(--cometchat-spacing-13);--cometchat-margin-14:var(--cometchat-spacing-14);--cometchat-margin-15:var(--cometchat-spacing-15);--cometchat-margin-16:var(--cometchat-spacing-16);--cometchat-margin-17:var(--cometchat-spacing-17);--cometchat-margin-18:var(--cometchat-spacing-18);--cometchat-margin-19:var(--cometchat-spacing-19);--cometchat-margin-20:var(--cometchat-spacing-20);--cometchat-radius:var(--cometchat-spacing);--cometchat-radius-1:var(--cometchat-spacing-1);--cometchat-radius-2:var(--cometchat-spacing-2);--cometchat-radius-3:var(--cometchat-spacing-3);--cometchat-radius-4:var(--cometchat-spacing-4);--cometchat-radius-5:var(--cometchat-spacing-5);--cometchat-radius-6:var(--cometchat-spacing-6);--cometchat-radius-max:var(--cometchat-spacing-max);--cometchat-font-family:"Roboto","Inter";--cometchat-font-title-bold:700 32px/38.4px var(--cometchat-font-family);--cometchat-font-title-medium:500 32px/38.4px var(--cometchat-font-family);--cometchat-font-title-regular:400 32px/38.4px var(--cometchat-font-family);--cometchat-font-heading1-bold:700 24px/28.8px var(--cometchat-font-family);--cometchat-font-heading1-medium:500 24px/28.8px var(--cometchat-font-family);--cometchat-font-heading1-regular:400 24px/28.8px var(--cometchat-font-family);--cometchat-font-heading2-bold:700 20px/24px var(--cometchat-font-family);--cometchat-font-heading2-medium:500 20px/24px var(--cometchat-font-family);--cometchat-font-heading2-regular:400 20px/24px var(--cometchat-font-family);--cometchat-font-heading3-bold:700 18px/21.6px var(--cometchat-font-family);--cometchat-font-heading3-medium:500 18px/21.6px var(--cometchat-font-family);--cometchat-font-heading3-regular:400 18px/21.6px var(--cometchat-font-family);--cometchat-font-heading4-bold:700 16px/19.2px var(--cometchat-font-family);--cometchat-font-heading4-medium:500 16px/19.2px var(--cometchat-font-family);--cometchat-font-heading4-regular:400 16px/19.2px var(--cometchat-font-family);--cometchat-font-body-bold:700 14px/16.8px var(--cometchat-font-family);--cometchat-font-body-medium:500 14px/16.8px var(--cometchat-font-family);--cometchat-font-body-regular:400 14px/16.8px var(--cometchat-font-family);--cometchat-font-caption1-bold:700 12px/14.4px var(--cometchat-font-family);--cometchat-font-caption1-medium:500 12px/14.4px var(--cometchat-font-family);--cometchat-font-caption1-regular:400 12px/14.4px var(--cometchat-font-family);--cometchat-font-caption2-bold:700 10px/12px var(--cometchat-font-family);--cometchat-font-caption2-medium:500 10px/12px var(--cometchat-font-family);--cometchat-font-caption2-regular:400 10px/12px var(--cometchat-font-family);--cometchat-font-button-bold:700 14px/16.8px var(--cometchat-font-family);--cometchat-font-button-medium:500 14px/16.8px var(--cometchat-font-family);--cometchat-font-button-regular:400 14px/16.8px var(--cometchat-font-family);--cometchat-font-link:400 14px/19.6px var(--cometchat-font-family);--cometchat-primary-color:#6852d6;--cometchat-extended-primary-color-50:#f9f8fd;--cometchat-extended-primary-color-100:#edeafa;--cometchat-extended-primary-color-200:#dcd7f6;--cometchat-extended-primary-color-300:#ccc4f1;--cometchat-extended-primary-color-400:#bbb1ed;--cometchat-extended-primary-color-500:#aa9ee8;--cometchat-extended-primary-color-600:#9a8be4;--cometchat-extended-primary-color-700:#8978df;--cometchat-extended-primary-color-800:#7965db;--cometchat-extended-primary-color-900:#5d49be;--cometchat-neutral-color-50:#fff;--cometchat-neutral-color-100:#fafafa;--cometchat-neutral-color-200:#f5f5f5;--cometchat-neutral-color-300:#e8e8e8;--cometchat-neutral-color-400:#dcdcdc;--cometchat-neutral-color-500:#a1a1a1;--cometchat-neutral-color-600:#727272;--cometchat-neutral-color-700:#5b5b5b;--cometchat-neutral-color-800:#434343;--cometchat-neutral-color-900:#141414;--cometchat-info-color:#0b7bea;--cometchat-warning-color:#ffab00;--cometchat-success-color:#09c26f;--cometchat-error-color:#f44649;--cometchat-static-black:#141414;--cometchat-static-white:#fff;--cometchat-background-color-01:var(--cometchat-neutral-color-50);--cometchat-background-color-02:var(--cometchat-neutral-color-100);--cometchat-background-color-03:var(--cometchat-neutral-color-200);--cometchat-background-color-04:var(--cometchat-neutral-color-300);--cometchat-border-color-light:var(--cometchat-neutral-color-200);--cometchat-border-color-default:var(--cometchat-neutral-color-300);--cometchat-border-color-dark:var(--cometchat-neutral-color-400);--cometchat-border-color-highlight:var(--cometchat-primary-color);--cometchat-text-color-primary:var(--cometchat-neutral-color-900);--cometchat-text-color-secondary:var(--cometchat-neutral-color-600);--cometchat-text-color-tertiary:var(--cometchat-neutral-color-500);--cometchat-text-color-disabled:var(--cometchat-neutral-color-400);--cometchat-text-color-white:var(--cometchat-neutral-color-50);--cometchat-text-color-highlight:var(--cometchat-primary-color);--cometchat-icon-color-primary:var(--cometchat-neutral-color-900);--cometchat-icon-color-secondary:var(--cometchat-neutral-color-500);--cometchat-icon-color-tertiary:var(--cometchat-neutral-color-400);--cometchat-icon-color-white:var(--cometchat-neutral-color-50);--cometchat-icon-color-highlight:var(--cometchat-primary-color);--cometchat-shimmer-background-color:var(--cometchat-neutral-color-200);--cometchat-shimmer-gradient-color:linear-gradient(90deg,#e0e0e0,#eee);--cometchat-primary-button-background:var(--cometchat-primary-color);--cometchat-primary-button-text:var(--cometchat-static-white);--cometchat-primary-button-icon:var(--cometchat-static-white);--cometchat-secondary-button-background:var(--cometchat-neutral-color-900);--cometchat-secondary-button-icon:var(--cometchat-neutral-color-900);--cometchat-secondary-button-text:var(--cometchat-neutral-color-900);--cometchat-link-button:var(--cometchat-info-color);--cometchat-fab-button-background:var(--cometchat-primary-color);--cometchat-fab-button-icon:var(--cometchat-static-white);--cometchat-white-hover:var(--cometchat-neutral-color-100);--cometchat-white-pressed:var(--cometchat-neutral-color-300)}[data-theme=dark]{--cometchat-primary-color:#6852d6;--cometchat-extended-primary-color-50:#15102b;--cometchat-extended-primary-color-100:#1d173c;--cometchat-extended-primary-color-200:#251e4d;--cometchat-extended-primary-color-300:#2e245e;--cometchat-extended-primary-color-400:#362b6f;--cometchat-extended-primary-color-500:#3e3180;--cometchat-extended-primary-color-600:#473892;--cometchat-extended-primary-color-700:#4f3ea3;--cometchat-extended-primary-color-800:#5745b4;--cometchat-extended-primary-color-900:#7460d9;--cometchat-neutral-color-50:#141414;--cometchat-neutral-color-100:#1a1a1a;--cometchat-neutral-color-200:#272727;--cometchat-neutral-color-300:#383838;--cometchat-neutral-color-400:#4c4c4c;--cometchat-neutral-color-500:#858585;--cometchat-neutral-color-600:#989898;--cometchat-neutral-color-700:#a8a8a8;--cometchat-neutral-color-800:#c8c8c8;--cometchat-neutral-color-900:#fff;--cometchat-info-color:#0d66bf;--cometchat-warning-color:#d08d04;--cometchat-success-color:#0b9f5d;--cometchat-message-seen-color:#56e8a7;--cometchat-error-color:#c73c3e;--cometchat-static-black:#141414;--cometchat-static-white:#fff;--cometchat-background-color-01:var(--cometchat-neutral-color-50);--cometchat-background-color-02:var(--cometchat-neutral-color-100);--cometchat-background-color-03:var(--cometchat-neutral-color-200);--cometchat-background-color-04:var(--cometchat-neutral-color-300);--cometchat-border-color-light:var(--cometchat-neutral-color-200);--cometchat-border-color-default:var(--cometchat-neutral-color-300);--cometchat-border-color-dark:var(--cometchat-neutral-color-400);--cometchat-border-color-highlight:var(--cometchat-primary-color);--cometchat-text-color-primary:var(--cometchat-neutral-color-900);--cometchat-text-color-secondary:var(--cometchat-neutral-color-600);--cometchat-text-color-tertiary:var(--cometchat-neutral-color-500);--cometchat-text-color-disabled:var(--cometchat-neutral-color-400);--cometchat-text-color-white:var(--cometchat-neutral-color-50);--cometchat-text-color-highlight:var(--cometchat-primary-color);--cometchat-icon-color-primary:var(--cometchat-neutral-color-900);--cometchat-icon-color-secondary:var(--cometchat-neutral-color-500);--cometchat-icon-color-tertiary:var(--cometchat-neutral-color-400);--cometchat-icon-color-white:var(--cometchat-neutral-color-50);--cometchat-icon-color-highlight:var(--cometchat-primary-color);--cometchat-shimmer-background-color:var(--cometchat-background-color-01);--cometchat-shimmer-gradient-color:linear-gradient(90deg,#383838,#272727);--cometchat-primary-button-background:var(--cometchat-primary-color);--cometchat-primary-button-text:var(--cometchat-static-white);--cometchat-primary-button-icon:var(--cometchat-static-white);--cometchat-secondary-button-background:var(--cometchat-neutral-color-900);--cometchat-secondary-button-text:var(--cometchat-neutral-color-900);--cometchat-secondary-button-icon:var(--cometchat-neutral-color-900);--cometchat-link-button:var(--cometchat-info-color);--cometchat-fab-button-background:var(--cometchat-primary-color);--cometchat-fab-button-icon:var(--cometchat-static-white);--cometchat-white-hover:var(--cometchat-neutral-color-100);--cometchat-white-pressed:var(--cometchat-neutral-color-300)}