@agentman/chat-widget/dist/assistantWidget/styles/responsive.d.ts

Agentman Chat Widget for easy integration with web applications

export declare const responsiveStyles = "\n  @media (max-width: 640px) {\n    .am-chat-widget--corner .am-chat-container {\n      width: 100%;\n      height: 100vh;\n      bottom: 0;\n      right: 0;\n    }\n\n    .am-chat-widget--centered {\n      max-width: 100%;\n      margin: 0 16px;\n    }\n    \n    .desktop-only {\n      display: none !important;\n    }\n    \n    /* Branding section - single line on mobile */\n    .am-chat-branding {\n      padding: 3px 12px !important;\n      font-size: 9px !important;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      gap: 2px !important;\n    }\n    \n    .am-chat-branding > span {\n      white-space: nowrap;\n    }\n    \n    .am-chat-branding a {\n      font-size: 9px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .am-chat-widget--centered {\n      margin: 0;\n    }\n\n    .am-chat-widget--centered .am-chat-container {\n      border-radius: 0;\n    }\n  }\n";