/*
         * Completely independent notification layer.
         *
         * It occupies the exact same fixed position as the
         * existing Firefly live-chat launcher, but does not
         * alter or wrap that launcher.
         */
        #ff-chat-nudge {
            position: fixed;

            width: 50px;
            height: 50px;

            right: 10px;
            bottom: 10px;

            z-index: 1000000;

            pointer-events: none;
        }


        /* =========================================
           BADGE
           ========================================= */

        #ff-chat-nudge .ff-chat-nudge-badge {
            position: absolute;

            top: -10px;
            right: -10px;

            display: flex;
            align-items: center;
            justify-content: center;

            width: 23px;
            height: 23px;

            box-sizing: border-box;

            background: #ffffff;
            color: #222222;

            border: 2px solid #222222;
            border-radius: 50%;

            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.22);

            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
        }


        /* =========================================
           MESSAGE
           ========================================= */

        #ff-chat-nudge .ff-chat-nudge-message {
            position: absolute;

            right: 0;
            bottom: 64px;

            width: 215px;
            padding: 12px 14px;

            box-sizing: border-box;

            background: #ffffff;
            color: #222222;

            border: 1px solid rgba(0, 0, 0, 0.12);

            box-shadow: 0 5px 18px rgba(0, 0, 0, 0.17);

            text-align: left;

            font-family: "Open Sans", Arial, sans-serif;
            font-size: 13px;
            line-height: 1.4;
        }


        #ff-chat-nudge .ff-chat-nudge-message strong {
            display: block;

            margin-bottom: 2px;

            color: #222222;

            font-size: 13px;
            font-weight: 600;
            line-height: 1.35;
        }


        #ff-chat-nudge .ff-chat-nudge-message span {
            display: block;

            color: #555555;

            font-size: 12px;
            line-height: 1.4;
        }


        #ff-chat-nudge .ff-chat-nudge-message::after {
            content: "";

            position: absolute;

            right: 18px;
            bottom: -7px;

            width: 12px;
            height: 12px;

            background: #ffffff;

            border-right: 1px solid rgba(0, 0, 0, 0.12);
            border-bottom: 1px solid rgba(0, 0, 0, 0.12);

            transform: rotate(45deg);
        }