/* deviceport-live.css -- subtiele highlight bij een gewijzigde live-waarde. */

@keyframes dp-kf-flash {
	from { background-color: #fcf8e3; }   /* zacht geel, fade naar transparant */
	to   { background-color: transparent; }
}

.dp-flash {
	animation: dp-kf-flash 1.2s ease-out;
}

/* Richting-flash voor de actuele snelheid: groen bij op-waardering, rood bij
   af-waardering (fade naar transparant). */
@keyframes dp-kf-flash-up {
	from { background-color: #dff0d8; }
	to   { background-color: transparent; }
}
@keyframes dp-kf-flash-down {
	from { background-color: #f2dede; }
	to   { background-color: transparent; }
}
.dp-flash-up   { animation: dp-kf-flash-up 1.6s ease-out; }
.dp-flash-down { animation: dp-kf-flash-down 1.6s ease-out; }