@layer components{.c-chat__message{display:grid;max-width:80%;position:relative}.c-chat__message.c-chat__message--user{margin-left:auto}.c-chat__message.c-chat__message--user .c-chat__message__message{background-color:var(--c-chat--color--secondary,var(--color--secondary));border:calc((var(--c-chat--border-width, var(--border-width)))*var(--base)*1) solid var(--c-chat--color--secondary-border,var(--color--secondary-border));color:var(--c-chat--color--secondary-contrast,var(--color--secondary-contrast))}.c-chat__message.c-chat__message--reply{margin-right:auto}.c-chat__message.c-chat__message--reply .c-chat__message__message{background-color:var(--c-chat--color--surface-alt,var(--inherit-color-background-hover,var(--c-chat--color--surface-alt-default,var(--color--surface-alt))));border:calc((var(--c-chat--border-width, var(--border-width)))*var(--base)*1) solid var(--c-chat--color--surface-border,var(--inherit-color-border,var(--c-chat--color--surface-border-default,var(--color--surface-border))));color:var(--c-chat--color--surface-contrast,var(--inherit-color-contrast,var(--c-chat--color--surface-contrast-default,var(--color--surface-contrast))))}.c-chat__message .c-chat__message__message{corner-shape:var(--c-chat--corner-shape,var(--corner-shape));border-radius:calc((var(--c-chat--border-radius, var(--border-radius)))*var(--base)*1*2.5);display:inline-block;padding-block:calc(var(--c-chat--base, var(--base))*1.25);padding-inline:calc(var(--c-chat--base, var(--base))*2);white-space:pre-line;word-break:break-word}.c-chat__message .c-chat__message__message>*{display:inline-block}.c-chat__message .c-chat__message__message>:first-child{margin-top:0}.c-chat__message .c-chat__message__message .c-chat__message--pending{align-items:center;display:inline-flex;gap:calc((var(--c-chat--base, var(--base)))*1*.75);height:100%}.c-chat__message .c-chat__message__message .c-chat__message--pending span{animation:chatTyping 1.4s ease-in-out infinite;background-color:var(--c-chat--color--surface-contrast-muted,var(--inherit-color-contrast-muted,var(--c-chat--color--surface-contrast-muted-default,var(--color--surface-contrast-muted))));border-radius:50%;height:calc((var(--c-chat--base, var(--base)))*1*1.5);width:calc((var(--c-chat--base, var(--base)))*1*1.5)}.c-chat__message .c-chat__message__message .c-chat__message--pending span:first-child{animation-delay:-.32s}.c-chat__message .c-chat__message__message .c-chat__message--pending span:nth-child(2){animation-delay:-.16s}.c-chat__message .c-chat__message__message .c-chat__message--pending span:nth-child(3){animation-delay:0s}@keyframes chatTyping{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.c-chat__input{corner-shape:var(--c-chat--corner-shape,var(--corner-shape));background-color:var(--c-chat--color--surface,var(--inherit-color-background,var(--c-chat--color--surface-default,var(--color--surface))));border:calc((var(--c-chat--border-width, var(--border-width)))*var(--base)*1) solid var(--c-chat--color--surface-border,var(--inherit-color-border,var(--c-chat--color--surface-border-default,var(--color--surface-border))));border-radius:calc((var(--c-chat--border-radius, var(--border-radius)))*var(--base)*1*var(--c-chat--border-radius-multiplier, 2));display:grid;grid-template-columns:1fr}.c-chat__input .c-chat__input__editable{grid-column:span 12;max-height:calc(var(--c-chat--base, var(--base))*25);overflow-y:auto;padding-block:calc(var(--c-chat--base, var(--base))*1.5);padding-inline:calc(var(--c-chat--base, var(--base))*1.5)}.c-chat__input .c-chat__input__editable:before{color:var(--c-chat--color--text-placeholder,var(--color--text-placeholder));content:attr(data-placeholder);display:none;opacity:.5;pointer-events:none;position:absolute}.c-chat__input .c-chat__input__editable:focus-visible{outline:unset}.c-chat__input.is-empty .c-chat__input__editable:before{display:block}.c-chat__input .c-chat__input__actions{cursor:text;display:flex;gap:calc(var(--c-chat--base, var(--base))*2);justify-content:flex-end;padding:calc(var(--c-chat--base, var(--base))*1)}.c-chat__input .c-chat__input__actions button{border-radius:calc((var(--c-chat--border-radius, var(--border-radius)))*var(--base)*1*var(--c-chat--border-radius-multiplier, 2))}:root{--c-chat--base:var(--base);--c-chat--border-radius:var(--border-radius);--c-chat--color--surface:var(--color--surface);--c-chat--color--surface-alt:var(--color--surface-alt);--c-chat--color--surface-contrast:var(--color--surface-contrast);--c-chat--color--surface-border:var(--color--surface-border);--c-chat--color--surface-contrast-muted:var(--color--surface-contrast-muted);--c-chat--border-width:var(--border-width);--c-chat--color--secondary:var(--color--secondary);--c-chat--color--secondary-contrast:var(--color--secondary-contrast);--c-chat--color--secondary-border:var(--color--secondary-border);--c-chat--corner-shape:var(--corner-shape)}.c-chat{--c-chat--background:var(--c-chat--color--surface-alt,var(--inherit-color-background-hover,var(--c-chat--color--surface-alt-default,var(--color--surface-alt))));--c-chat--border:1px solid var(--c-chat--color--surface-border,var(--inherit-color-border,var(--c-chat--color--surface-border-default,var(--color--surface-border))));--c-chat--padding-multiplier:1}.c-chat.c-chat--flat{--c-chat--background:unset;--c-chat--border:unset;--c-chat--padding-multiplier:0}.c-chat{overflow:auto}.c-chat .c-chat__title-area{background-color:var(--c-chat--background);border-bottom:var(--c-chat--border);display:flex;gap:calc(var(--c-chat--base, var(--base))*1.5);padding:calc(var(--c-chat--base, var(--base))*1) calc(var(--c-chat--base, var(--base))*2*var(--c-chat--padding-multiplier));padding-bottom:calc(var(--c-chat--base, var(--base))*1);position:sticky;top:0;z-index:1}.c-chat .c-chat__title-area h2{margin-bottom:0;margin-top:0}.c-chat .c-chat__message-area{height:min(70vh,var(--base,8px) * 105);overflow:auto;padding:calc(var(--c-chat--base, var(--base))*2.5) calc(var(--c-chat--base, var(--base))*2*var(--c-chat--padding-multiplier))}.c-chat.c-chat--md .c-chat__message-area{height:min(60vh,var(--base,8px) * 80)}.c-chat.c-chat--sm .c-chat__message-area{height:min(50vh,var(--base,8px) * 65)}.c-chat.c-chat--xs .c-chat__message-area{height:min(40vh,var(--base,8px) * 50)}.c-chat .c-chat__messages{display:grid;gap:calc(var(--c-chat--base, var(--base))*2)}.c-chat .c-chat__input-area{background-color:var(--c-chat--background);border-top:var(--c-chat--border);bottom:0;padding:calc(var(--c-chat--base, var(--base))*1.5) calc(var(--c-chat--base, var(--base))*2*var(--c-chat--padding-multiplier));position:sticky}}