.cometchat-document-bubble{width:240px;padding:var(--cometchat-padding-1,4px)var(--cometchat-padding-1,4px)0px var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-3,12px);flex-direction:column;gap:0;max-width:240px;display:flex}.cometchat-document-bubble-incoming{background:var(--cometchat-neutral-color-300,#e8e8e8)}.cometchat-document-bubble-outgoing{background:var(--cometchat-primary-color,#6852d6)}.cometchat-document-bubble__body{padding:var(--cometchat-padding-2,8px)0px var(--cometchat-padding-2,8px)0px;align-items:center;gap:var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-3,12px);align-self:stretch;display:flex}.cometchat-document-bubble__banner-image{border-radius:var(--cometchat-radius-2,8px)}.cometchat-document-bubble__banner-image img{border-radius:var(--cometchat-radius-2,8px);max-width:100%;max-height:100%}.cometchat-document-bubble__body-content{gap:var(--cometchat-padding,2px);flex-direction:column;display:flex}.cometchat-document-bubble__body-content-name{text-overflow:ellipsis;font:var(--cometchat-font-body-medium);text-align:left;font-style:normal;line-height:120%;overflow:hidden}.cometchat-document-bubble-incoming .cometchat-document-bubble__body-content-name{color:var(--cometchat-text-color-primary,#141414)}.cometchat-document-bubble-outgoing .cometchat-document-bubble__body-content-name{color:var(--cometchat-static-white,#fff)}.cometchat-document-bubble__body-content-description{text-overflow:ellipsis;font:var(--cometchat-font-caption2-regular);font-style:normal;line-height:120%;overflow:hidden}.cometchat-document-bubble-incoming .cometchat-document-bubble__body-content-description{color:var(--cometchat-neutral-color-600,#727272)}.cometchat-document-bubble-outgoing .cometchat-document-bubble__body-content-description{color:var(--cometchat-static-white,#fff)}.cometchat-document-bubble__body-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cometchat-collaborative-document .cometchat-document-bubble__body-icon{-webkit-mask:url("../../assets/collaborative_document_fill.svg") 50% no-repeat;mask:url("../../assets/collaborative_document_fill.svg") 50% no-repeat}.cometchat-collaborative-whiteboard .cometchat-document-bubble__body-icon{-webkit-mask:url("../../assets/collaborative_whiteboard_fill.svg") 50% no-repeat;mask:url("../../assets/collaborative_whiteboard_fill.svg") 50% no-repeat}.cometchat-document-bubble-incoming .cometchat-document-bubble__body-icon{background:var(--cometchat-primary-color,#6852d6)}.cometchat-document-bubble-outgoing .cometchat-document-bubble__body-icon{background:var(--cometchat-static-white,#fff)}.cometchat-document-bubble__button{height:40px;padding:var(--cometchat-padding-5,20px);justify-content:center;align-items:center;gap:var(--cometchat-padding-2,8px);font:var(--cometchat-font-button-medium);cursor:pointer;align-self:stretch;font-style:normal;line-height:120%;display:flex}.cometchat-document-bubble-incoming .cometchat-document-bubble__button{color:var(--cometchat-primary-button-background,#6852d6);border-top:1px solid var(--cometchat-border-color-dark,#dcdcdc)}.cometchat-document-bubble-outgoing .cometchat-document-bubble__button{border-top:1px solid var(--cometchat-extended-primary-color-800,#7965db);color:var(--cometchat-static-white,#fff)}