:root{--b_m_b:#e0c8b5;--b_m_u:#c0e2c0;--button-color:#282828}.chat-container{background-color:#f4f4f4;border:1px solid grey;border-radius:10px;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:400px;z-index:1050}.header-chat{flex:0 0 auto;padding:10px 20px}.body-chat{flex:1;overflow-x:hidden;overflow-y:auto}.input-chat{flex:0 0 auto;height:65px}.chat-hr{margin-bottom:10px;margin-top:0}.chat-form{background-color:#fff;border:1px solid #ccc;border-radius:25px;display:flex;overflow:hidden;width:100%}.chat-input{border:none;border-radius:25px 0 0 25px;font-size:1em;outline:none;padding:10px 15px}.chat-send-btn{align-items:center;background-color:#a0835c;border:none;border-radius:25px 25px 25px 25px;cursor:pointer;display:flex;justify-content:center;padding:0 12px}.chat-send-btn:hover{background-color:#c7a477}.chat-send-btn:hover svg{color:#fff}.chat-send-btn svg{color:#f0f0f0;display:block;height:20px;width:20px}.message-user{background-color:#fff;border:1px solid var(--b_m_u);border-radius:10px;font:400 .9em Open Sans,sans-serif;margin-bottom:10px;margin-left:auto;margin-right:15px;max-width:70%;padding:2px 10px 10px;position:relative;text-align:left}.message-user:after{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;bottom:0;right:-10px}.message-user:after,.message-user:before{content:"";height:0;position:absolute;width:0}.message-user:before{border-bottom:12px solid var(--b_m_u);border-left:11px solid transparent;border-right:11px solid transparent;bottom:-1px;right:-12px}.message-bot{background-color:#fff;border:1px solid var(--b_m_b);border-radius:10px;font:400 .9em Open Sans,sans-serif;margin-bottom:10px;margin-left:15px;margin-right:auto;max-width:70%;padding:2px 10px 10px;position:relative;text-align:left}.message-bot:after{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;bottom:0;left:-10px}.message-bot:after,.message-bot:before{content:"";height:0;position:absolute;width:0}.message-bot:before{border-bottom:12px solid var(--b_m_b);border-left:11px solid transparent;border-right:11px solid transparent;bottom:-1px;left:-12px}.message-content{color:#000;font-size:14px;padding:0}.message-name{font-size:12px;padding:0}.message-timestamp-right{right:5px}.message-timestamp-left,.message-timestamp-right{bottom:5px;font-size:11px;font-weight:300;position:absolute}.message-timestamp-left{left:5px}.chat-icon{background-color:var(--button-color);border-radius:22px;bottom:30%;cursor:pointer;filter:drop-shadow(4px 6px 4px #303030ce);padding:2px 6px;position:fixed;right:6%;z-index:2000}.chat-bubble{fill:var(--button-color);animation:shake-cycle 10.5s ease-in-out infinite;animation-delay:5s;color:var(--button-color);transform-origin:center}@keyframes shake-cycle{0%{transform:rotate(0deg)}1%{transform:rotate(-10deg)}2%{transform:rotate(10deg)}3%{transform:rotate(-10deg)}4%{transform:rotate(10deg)}5%{transform:rotate(-5deg)}6%{transform:rotate(0deg)}to{transform:rotate(0deg)}}