page-teach {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: min-content minmax(0, 1fr);
	padding: var(--u);
	gap: var(--u);
}

/* */

page-teach > page-play {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	left: 0;
	transform: translateX(100vw);
	z-index: 9999;
	transition-property: transform;
	transition-duration: var(--transition-time);
}

page-teach > page-play.on {
	transform: none;
}

page-teach > nav-panel > table-enhance.course > table > tbody > tr > td > div {
	height: 8px;
	background-color: #ddd;
	border-radius: var(--border-radius);
	position: relative;
	overflow: hidden;
}

page-teach > nav-panel > table-enhance.course > table > tbody > tr > td > div > span {
	display: block;
    height: 100%;
	background-color: var(--color-blue);
}