.readout {
	display: grid;
	gap: 0.75em;

	& div {
		display: flex;
		justify-content: space-between;
		gap: 1.5ch;
	}

	& dt {
		font-family: Ginto, system-ui, sans-serif;
	}

	& dd {
		margin: 0;
		color: var(--muted);
		text-align: end;
	}

	& code {
		padding: 0;
		background: none;
	}
}

[data-readout="motion"] code span {
	display: inline-block;
	animation: wave 1s ease-in-out infinite;
	animation-delay: calc(var(--i) * 0.1s);
}

@keyframes wave {
	50% {
		translate: 0 -0.06em;
	}
}