@charset "utf-8";

.cxgenie-chat-button { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 40px; right: 40px; z-index: 9999; border-radius: 100%; cursor: pointer; opacity: 0; pointer-events: none; }

.cxgenie-chat-button.bottom_left { left: 40px; right: 0px; }

.cxgenie-chat-button > * { pointer-events: none; }

.cxgenie-chat-button .document-icon { width: 20px; height: 20px; color: white; }

.cxgenie-chat-button .close-icon { width: 40px; height: 40px; color: white; }

.cxgenie-chat-modal { display: block; background-color: white; width: 100%; height: 100%; max-height: 600px; max-width: 400px; position: fixed; bottom: 40px; right: 120px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 32px 0px; transition: transform 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s; transform-origin: center bottom; transform: translateY(50px); opacity: 0; pointer-events: none; outline: none; z-index: -1; user-select: none; }

.cxgenie-chat-modal.fullscreen { max-height: unset; max-width: unset; border-radius: 0px; width: 100%; height: var(--dvh, 100dvh); bottom: 0px !important; right: 0px !important; }

@media screen and (min-width: 641px) {
  .cxgenie-chat-modal.hide-button { right: 40px; }
}

.cxgenie-chat-modal.mobile { max-height: unset; max-width: unset; border-radius: 0px; box-shadow: none; right: unset; bottom: unset; position: relative; }

.cxgenie-chat-button.open, .cxgenie-chat-modal.open { opacity: 1; pointer-events: all; }

.cxgenie-chat-modal.open { transform: translateY(0px); z-index: 99999; }

@media screen and (max-width: 640px) {
  .cxgenie-chat-modal { right: 5%; width: 90%; transform: translateY(50px); bottom: 40px; }
  .cxgenie-chat-modal.hide-button { bottom: 40px; }
  .cxgenie-chat-modal.open { transform: translateY(0px); }
}

body.cxg-mobile { margin: 0px; width: 100vw; height: 100vh; overflow: hidden; }

.disable-scroll { overflow: hidden; }