/* Typewriter effect 1 */
@keyframes typing {
  	1.503%, 12.575% { content: ""; }
  	1.803%, 12.275% { content: "i"; }
  	2.103%, 11.975% { content: "im"; }
  	2.403%, 11.675% { content: "ima"; }
  	2.703%, 11.375% { content: "imag"; }
  	3.003%, 11.075% { content: "image"; }
  	3.303%, 10.775% { content: "images"; }

  	14.078%, 24.550% { content: ""; }
  	14.378%, 24.250% { content: "L"; }
  	14.678%, 23.950% { content: "Li"; }
  	14.978%, 23.650% { content: "LiD"; }
  	15.278%, 23.350% { content: "LiDa"; }
  	15.578%, 23.050% { content: "LiDar"; }

  	26.053%, 40.725% { content: ""; }
  	26.353%, 40.425% { content: "p"; }
  	26.653%, 40.125% { content: "po"; }
  	26.953%, 39.825% { content: "poi"; }
  	27.253%, 39.525% { content: "poin"; }
  	27.553%, 39.225% { content: "point"; }
  	27.853%, 38.925% { content: "point "; }
  	28.153%, 38.625% { content: "point c"; }
  	28.453%, 38.325% { content: "point cl"; }
  	28.753%, 38.025% { content: "point clo"; }
  	29.053%, 37.725% { content: "point clou"; }
  	29.353%, 37.425% { content: "point cloud"; }
  	29.653%, 37.125% { content: "point clouds"; }

  	42.228%, 52.700% { content: ""; }
  	42.528%, 52.400% { content: "r"; }
  	42.828%, 52.100% { content: "ra"; }
  	43.128%, 51.800% { content: "rad"; }
  	43.428%, 51.500% { content: "rada"; }
  	43.728%, 51.200% { content: "radar"; }
	
  	54.202%, 63.475% { content: ""; }
  	54.502%, 63.175% { content: "G"; }
  	54.802%, 62.875% { content: "GP"; }
  	55.102%, 62.575% { content: "GPS"; }
	
  	64.977%, 74.250% { content: ""; }
  	65.277%, 73.950% { content: "R"; }
  	65.577%, 73.650% { content: "RT"; }
  	65.877%, 73.350% { content: "RTK"; }
	
  	75.752%, 85.025% { content: ""; }
  	76.052%, 84.725% { content: "I"; }
  	76.352%, 84.425% { content: "IM"; }
  	76.652%, 84.125% { content: "IMU"; }
		
  	86.527%, 100.000% { content: ""; }
 	86.827%, 99.700% { content: "e"; }
  	87.127%, 99.400% { content: "ev"; }
  	87.427%, 99.100% { content: "eve"; }
  	87.727%, 98.800% { content: "ever"; }
	88.027%, 98.500% { content: "every"; }
	88.327%, 98.200% { content: "everyt"; }
	88.627%, 97.900% { content: "everyth"; }
	88.927%, 97.600% { content: "everythi"; }
	89.227%, 97.300% { content: "everythin"; }
	89.527%, 97.000% { content: "everything"; }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.typewriter {
  --caret: currentcolor;
}

.typewriter::before {
  content: "";
  animation: typing 40.5s infinite;
}

.typewriter::after {
  content: "";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear infinite;
}

.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}

.typewriter.nocaret::after {
  border-right: 0;
}


@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  
  @keyframes sequencePopup {
    0%, 100% { content: "sensors"; }
    25% { content: "video"; }
    50% { content: "gps"; }
    75% { content: "audio"; }
  }

  .typewriter::before {
    content: "sensors";
    animation: sequencePopup 12s linear infinite;
  }
}