#photo-enlargement {
	display: none;
	justify-content: flex-start;
	flex-direction: column;
	grid-gap: var(--gap4);
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	min-width: 100dvw;
	min-height: 100dvh;
	z-index: 200;
	background-color: var(--coul-carbon);
	animation: fading var(--transitionA);
	overflow-y: auto;
	padding: var(--gap2);
	padding-bottom: var(--gap4);
}

[data-enlargement="true"] {
	cursor: zoom-in;
}

@keyframes fading {
	from {opacity: 0;}
	to {opacity: 1;}
}

.enlargement-visible {
	display: flex !important;
}

#photo-enlargement .enlargement a {
	display: flex;
	justify-content: center;
	align-items: center;
}

#photo-enlargement .enlargement-content {
	max-width: 100%;
	max-height: 80vh;
	display: flex;
	cursor: pointer;
	margin: auto;
	border-radius: var(--radius10);
	overflow: hidden;
	background-color: var(--coul-beige);
}

#photo-enlargement .enlargement-image {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

#photo-enlargement .enlargement-closer {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-start;
	flex-shrink: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

#photo-enlargement .enlargement-closer span {
	height: 3px;
	width: 60px;
	background-color: var(--coul-white);
	display: block;
	transition: var(--transitionA);
}

#photo-enlargement .enlargement-closer span:nth-of-type(1) {
	position: absolute;
	transform-origin: center;
	transform: rotate(45deg);
}

#photo-enlargement .enlargement-closer span:nth-of-type(2) {
	position: absolute;
	transform-origin: center;
	transform: rotate(-45deg);
}