.o-discuss-Typing-dot {
    animation: o_mail_Typing_animation 1.5s linear infinite;

    &.o-sizeMedium {
        width: $o-discuss-Typing-medium;
        height: $o-discuss-Typing-medium;
    }

    &.o-sizeSmall {
        width: $o-discuss-Typing-small;
        height: $o-discuss-Typing-small;
    }

    &.o-discuss-Typing-dot2 {
        animation-delay: -1.35s;
    }

    &.o-discuss-Typing-dot3 {
        animation-delay: -1.2s;
    }
}

@keyframes o_mail_Typing_animation {
    0%, 40%, 100% {
        opacity: initial;
    }
    20% {
        opacity: 25%;
    }
}

.o-discuss-Typing:before {
    // invisible character so that typing status bar has constant height, regardless of text content.
    content: "\200b"; /* unicode zero width space character */
}