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-bottom: 15px solid #f00;
        transition: opacity 0.2s linear;
        opacity: 0.5;
        transform-origin: 0% 0%;

        &.dying {
            opacity: 0;
        }
    }
}