plazbot/dist/react/styles/keyframes.js

Official Plazbot SDK for creating AI agents for WhatsApp, portals, and developers.

export const plazbotKeyframes = `
@keyframes plazbot-typing-dot {
  0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-3px); }
}

@keyframes plazbot-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes plazbot-slide-up {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes plazbot-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

@keyframes plazbot-scale-in {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes plazbot-spin {
  to { transform: rotate(360deg); }
}

[data-plazbot-input]::-webkit-scrollbar { display: none; }
[data-plazbot-input] { -ms-overflow-style: none; scrollbar-width: none; }
[data-plazbot-messages]::-webkit-scrollbar { display: none; }
[data-plazbot-messages] { -ms-overflow-style: none; scrollbar-width: none; }
`;