.chat-message__item{display:flex}.chat-message__item__timestamp{color:#666;font-size:12px;margin-bottom:3px}.chat-message__item__text{background:#eee;border-radius:8px;font-size:15px;line-height:1.2;padding:8px;max-width:65%;position:relative;z-index:200}.chat-message__item__text:after{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:12px solid #eee;position:absolute;bottom:-6px;left:-6px;transform:rotate(45deg);z-index:100}.chat-message.is-same-origin .chat-message__item{justify-content:flex-end}.chat-message.is-same-origin .chat-message__item__timestamp{text-align:right}.chat-message.is-same-origin .chat-message__item__text{background:#0074d9;color:#fff}.chat-message.is-same-origin .chat-message__item__text:after{border-top-color:#0074d9;transform:rotate(-45deg);left:auto;right:-6px}.chat-link{color:#0074d9;text-decoration:underline;word-break:break-all}.chat-message.is-same-origin .chat-link{color:#fff;text-decoration:underline}.typing-indicator{display:flex;align-items:center;justify-content:flex-start;gap:4px;height:20px;padding:6px 12px}.typing-indicator span{display:block;width:6px;height:6px;background-color:#ccc;border-radius:50%;opacity:.4;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.chat-bubble.bot .typing-indicator span{background-color:#999}.chat-window{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;opacity:0;pointer-events:none;transition:all .2s ease-in-out;z-index:10000}.chat-window.is-open{opacity:1;pointer-events:auto}.chat-window__header{align-items:center;background:#333;display:flex;justify-content:space-between;padding:12px 16px}.chat-window__title{color:#fff;font-size:18px;text-transform:uppercase}.chat-window__body{flex:1;padding:16px;overflow:auto}.chat-window__body>*+*{margin-top:16px}.chat-window__footer{align-items:flex-end;display:flex;padding:16px}.chat-window__input{background:#fff;border:1px solid #bbb;border-radius:4px;flex:1;font-size:inherit;min-height:44px;max-height:125px;padding:10px;resize:none}.chat-window__send-btn{background:#333;border:0;border-radius:4px;color:#fff;font-family:inherit;font-size:inherit;margin-left:16px;min-height:44px;padding:0 16px;cursor:pointer}.chat-window__send-btn:disabled{background:#bbb}.chat-window__close-btn{appearance:none;background:#fff;border:0;border-radius:4px;cursor:pointer;line-height:0;overflow:hidden;padding:0}.chat-window__close-btn svg{fill:#333;height:32px;width:32px;transition:all .15s ease-in-out}.chat-window__close-btn:focus svg,.chat-window__close-btn:hover svg{fill:#555}.chat-window__close-btn:focus,.chat-window__input:focus,.chat-window__send-btn:focus{outline:0;box-shadow:0 0 0 3px #99ceff}.floating-chat-toggle{background:#333;border:none;border-radius:50%;bottom:16px;color:#fff;cursor:pointer;font-size:20px;height:56px;position:fixed;right:16px;width:56px;box-shadow:0 4px 12px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:background .2s ease-in-out;z-index:10000}.floating-chat-toggle:hover{background:#555}@media (min-width:576px){.chat-window{box-shadow:0 8px 16px rgba(0,0,0,.2);border-radius:8px;overflow:hidden;width:350px}.chat-window__body{flex:350px 0 0}.chat-window--top-right{bottom:auto;left:auto;right:16px;top:16px}.chat-window--top-left{bottom:auto;right:auto;left:16px;top:16px}.chat-window--bottom-right{bottom:16px;left:auto;right:16px;top:auto}.chat-window--bottom-left{bottom:16px;right:auto;left:16px;top:auto}}