.cometchat-file-bubble{box-sizing:border-box;justify-content:space-between;gap:var(--cometchat-padding-2,8px);border-radius:none;padding:var(--cometchat-padding-2,8px)var(--cometchat-padding-2,8px)var(--cometchat-padding-2,8px)var(--cometchat-padding-1,4px);border-radius:var(--cometchat-radius-3,12px);border:none;flex-direction:row;align-self:stretch;align-items:center;width:240px;max-width:240px;display:flex;overflow:hidden}.cometchat-file-bubble>div:not([class]){justify-content:flex-start;align-items:center;gap:var(--cometchat-padding-2,8px);width:inherit;flex:1 0 0;display:flex;overflow:hidden}.cometchat-file-bubble__body{word-wrap:break-word;text-align:left;gap:var(--cometchat-padding);flex-direction:column;display:flex;overflow:hidden}.cometchat-file-bubble__body-name{-webkit-line-clamp:1;text-overflow:ellipsis;font:var(--cometchat-font-body-medium);-webkit-box-orient:vertical;align-self:stretch;font-style:normal;display:-webkit-box;overflow:hidden}.cometchat-file-bubble__body-details{text-overflow:ellipsis;font:var(--cometchat-font-caption2-regular);font-style:normal;overflow:hidden}.cometchat-file-bubble__leading-view{justify-content:flex-end;align-items:flex-start;width:fit-content;display:flex}.cometchat-file-bubble__tail-view-download{background:var(--cometchat-primary-color);cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:flex;-webkit-mask:url("../../assets/download.svg") 50%/contain no-repeat;mask:url("../../assets/download.svg") 50%/contain no-repeat}.cometchat-file-bubble-incoming .cometchat-file-bubble__body-name{color:var(--cometchat-neutral-color-900)}.cometchat-file-bubble-incoming .cometchat-file-bubble__body-details{color:var(--cometchat-neutral-color-600)}.cometchat-file-bubble-outgoing .cometchat-file-bubble__body-name,.cometchat-file-bubble-outgoing .cometchat-file-bubble__body-details{color:var(--cometchat-static-white)}.cometchat-file-bubble-incoming{background:var(--cometchat-neutral-color-300)}.cometchat-file-bubble-outgoing{background:var(--cometchat-primary-color)}.cometchat-file-bubble__tail-view-download-progress{width:20px;height:20px;position:relative}.cometchat-file-bubble__tail-view-download-progress svg{width:20px;height:20px;transform:rotate(-90deg)}.cometchat-file-bubble__tail-view-download-stop{background:var(--cometchat-primary-color);cursor:pointer;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url("../../assets/close.svg") 50%/contain no-repeat;mask:url("../../assets/close.svg") 50%/contain no-repeat}circle.cometchat-file-bubble__tail-view-download-progress-background{stroke:var(--cometchat-primary-color);stroke-dasharray:113 113;stroke-width:2px;fill:none;opacity:.2}circle.cometchat-file-bubble__tail-view-download-progress-foreground{stroke:var(--cometchat-primary-color);stroke-dasharray:0 113;stroke-width:2px;fill:none;stroke-linecap:round}.cometchat-file-bubble-outgoing .cometchat-file-bubble__tail-view-download{background:var(--cometchat-static-white)}.cometchat-file-bubble-outgoing circle.cometchat-file-bubble__tail-view-download-progress-background{stroke:var(--cometchat-static-white);opacity:.2}.cometchat-file-bubble-outgoing circle.cometchat-file-bubble__tail-view-download-progress-foreground{stroke:var(--cometchat-static-white)}.cometchat-file-bubble-outgoing .cometchat-file-bubble__tail-view-download-stop{background:var(--cometchat-static-white)}