.home-chat {
  transition: none !important;
}

.home-chat.home-chat-idle,
.home-chat[data-home-chat-offline="1"] {
  opacity: 1 !important;
  visibility: visible !important;
}

.home-chat.home-chat-idle .chat-compose,
.home-chat[data-home-chat-offline="1"] .chat-compose {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}

.home-chat[data-home-chat-offline="1"] [data-chat-input] {
  cursor: not-allowed;
}

.home-chat[data-home-chat-offline="1"] [data-chat-form] button {
  cursor: not-allowed;
}

.home-chat[data-home-chat-offline="1"] [data-chat-input]:disabled,
.home-chat[data-home-chat-offline="1"] [data-chat-form] button:disabled {
  opacity: 1 !important;
}

.home-chat[data-home-chat-offline="1"] [data-chat-input]:disabled {
  color: #7d7d7d !important;
  -webkit-text-fill-color: #7d7d7d !important;
}

.home-chat[data-home-chat-offline="1"] [data-chat-form] button:disabled {
  color: #7d7d7d !important;
}

.home-chat[data-home-chat-offline="1"] .chat-empty {
  color: #7d7d7d !important;
}

.home-chat[data-home-chat-offline="1"] .chat-live-state {
  color: #7d7d7d !important;
}

.home-chat[data-home-chat-offline="1"] .chat-live-state::before {
  background: #7d7d7d !important;
}