.count {
	display: flex;
	align-items: center;
	gap: calc(2 * var(--spacing));

	.dot {
		width: calc(4 * var(--spacing));
		height: calc(4 * var(--spacing));
		border-radius: 50%;

		&.white { background-color: white }
		&.gray { background-color: var(--color-neutral-200) }
		&.green { background-color: var(--color-emerald) }
		&.red { background-color: var(--color-red) }
		&.blue { background-color: var(--color-sky) }
	}
}