/*
    utilizado para desabilitar eventos de mouse durante
    animações e outras mutretas
*/
.efx_nomouse{
    pointer-events: none;
}


@keyframes efx_fadein {
    0% {
        opacity: 0%;
    } 
    100% {
        opacity: var(--og_opacity,100%);
    }
}



@keyframes efx_fadeout {
    0% {
        opacity: var(--og_opacity,100%);
    } 
    100% {
        opacity: 0%;
    }
}

@keyframes efx_show_flash_color {

    0% {
        opacity: 100%;
        color: var(--og_bgcolor,white);
    }

      
    50% {
        opacity: 100%;
        color: var(--flash_bgcolor,red);
    }
    
    100% {
        opacity: 100%;
        color: var(--og_bgcolor,white);  
    }
  
  }