.ai-chatbot-hero{position:relative;max-width:100%;min-height:26rem}.chatbot-container{position:absolute;top:-3%;left:5%;width:24rem;min-width:20rem;max-width:25rem;min-height:28rem;height:80%;background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow-wrap:break-word;word-break:break-word}.chatbot-header{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:#333;color:white;border-top-left-radius:10px;border-top-right-radius:10px}.chatbot-avatar{width:32px;height:32px;border-radius:50%}.chatbot-name{font-size:.75rem;font-weight:500;flex-grow:1}.chatbot-close-icon{width:20px;height:20px;cursor:pointer}.chatbot-body{flex:1;display:flex;flex-direction:column;padding:.75rem;overflow:hidden}.chat-scroll-area{flex:1;overflow-y:auto}.chat-content{display:flex;flex-direction:column;gap:1rem;font-size:15px}.chat-message{padding:.5rem .75rem;border-radius:10px}.chat-message.user{background-color:#f0f0f0;align-self:flex-end}.chat-message.agent{background-color:var(--primary_color);color:white;align-self:flex-start;box-shadow:0 2px 6px rgba(0,0,0,.2)}.thinking-dots{display:flex;gap:.25rem;margin-bottom:.25rem}.thinking-dots .dot{width:6px;height:6px;background-color:white;border-radius:50%;animation:blink 1.4s infinite both}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@media screen and (max-width:768px){.chatbot-container{left:0!important}}@media screen and (max-width:476px){.chatbot-container{width:100%;min-width:100%}}