@layer base{.chat{grid-template-columns:auto 1fr;gap:.125rem .75rem;padding-block:.25rem;display:grid}.chat-image{grid-row:1/-1;align-self:start}.chat>:not(.chat-image){grid-column:2}.chat-footer,.chat-header{font-size:1rem}.chat-bubble{border-radius:var(--radius-box,.75rem);background-color:var(--chat-bubble-bg,var(--color-base-200));width:fit-content;max-width:min(42rem,100%);color:var(--chat-bubble-fg,var(--color-base-content));padding-block:.5rem;padding-inline:.875rem}.chat-end{grid-template-columns:1fr auto}.chat-end .chat-image{grid-column:2}.chat-end>:not(.chat-image){text-align:end;grid-column:1;justify-self:end}.chat-end .chat-bubble{margin-inline-start:auto}.chat-bubble-primary{--chat-bubble-bg:var(--color-primary);--chat-bubble-fg:var(--color-primary-content,oklch(from var(--color-primary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-secondary{--chat-bubble-bg:var(--color-secondary);--chat-bubble-fg:var(--color-secondary-content,oklch(from var(--color-secondary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-accent{--chat-bubble-bg:var(--color-accent);--chat-bubble-fg:var(--color-accent-content,oklch(from var(--color-accent) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-neutral{--chat-bubble-bg:var(--color-neutral);--chat-bubble-fg:var(--color-neutral-content,oklch(from var(--color-neutral) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-info{--chat-bubble-bg:var(--color-info);--chat-bubble-fg:var(--color-info-content,oklch(from var(--color-info) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-success{--chat-bubble-bg:var(--color-success);--chat-bubble-fg:var(--color-success-content,oklch(from var(--color-success) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-warning{--chat-bubble-bg:var(--color-warning);--chat-bubble-fg:var(--color-warning-content,oklch(from var(--color-warning) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-error{--chat-bubble-bg:var(--color-error);--chat-bubble-fg:var(--color-error-content,oklch(from var(--color-error) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.chat-bubble-brand{--chat-bubble-bg:var(--color-brand);--chat-bubble-fg:var(--color-brand-content,oklch(from var(--color-brand) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}}