.chat-widget{border:1px solid #e5e5e5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;font-family:sans-serif}.chat-window{padding:10px;overflow-y:auto;background:#f9f9f9;display:flex;flex-direction:column}.chat-toggle{width:60px;height:60px;border-radius:100%;display:flex;justify-content:center;align-items:center;float:right;background-color:#303030;color:#f0f0f0;margin:10px;cursor:pointer}.chat-footer{background-color:#e0e0e0;font-size:12px;padding:12px 16px;color:gray;text-align:center}.chat-footer a{color:gray}.chat-header{background-color:#303030;font-size:15px;padding:12px 16px;color:#f0f0f0;text-align:start}.typing-loader{width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s infinite linear}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.chat-widget-container{z-index:9;position:fixed;bottom:0;right:0;padding:22px}.chat-widget{width:360px;border:1px solid #e5e5e5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;font-family:sans-serif}.chat-window{padding:10px;height:480px;overflow-y:auto;background:#f9f9f9;display:flex;flex-direction:column}.chat-bubble{background-color:red;max-width:80%;width:auto;margin-bottom:12px;padding:8px 12px;line-height:1.4;text-align:start;display:flex;word-break:break-word}.chat-bubble.agent{background-color:#e0e0e0;align-self:flex-start;align-items:start;border-radius:16px 16px 16px 0}.chat-bubble.user{background-color:#101010;color:#fff;align-self:flex-end;align-items:end;border-radius:16px 16px 0}.chat-input{display:flex;border-top:1px solid #ddd;align-items:center;justify-content:center}.chat-input input{flex:1;padding:10px;border:none;outline:none}.chat-input button{padding:10px 16px;border:none;background-color:#4caf50;color:#fff;cursor:pointer}.send-message-button{margin:0 22px;cursor:pointer}.agent-typing-message{text-align:start}