:root{--chat-app-safe-area-top: constant(safe-area-inset-top);--chat-app-safe-area-top: env(safe-area-inset-top);--chat-app-safe-area-bottom: constant(safe-area-inset-bottom);--chat-app-safe-area-bottom: env(safe-area-inset-bottom);--chat-app-font-size: 16px;--chat-app-color: #333;--chat-app-border-color: #eee;--chat-app-bg: white;--chat-app-highlight: #b2fea6;--chat-app-mask-bg: white;--chat-app-primary: #2e65fb;--chat-app-inactive: #666;--chat-app-disabled: #9ca3af;--chat-app-line-height: 1.5;--chat-app-scrollbar-width: 3px;--chat-app-avatar-size: 40px;--chat-app-avatar-size-sm: 32px;--chat-app-avatar-size-lg: 48px;--chat-app-bubble-padding: 8px;--chat-app-bubble-radius: 5px;--chat-app-bubble-bg: #f6f6f6;--chat-app-bubble-highlight-bg: var(--chat-app-highlight);--chat-app-bubble-color: inherit;--chat-app-bubble-highlight-color: inherit;--chat-app-bubble-font-size: var(--chat-app-font-size);--chat-app-image-max-height: 180px;--chat-app-video-max-height: 180px;--chat-app-navbar-height: 44px;--chat-app-navbar-padding: 6px 12px;--chat-app-navbar-color: inherit;--chat-app-navbar-bg: transparent;--chat-app-navbar-font-size: var(--chat-app-font-size);--chat-app-navbar-border-color: var(--chat-app-border-color);--chat-app-message-gap: 10px;--chat-app-message-bubble-max-width: 100%;--chat-app-message-margin-left: 40px;--chat-app-message-system-color: #9ca3af;--chat-app-message-system-font-size: 12px;--chat-app-message-context-menu-bg: #fff;--chat-app-message-context-menu-color: var(--chat-app-inactive);--chat-app-message-context-menu-font-size: 12px;--chat-app-message-container-gap: 12px;--chat-app-message-container-padding: 12px;--chat-app-message-container-margin: 0;--chat-app-message-container-bg: inherit;--chat-app-quick-replies-gap: 8px;--chat-app-quick-replies-padding: 12px 12px 4px;--chat-app-quick-replies-color: inherit;--chat-app-quick-replies-font-size: 14px;--chat-app-quick-replies-bg: transparent;--chat-app-quick-reply-bg: #f6f6f6;--chat-app-quick-reply-padding: 4px 8px;--chat-app-quick-reply-radius: 5px;--chat-app-composer-min-height: 54px;--chat-app-composer-bg: transparent;--chat-app-composer-color: inherit;--chat-app-composer-send-icon-color: inherit;--chat-app-composer-send-icon-color-disabled: var(--chat-app-disabled);--chat-app-composer-voice-icon-color: var(--chat-app-primary);--chat-app-composer-voice-icon-color-inactive: var(--chat-app-inactive);--chat-app-composer-border-color: var(--chat-app-border-color);--chat-app-composer-font-size: var(--chat-app-font-size);--chat-app-composer-input-bg: #f6f6f6;--chat-app-composer-input-padding: 4px 8px;--chat-app-composer-menu-color: var(--chat-app-inactive);--chat-app-composer-menu-font-size: 12px;--chat-app-composer-menu-icon-bg: #f6f6f6;--chat-app-composer-menu-icon-size: 48px;--chat-app-composer-recorder-bg: #4ade80;--chat-app-composer-recorder-canceled-bg: #f87171}.chat-app,.chat-app *{border:none;border-width:0;border-style:solid;border-color:#eee;scrollbar-width:thin;scrollbar-color:#888 transparent}.chat-app ::-webkit-scrollbar{background:transparent;width:var(--chat-app-scrollbar-width);height:var(--chat-app-scrollbar-width)}.chat-app ::-webkit-scrollbar-thumb{background:#888;border-radius:var(--chat-app-scrollbar-width)}.chat-app ::-webkit-scrollbar-thumb:hover{background:#555}.chat-app button{background:transparent}