@layer theme,base;@layer components{.chat-message{width:100%;min-width:0;color:var(--foreground)}.chat-message--assistant{flex-direction:row;align-items:flex-start;gap:.75rem;padding-block:.5rem;display:flex}.chat-message--user{flex-direction:column;align-items:flex-end;display:flex}.chat-message__avatar{flex-shrink:0;align-self:flex-start}.chat-message__body{flex-direction:column;flex:1;gap:.5rem;min-width:0;padding-inline-end:3rem;display:flex}.chat-message--user>.chat-message__body{flex:initial;align-items:flex-end;max-width:100%;padding-inline-end:0}.chat-message__bubble{border-radius:calc(var(--radius) * 2);background:var(--default);min-width:0;max-width:100%;color:var(--foreground);padding:.5rem 1rem}.chat-message--user .chat-message__bubble{color:#fff;background:#27272a}.chat-message__content{min-width:0;color:inherit;font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.625}.chat-message--assistant .chat-message__content{width:100%;max-width:none}.chat-message__content>:first-child{margin-top:0}.chat-message__content>:last-child{margin-bottom:0}.chat-message__actions{opacity:.5;align-items:flex-start;transition:opacity .15s;display:flex}.chat-message:is(:hover,:focus-within) .chat-message__actions{opacity:1}@media (prefers-reduced-motion:reduce){.chat-message__actions{transition:none}}}@layer utilities;
@layer theme,base;@layer components{.chat-conversation{--chat-conversation-shadow-size:32px;--chat-conversation-scrollbar-mask-size:10px;overscroll-behavior:contain;overflow-anchor:none;width:100%;min-width:0;height:100%;min-height:0;color:var(--foreground);font-size:var(--text-sm);scrollbar-width:thin;scrollbar-color:var(--scrollbar-color,var(--border) transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--chat-conversation-shadow-size), black calc(100% - var(--chat-conversation-shadow-size)), transparent), linear-gradient(black, black);mask-image:linear-gradient(to bottom, transparent, black var(--chat-conversation-shadow-size), black calc(100% - var(--chat-conversation-shadow-size)), transparent), linear-gradient(black, black);-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(100% - var(--chat-conversation-scrollbar-mask-size)) 100%, var(--chat-conversation-scrollbar-mask-size) 100%;mask-size:calc(100% - var(--chat-conversation-scrollbar-mask-size)) 100%, var(--chat-conversation-scrollbar-mask-size) 100%;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.chat-conversation__content{flex-direction:column;flex-shrink:0;width:100%;min-width:0;margin-inline:auto;display:flex}.chat-conversation__scroll-button-container{z-index:30;pointer-events:none;opacity:0;width:fit-content;height:0;transition:opacity .16s ease, transform .2s var(--pro-ease-standard);margin-inline:auto;display:flex;position:sticky;bottom:24px;transform:translateY(-8px)scale(.96)}.chat-conversation__scroll-button-container[data-visible=true]{pointer-events:auto;opacity:1;transform:translateY(-22px)scale(1)}.chat-conversation__scroll-button.button{border:1px solid var(--border);background:var(--surface);width:34px;min-width:34px;height:34px;color:var(--foreground);border-radius:9999px;box-shadow:0 8px 28px #00000021}.chat-conversation__scroll-button.button svg{stroke-width:1.9px;width:15px;height:15px}@media (prefers-reduced-motion:reduce){.chat-conversation__scroll-button-container{z-index:10;flex-shrink:0;width:max-content;margin-inline:auto;position:sticky;bottom:1rem}.chat-conversation__scroll-button-container[data-state=hidden]{visibility:hidden;pointer-events:none}.chat-conversation__scroll-button.button{--button-bg:var(--surface);--button-bg-hover:var(--surface);--button-bg-pressed:var(--surface);--button-fg:var(--foreground);border:1px solid var(--border);background:var(--surface);color:var(--foreground);box-shadow:var(--surface-shadow);border-radius:9999px}}}@layer utilities;
.pressable-feedback{isolation:isolate;-webkit-touch-callout:none;position:relative;overflow:hidden}.pressable-feedback__highlight,.pressable-feedback__ripple,.pressable-feedback__sweep{border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pressable-feedback__highlight{opacity:0;background:currentColor;transition:opacity .15s}.pressable-feedback[data-hovered] .pressable-feedback__highlight{opacity:.08}.pressable-feedback[data-pressed] .pressable-feedback__highlight{opacity:.12}.pressable-feedback__ripple{clip-path:circle(0%);opacity:0;background:currentColor;transition:clip-path .3s ease-out,opacity .2s}.pressable-feedback[data-pressed] .pressable-feedback__ripple{clip-path:circle(75%);opacity:.12}.pressable-feedback__sweep{justify-content:center;align-items:center;gap:inherit;padding-inline:inherit;background:var(--pressable-feedback-sweep-background,var(--accent));color:var(--pressable-feedback-sweep-foreground,var(--accent-foreground));clip-path:inset(0 100% 0 0);z-index:1;display:flex}.pressable-feedback__sweep:empty{opacity:.16;background:currentColor}.pressable-feedback__sweep[data-sweep=left]{clip-path:inset(0 0 0 100%)}.pressable-feedback__sweep[data-sweep=down]{clip-path:inset(0 0 100%)}.pressable-feedback__sweep[data-sweep=up]{clip-path:inset(100% 0 0)}.pressable-feedback__sweep[data-state=complete]{clip-path:inset(0)}.pressable-feedback:is([disabled],[aria-disabled=true],[data-pending]) .pressable-feedback__sweep{visibility:hidden}@media (prefers-reduced-motion:reduce){.pressable-feedback__highlight,.pressable-feedback__ripple{transition:none}}