DamageIndicator
{
    mix-blend-mode: lighten;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    hitpoint
    {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100px;
        height: 350px;
        border-radius: 2px;
        border: 0px solid yellow;
        border-bottom: 10px solid #f00;
        transition: opacity 0.2s linear;
        opacity: 0.5;
        transform-origin: 0% 0%;

        label
        {
            text-shadow: 0px 0px 10px #fa0;
        }

        &.dying
        {
            opacity: 0;
        }
    }
}