.big-ones picture,
	.thumbnails picture
	{
		display: block ;
	}
	.big-ones img,
	.thumbnails img
	{
		display: block ;
		aspect-ratio: 16 / 9 ;
		height: auto ;
	}
	.big-ones li,
	.big-ones .images,
	.thumbnails li,
	.thumbnails .images
	{
		display: contents ;
	}
	.big-ones li:not(:has(:target)) .info,
			.thumbnails li:not(:has(:target)) .info
			{
				display: none ;
			}
	.big-ones li:has(:target),
		.thumbnails li:has(:target)
		{
			position: fixed ;
			top: 50vh ;
			left: 50vw ;
			display: block ;
			transform: translate(-50%, -50%) ;
			z-index: 10 ;
			background: var(--color--background) ;
			padding: 1em ;
			border: 1px solid var(--color--foreground) ;
		}
	@media (max-width: 1024px)
			{
	.big-ones li:has(:target),
		.thumbnails li:has(:target)
		{
				left: 0 ;
				right: 0 ;
				transform: translateY(-50%) 
		}
			}
	.big-ones li:has(:target) .info,
			.thumbnails li:has(:target) .info
			{
				margin-top: 1rem ;
			}
	.big-ones li:has(:target) .images a:not(:target),
				.thumbnails li:has(:target) .images a:not(:target)
				{
					display: none ;
				}

.big-ones img
	{
		width: 800px ;
	}

@media (max-width: 1024px)
		{

.big-ones img
	{
			width: 100% ;
			margin: 0 auto 
	}
		}

.big-ones li:not(:has(:target))
		{
			display: none ;
		}

.big-ones a:has([role="presentation"])
	{
		float: right ;
		text-decoration: none ;
	}