/* Variable for Variant 1 (to the right above the existing bubbles) */
#gpt-chatbot {
    --chatbot-z-popup: 99999;
    --chatbot-primary: #05366C;
    --chatbot-on-primary: #E6EBF0;
    --chatbot-popup-width: 390px;
    --chatbot-popup-height: 560px;
    --chatbot-popup-radius: 20px;
    --chatbot-popup-shadow: 0 20px 50px rgba(15, 23, 42, 0.28);
    --chatbot-popup-bg: #ffffff;
    --chatbot-text: #333333;
    --chatbot-border: #cbd5e1;
    --chatbot-surface: #E6EBF0;
    --chatbot-surface-2: #05366C;
    --chatbot-muted: #333333;
    --chatbot-user-bubble-bg: #05366C;
    --chatbot-user-bubble-text: #f0fdfa;
    --chatbot-error: #dc2626;
    --chatbot-fab-size: 100px;
    --chatbot-fab-size-768: 128px;
    --chatbot-fab-size-1200: 128px;
    --chatbot-fab-svg-size: 85%;
    --chatbot-fab-border: 2px solid white;
    --chatbot-fab-shadow: none;
    --chatbot-fab-hover-shadow: none;
    --chatbot-fab-hover-scale: none;
    --chatbot-fab-bottom: 296px;
    --chatbot-fab-bottom-768: 352px;
    --chatbot-fab-bottom-1200: 352px;
    --chatbot-fab-right: 10px;
    --chatbot-fab-right-768: 48px;
    --chatbot-fab-right-1200: calc((100% - 1170px) / 2 - (128px * 2 / 3));
}