@import "_theme.scss";

DamageFlash {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 40;

    .flash {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        box-shadow: inset 0 0 280px 110px rgba( $damage-glow, 0.8 );
        background-color: rgba( $damage-tint, 0.16 );
        transition: opacity 0.45s ease-out;
    }

        .flash:intro {
            opacity: 1;
        }

        .flash:outro {
            opacity: 0;
        }
}