.str-chat{--str-chat__font-family:inherit;background-color:hsl(var(--background))}.str-chat__container,.str-chat__main-panel{background-color:hsl(var(--background))}.str-chat__list{background-color:hsl(var(--background));padding:1rem}.str-chat__ul{padding:0}.str-chat__message-simple{padding:.25rem 0}.str-chat__message--me .str-chat__message-bubble{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:1rem 1rem .25rem}.str-chat__message--me .str-chat__message-text{color:hsl(var(--primary-foreground))}.str-chat__message--other .str-chat__message-bubble{background-color:hsl(var(--muted));color:hsl(var(--foreground));border-radius:1rem 1rem 1rem .25rem}.str-chat__message--other .str-chat__message-text{color:hsl(var(--foreground))}.str-chat__message-text{font-size:.875rem;line-height:1.5}.str-chat__message-text p{margin:0}.str-chat__message-data{color:hsl(var(--muted-foreground));font-size:.75rem}.str-chat__message-simple-timestamp{color:hsl(var(--muted-foreground));font-size:.625rem}.str-chat__message-input{background-color:hsl(var(--background));padding:.75rem 1rem}.str-chat__textarea{background-color:hsl(var(--background));border:1px solid hsl(var(--input));color:hsl(var(--foreground));border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.str-chat__textarea:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);outline:none}.str-chat__textarea::placeholder{color:hsl(var(--muted-foreground))}.str-chat__send-button{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:.375rem;padding:.5rem;transition:background-color .15s}.str-chat__send-button:hover{background-color:hsl(var(--primary)/.9)}.str-chat__send-button:disabled{opacity:.5;cursor:not-allowed}.str-chat__send-button svg{width:1.25rem;height:1.25rem}.str-chat__file-input-container button,.str-chat__input-emojiselect{color:hsl(var(--muted-foreground));transition:color .15s}.str-chat__file-input-container button:hover,.str-chat__input-emojiselect:hover{color:hsl(var(--foreground))}.str-chat__typing-indicator{color:hsl(var(--muted-foreground));padding:.5rem 1rem;font-size:.75rem}.str-chat__date-separator{padding:1rem 0}.str-chat__date-separator-date{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:9999px;padding:.25rem .75rem;font-size:.75rem}.str-chat__reaction-list{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:9999px;padding:.125rem .375rem}.str-chat__message-reactions-list{gap:.25rem}.str-chat__thread{background-color:hsl(var(--background));border-left:1px solid hsl(var(--border))}.str-chat__thread-header{background-color:hsl(var(--background));border-bottom:1px solid hsl(var(--border));padding:.75rem 1rem}.str-chat__avatar{border-radius:9999px}.str-chat__avatar-fallback{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.str-chat__list::-webkit-scrollbar{width:.5rem}.str-chat__list::-webkit-scrollbar-track{background:0 0}.str-chat__list::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:9999px}.str-chat__list::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground))}.str-chat__emoji-picker-container{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.str-chat__attachment-preview-list{background-color:hsl(var(--muted));border-radius:.5rem;padding:.5rem}.str-chat__channel-list-empty{color:hsl(var(--muted-foreground))}.str-chat__loading-indicator{color:hsl(var(--primary))}.str-chat__message-text a{color:hsl(var(--primary));text-underline-offset:2px;text-decoration:underline}.str-chat__message--me .str-chat__message-text a{color:hsl(var(--primary-foreground))}.str-chat__message-actions-box{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a}.str-chat__message-actions-box button{color:hsl(var(--foreground));padding:.5rem .75rem;font-size:.875rem}.str-chat__message-actions-box button:hover{background-color:hsl(var(--accent))}.str-chat__unread-messages-separator{color:hsl(var(--primary));font-size:.75rem}.str-chat__unread-messages-separator:before,.str-chat__unread-messages-separator:after{background-color:hsl(var(--primary))}