.prize td div {
	overflow: hidden;
}

.prize td div div {
	opacity: 0;
	--translate-y: 100%;
	transform: translateY(var(--translate-y));
}

.prize-divider {
	position: relative !important;
	height: 1px;
}

.prize-divider td {
	content: "";
	width: 100%;
	height: 1px;
	padding: 0;
	transform: scaleX(0);
	background: var(--light);
	transform-origin: left;
}

.loading .prize-divider td {
	animation: width-reveal .8s var(--row-delay) cubic-bezier(.61, -0.01, .37, .99) forwards;
}

.loading .prize td div div {
	opacity: 1;
	animation: translate-y-reveal .8s var(--row-delay) cubic-bezier(.61, -0.01, .37, .99) forwards;
}

/* media queries */
@media (max-width:991px) {

	table.prize-table tbody {
		display: flex;
		flex-direction: column;
	}

	.prize-divider {
		margin: 1rem 0 var(--space-4xl) 0;
	}

	.prize td div {
		overflow: auto;
	}

	table.prize-table td {
		display: block;
		padding: 0;
		width: 100%;
	}

	table.prize-table td.table-divider {
		display: block;
		margin: 1rem 0 1rem 0;
		height: 1px;
	}

	table.prize-table .table-divider.tr-end {
		margin: .75rem 0 7rem 0;
	}

	td div,
	td a {
		display: flex;
		width: 100%;
		font-size: 1rem;
	}

	td [data-th]:before {
		content: attr(data-th);
		width: 50%;
		flex-shrink: 0;
		font-size: 12px;
		margin-top: 3px;
	}
}