@charset "utf-8";

#container, #proactive-message-container { right: 0px; bottom: 0px; position: fixed; display: flex; justify-content: center; z-index: 399; flex-direction: column; align-items: end; }

#syndeo-chatbot-start-chat-button { display: flex; color: white; border: none; cursor: pointer; border-radius: 100%; z-index: 2147483600; white-space: nowrap; height: 56px; min-width: 56px; width: 56px; align-items: center; justify-content: center; margin: 20px; transition: background-color 0.5s; box-shadow: rgba(0, 0, 0, 0.25) 2px 4px 10px; background-color: rgb(249, 215, 22); }

#syndeo-chatbot-start-chat-button:focus { box-shadow: black 0px 0px 0px 5px; transition: box-shadow 0.3s; outline: none; }

#proactive-message-bubble { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center; min-width: 250px; max-width: 300px; min-height: 64px; border-radius: 5px; cursor: pointer; left: 50%; padding: 15px; border: 1px; box-shadow: rgba(0, 0, 0, 0.25) 2px 4px 10px; box-sizing: unset; }

#proactive-message-bubble:focus { outline: black solid 1px; }

#proactive-message-bubble::after { content: ""; position: absolute; width: 0px; height: 0px; color: transparent; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; border-image: initial; border-width: 14px; bottom: 68px; margin-top: -14px; right: 33px; }

#proactive-message-bubble a { color: black; }

#proactive-message-bubble a:focus { outline: black solid 1px; }

#proactive-message-bubble a:visited { color: black; }

#proactive-message-bubble a:visited:focus { outline: black solid 1px; }

#proactive-message-bubble p:first-child, #proactive-message-bubble p:last-child { margin: 0px; }

#close-bubble-button { position: absolute; cursor: pointer; width: 30px; height: 30px; display: block; overflow: hidden; top: 0px; right: 0px; }

#close-bubble-button:focus { outline: white solid 1px; }

@media screen and (max-device-width: 550px) {
  #proactive-message-bubble { min-width: unset; }
}