.wpchatai{box-sizing:border-box;font-family:"Roboto",sans-serif}.wpchatai .wpchatai-chat-container{width:80%;margin:50px auto;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #ccc}.wpchatai .wpchatai-header{background-color:#c62982;color:#fff;padding:15px;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px}.wpchatai .wpchatai-header h2{color:#fff;margin:0;font-weight:300;font-size:1.5em;padding:0}.wpchatai .wpchatai-messages{height:300px;overflow-y:scroll;padding:20px}.wpchatai .wpchatai-message{display:flex;align-items:flex-start;margin-bottom:20px}.wpchatai .wpchatai-message .wpchatai-avatar{width:50px;height:50px;border-radius:50%;margin-right:10px}.wpchatai .wpchatai-message .wpchatai-message-detail{width:100%}.wpchatai .wpchatai-message .wpchatai-sender{font-weight:700;margin-bottom:5px}.wpchatai .wpchatai-message .wpchatai-text{font-weight:300}.wpchatai .wpchatai-input-container{display:flex;align-items:center;margin-top:4px;padding:10px}.wpchatai input{flex:1;padding:10px;border-radius:5px;border:1px solid #ccc;margin-right:10px;font-family:"Roboto",sans-serif}.wpchatai button{padding:10px 20px;background-color:#c62982;color:#fff;border-radius:5px;border:none;cursor:pointer;font-family:"Roboto",sans-serif}.wpchatai button:disabled{background-color:#ccc;color:#555}.wpchatai .wpchatai-loading{width:100px;height:25px;display:flex;justify-content:center;align-items:center}.wpchatai .wpchatai-loading>span{width:8px;height:8px;margin:0 5px;border-radius:50%;animation:ai-loading-dots 1s ease-in-out infinite}.wpchatai .wpchatai-loading>span:nth-child(1){animation-delay:0s}.wpchatai .wpchatai-loading>span:nth-child(2){animation-delay:.2s}.wpchatai .wpchatai-loading>span:nth-child(3){animation-delay:.4s}@media (max-width:480px){.wpchatai .wpchatai-loading{width:80px;height:20px}}@media (max-width:768px){.wpchatai .wpchatai-chat-container{width:90%}.wpchatai .wpchatai-message .wpchatai-avatar{width:40px;height:40px}}