.history
{
	margin: 0 !important;
}

.history ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.history h2
{
	text-transform: none;
}

.history .next,
.history .previous
{
	display: none;
	position: absolute;
	top: calc(50% - 20px);

	z-index: 5;

	padding: 0;
	width: 30px;
	background: transparent;
	cursor: pointer;
	border: 0;
}

.history .next
{
	right: 40px;
}

.history .previous
{
	left: 40px;
}

.history .wp-block-cover
{
	padding: 20px;
	height: calc(100vw * var(--haspect));
	min-height: unset;
}

@media (min-width: 800px)
{

	.history .wp-block-cover
	{
		padding-top:var(--wp--preset--spacing--70);
		padding-right:var(--wp--preset--spacing--70);
		padding-bottom:var(--wp--preset--spacing--70);
		padding-left:var(--wp--preset--spacing--70);
		height: 700px;
	}

	.scrollWrapper
	{
		height: 700px;
		transition: transform 0.4s ease;
		clip-path: polygon(-100px 0, calc(100% + 100px) 0, calc(100% + 100px) 700px, -100px 700px)
	}

	.history ul
	{
		display: flex;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		overflow-x: scroll;
		transition: transform 0.2s ease;
	}

	.history li
	{
		scroll-snap-align: start;
		width: calc(700px * var(--waspect));
		flex: 0 0 auto;
		max-width: 95vw;
	}

	.history .next,
	.history .previous
	{
		display: block;
	}

	.history .description
	{
		height: var(--description-height);
	}
}

@media(hover:hover)
{
	.history .next img,
	.history .previous img
	{
		transition: transform .2s ease-in-out;
	}

	.history .next:hover img
	{
		transform: translateX(10px);
	}

	.history .previous:hover img
	{
		transform: translateX(-10px);
	}
}