body {
  font-family: 'IBM Plex Sans Thai', sans-serif;
}

df-messenger {
  z-index: 999;
  position: fixed !important;
  top: 60px !important; 
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: calc(100vh - 60px) !important;
  z-index: 9999 !important;
  border: none !important;
  box-shadow: none !important;
  --df-messenger-font-color: #000;
  --df-messenger-message-bot-font-color: #000;
  --df-messenger-chat-border: none;
  --df-messenger-font-family: 'IBM Plex Sans Thai', sans-serif;
  --df-messenger-chat-background: #EFEFEF;
  --df-messenger-message-user-background: #d3e3fd;
  --df-messenger-message-bot-background: #fff;
  --df-messenger-titlebar-background: #ff3d1c;
  --df-messenger-titlebar-font-color: #fff;
  --df-messenger-chat-bubble-icon-size: 500px;
  --df-messenger-chat-bubble-icon-color: #ff3d1c;
  --df-messenger-send-icon-color: #ff3d1c;
  --df-messenger-send-icon-color-hover: #ff3d1c;
  --df-messenger-send-icon-color-active: #ff3d1c;
  --df-messenger-input-padding: 10px 10px 10px 10px;
  --df-messenger-input-border-radius: 25px;
  --df-messenger-input-box-border-radius: 25px;
  bottom: 0;
  right: 0;
  top: 0;
}