Slide master layers on top, even while scrubbing timeline

Here's something to try out. untested. It covers mouse and keyboard. You might need to check touch actually. That event might need adding as well.

var progressmarker, line, darkbar, banner, onslogo, ref;
const initElements = () => {
	progressmarker = progressmarker || document.querySelector('[data-acc-text="Project_Progress"]');
	line = line || document.querySelector('[data-acc-text="WhiteOverline"]');
	darkbar = darkbar || document.querySelector('[data-acc-text="darkbar"]');
	banner = banner || document.querySelector('[data-acc-text="WhiteBanner.png"]');
	onslogo = onslogo || document.querySelector('[data-acc-text="whitelogo"]');
	ref = ref || document.querySelector('[data-acc-text="Ref_Rectangle"]');
	setIndex();
}
const setIndex = () => {
	progressmarker.style.zIndex = '9999';
	line.style.zIndex = '9999';
	darkbar.style.zIndex = '9990';
	banner.style.zIndex = '9995';
	onslogo.style.zIndex = '9999';
	ref.style.zIndex = '9998';
}
const initListeners = () => {
	// add listeners to the seek bar container
	// Select the target div
	const seekDiv = document.getElementById('seek');
	// Track keyboard and mouse interactions
	let isDragging = false;
	// Detect mouse events
	seekDiv.addEventListener('mousedown', (event) => {
		isDragging = true;
		setIndex();
		event.preventDefault(); // Prevent unintended text selection
	});
	// Detect mouse movement during drag
	document.addEventListener('mousemove', (event) => {
		if (isDragging) setIndex();
	});
	// Detect mouse up to stop dragging
	document.addEventListener('mouseup', () => {
		if (isDragging) isDragging = false;
	});	
	// Optional: Detect when key is released
	seekDiv.addEventListener('keyup', (event) => {
		setIndex();
	});
}
requestAnimationFrame(() => {
	initElements();
	initListeners();
});