@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

df-messenger {
    z-index: 999;
    position: fixed;
    bottom: 16px;
    /*Revert after mgo change
    right: 16px;*/
    right: 0px;
    --df-messenger-primary-color: #e42313;
    --df-messenger-button-background: #e42313;
    --df-messenger-button-font-color: #fff;
    --df-messenger-chips-background: #e42313;
    --df-messenger-chips-background-hover: #970f04;
    --df-messenger-chips-border-radius: 25px;
    --df-messenger-chips-font-color: #fff;
    --df-messenger-chips-font-family: Roboto, Helvetica Neue, sans-serif;
    --df-messenger-chips-font-size: 15px;
    --df-messenger-chips-text-wrap: wrap;
    --df-messenger-button-font-family: Roboto, Helvetica Neue, sans-serif;
    --df-messenger-button-font-size: "30px";
    --df-messenger-titlebar-background: #e42313;
    --df-messenger-titlebar-font-color: #fff;
    --df-messenger-titlebar-title-font-weight: 200;
    --df-messenger-titlebar-icon-width: 24px;
    --df-messenger-titlebar-icon-height: 24px;
    --df-messenger-titlebar-title-font-size: 20px;
    --df-messenger-font-family: Roboto, Helvetica Neue, sans-serif;
    --df-messenger-titlebar-padding: 0 10px;
    --df-messenger-chat-border-radius: 20px;

    --df-messenger-message-font-size: 15px;
    --df-messenger-default-font-size: 15px;
    --df-messenger-message-user-background: #333333;
    --df-messenger-message-bot-background: #f5f3f3;
    --df-messenger-message-user-font-color: #fff;

    --df-messenger-message-actor-spacing: 5px;
    --df-messenger-message-actor-padding: 2px;
    --df-messenger-message-actor-image-size: 20px;

    --df-messenger-message-bot-actor-offset: 0px;
    --df-messenger-message-bot-writing-font-size: 24px;

    --df-messenger-chat-padding: 8px;
    --df-messenger-chat-background: #fff;
    --df-messenger-chat-bubble-close-icon-size: 70px;
    /*Uncomment after Mgo Changes*/
    /*--df-messenger-chat-window-height: 650px;*/
    /*--df-messenger-chat-window-width: 409px;*/
    --df-messenger-input-background: #fff;
    /*Remove after Mgo Changes*/
    --df-messenger-chat-border: none;
    /*Hide Chat Bubble*/
    /*scrolldown button*/
    --df-messenger-chat-window-offset: -90px;
    --df-messenger-chat-scroll-button-enabled-display: flex;
    --df-messenger-chat-scroll-button-align: flex-end;
    --df-messenger-chat-scroll-button-container-padding: 8px 25px;
    --df-messenger-chat-scroll-button-background: #F2F2F2;
    --df-messenger-chat-scroll-button-font-color: #333333;
    --df-messenger-chat-scroll-button-text-display: none;
    --df-messenger-chat-scroll-button-padding: 7px;
    /*inputbar*/
    --df-messenger-input-box-focus-border: 2px solid #333333;
    --df-messenger-default-focus-color: none;
    /* Links */
    --df-messenger-link-background: none;
    --df-messenger-link-border: none;
    --df-messenger-link-decoration: underline;
}

/* notification badge */
.notification-badge-message {
    background-color: white;
    border-color: #E42313;
    border: solid 2px;
    color: #E42313;
    display: flex;
    width: 25px;
    height: 25px;
    position: fixed;
    padding: 2px;
    font-size: 11px;
    bottom: 68px;
    font-weight: bold;
    right: 15px;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    z-index: 9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
}