#ts-chat-icon{
position:fixed;
right:25px;
bottom:25px;
width:60px;
height:60px;
background:#0073aa;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:28px;
z-index:99999;
}
#ts-chat-window{
position:fixed;
right:25px;
bottom:95px;
width:350px;
height:500px;
background:#fff;
border-radius:10px;
display:none;
box-shadow:0 0 15px rgba(0,0,0,.25);
overflow:hidden;
z-index:99999;
}
.ts-header{
background:#0073aa;
color:#fff;
padding:15px;
font-weight:bold;
}
#ts-chat-body{
height:380px;
padding:15px;
overflow:auto;
}
.ts-footer{
display:flex;
padding:10px;
border-top:1px solid #ddd;
}
#ts-message{
flex:1;
padding:10px;
}
#ts-send{
padding:10px 20px;
margin-left:10px;
cursor:pointer;
}
.typing-indicator{
display:inline-flex;
align-items:center;
gap:4px;
height:20px;
}
.typing-indicator span{
width:8px;
height:8px;
background:#0d6efd;
border-radius:50%;
animation:typing 1.4s infinite ease-in-out;
}
.typing-indicator span:nth-child(2){
animation-delay:0.2s;
}
.typing-indicator span:nth-child(3){
animation-delay:0.4s;
}
@keyframes typing{
0%,
80%,
100%{
transform:scale(0.5);
opacity:.4;
}
40%{
transform:scale(1);
opacity:1;
}
}