.room-chat[data-v-7c24448f]{min-height:calc(var(--spacing) * 0);flex-direction:column;flex:1;display:flex}.room-chat__header[data-v-7c24448f]{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-bottom-width:1px;border-color:color-mix(in srgb, var(--colors-white) 5%, transparent) ;cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));justify-content:space-between;align-items:center;display:flex}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.room-chat__header[data-v-7c24448f]{border-color:color-mix(in oklab, var(--colors-white) 5%, transparent) }}.room-chat__header[data-v-7c24448f]:hover{background-color:color-mix(in srgb, var(--colors-white) 5%, transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.room-chat__header[data-v-7c24448f]:hover{background-color:color-mix(in oklab, var(--colors-white) 5%, transparent) }}.room-chat__title[data-v-7c24448f]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, var(--colors-gray-5) var(--un-text-opacity), transparent) ;--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);text-transform:uppercase}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.room-chat__title[data-v-7c24448f]{color:color-mix(in oklab, var(--colors-gray-5) var(--un-text-opacity), transparent) }}.room-chat__header-actions[data-v-7c24448f]{gap:calc(var(--spacing) * 1);align-items:center;display:flex}.room-chat__menu-btn[data-v-7c24448f]{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)!important}.room-chat__chevron[data-v-7c24448f]{color:color-mix(in srgb, var(--colors-gray-5) var(--un-text-opacity), transparent) ;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@supports (color:color-mix(in lab, red, red)){.room-chat__chevron[data-v-7c24448f]{color:color-mix(in oklab, var(--colors-gray-5) var(--un-text-opacity), transparent) }}.room-chat__content[data-v-7c24448f]{min-height:calc(var(--spacing) * 0);flex-direction:column;flex:1;display:flex}.room-chat__messages[data-v-7c24448f]{padding:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message[data-v-7c24448f]{gap:calc(var(--spacing) * 2);align-items:flex-end;display:flex}.chat-message--own[data-v-7c24448f]{flex-direction:row-reverse}.chat-message__system[data-v-7c24448f]{padding-block:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 2);justify-content:center;align-items:center;width:100%;display:flex}.chat-message__system-icon[data-v-7c24448f]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight))}.chat-message__system-text[data-v-7c24448f]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, var(--colors-gray-5) var(--un-text-opacity), transparent) ;--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium)}@supports (color:color-mix(in lab, red, red)){.chat-message__system-text[data-v-7c24448f]{color:color-mix(in oklab, var(--colors-gray-5) var(--un-text-opacity), transparent) }}.chat-message__avatar[data-v-7c24448f]{flex-shrink:0}.chat-message__avatar-placeholder[data-v-7c24448f]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);flex-shrink:0}.chat-message__bubble[data-v-7c24448f]{flex-direction:column;max-width:80%;display:flex}.chat-message__bubble--own[data-v-7c24448f]{align-items:flex-end}.chat-message__header[data-v-7c24448f]{margin-bottom:calc(var(--spacing) * 1);gap:calc(var(--spacing) * 2);align-items:center;display:flex}.chat-message__name[data-v-7c24448f]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) var(--un-text-opacity), transparent) ;--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold)}.chat-message__role[data-v-7c24448f]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);border-radius:var(--radius-DEFAULT);text-transform:uppercase}.chat-message__role.chat-role--host[data-v-7c24448f]{color:color-mix(in srgb, oklch(from var(--colors-warning) l c h) var(--un-text-opacity), transparent) ;border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-warning) l c h) 20%, transparent) ;background-color:color-mix(in srgb, oklch(from var(--colors-warning) l c h) 15%, transparent) }.chat-message__role.chat-role--mod[data-v-7c24448f]{color:color-mix(in srgb, oklch(from var(--colors-info) l c h) var(--un-text-opacity), transparent) ;border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-info) l c h) 20%, transparent) ;background-color:color-mix(in srgb, oklch(from var(--colors-info) l c h) 15%, transparent) }.chat-message__time[data-v-7c24448f]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, var(--colors-gray-6) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.chat-message__time[data-v-7c24448f]{color:color-mix(in oklab, var(--colors-gray-6) var(--un-text-opacity), transparent) }}.chat-message__text[data-v-7c24448f]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) var(--un-text-opacity), transparent) ;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);border-radius:var(--radius-xl);background:var(--colors-surface);border:1px solid var(--colors-border)}.chat-message__bubble--own .chat-message__text[data-v-7c24448f]{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) ;background:var(--colors-primary);border-color:var(--colors-primary)}@supports (color:color-mix(in lab, red, red)){.chat-message__bubble--own .chat-message__text[data-v-7c24448f]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) }}.room-chat__input-wrapper[data-v-7c24448f]{padding:calc(var(--spacing) * 4);border-top-width:1px;border-color:color-mix(in srgb, var(--colors-white) 5%, transparent) ;background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) 20%, transparent) ;gap:calc(var(--spacing) * 2);align-items:flex-end;display:flex}@supports (color:color-mix(in lab, red, red)){.room-chat__input-wrapper[data-v-7c24448f]{border-color:color-mix(in oklab, var(--colors-white) 5%, transparent) }}.room-chat__input-actions[data-v-7c24448f]{gap:calc(var(--spacing) * 1);align-items:center;display:flex}.room-chat__action-btn[data-v-7c24448f]{color:color-mix(in srgb, var(--colors-gray-5) var(--un-text-opacity), transparent) ;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)!important}@supports (color:color-mix(in lab, red, red)){.room-chat__action-btn[data-v-7c24448f]{color:color-mix(in oklab, var(--colors-gray-5) var(--un-text-opacity), transparent) }}.room-chat__textarea[data-v-7c24448f]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) var(--un-text-opacity), transparent) ;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);border-width:1px;border-color:color-mix(in srgb, var(--colors-white) 5%, transparent) ;border-radius:var(--radius-xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) 50%, transparent) ;resize:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));flex:1;max-height:120px}.room-chat__textarea[data-v-7c24448f]:focus{--un-outline-style:none;border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 50%, transparent) ;outline-style:none}@supports (color:color-mix(in lab, red, red)){.room-chat__textarea[data-v-7c24448f]{border-color:color-mix(in oklab, var(--colors-white) 5%, transparent) }}.room-chat__textarea[data-v-7c24448f]::placeholder{color:color-mix(in srgb, var(--colors-gray-6) var(--un-placeholder-opacity), transparent) }@property --un-placeholder-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.room-chat__textarea[data-v-7c24448f]::placeholder{color:color-mix(in oklab, var(--colors-gray-6) var(--un-placeholder-opacity), transparent) }}.room-chat__send-btn[data-v-7c24448f]{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)!important}