/*
 * Centered Chat Modal styles - migrated from the WPCode snippet.
 * Every element in the modal itself uses inline styles (matching the
 * original, proven implementation exactly, to minimize the risk of
 * introducing new visual bugs during migration) - these two blocks
 * are the only real, separate stylesheet rules the modal actually
 * needs: the teaser bubble's show/hide transition, and the typing
 * indicator's bounce animation.
 */
#driq-launcher-bubble {
  width: 0 !important;
  padding: 10px 0 !important;
  margin-right: 0 !important;
  opacity: 0 !important;
}
#driq-launcher-bubble.driq-shown {
  width: 220px !important;
  padding: 10px 14px !important;
  margin-right: 10px !important;
  opacity: 1 !important;
}
@keyframes driq-bounce {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
  30% { transform: translateY(-4px); opacity: 1; }
}