/* chat-interface.html: page-specific styles */

@keyframes typing { 0%{opacity:.3}50%{opacity:1}100%{opacity:.3} }

.typing-dot { animation: typing 1.4s infinite; }

.typing-dot:nth-child(2) { animation-delay: .2s; }

.typing-dot:nth-child(3) { animation-delay: .4s; }

.msg-in { animation: fadeInUp .35s ease forwards; }

.share-btn { transition:all .2s; }

.share-btn:hover { background:var(--color-brand-50); color:var(--color-brand-500); }

.aigeo-conversation-composer { max-width:min(960px, calc(100vw - 320px)) !important; }

.aigeo-conversation-prompts { scrollbar-width:none; }

.aigeo-conversation-prompts::-webkit-scrollbar { display:none; }

.u-chat-interface-001 { background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236B7685%27 stroke-width=%272.5%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 8px center; }
.u-chat-interface-002 { min-height:44px;max-height:120px; }
.u-chat-interface-003 { background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236B7685%27 stroke-width=%272.5%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 5px center; }

@media (max-width:767px) {
  .aigeo-conversation-composer { max-width:none !important; }
}