.plaquette-container {
	position: fixed;
	height: 100vh;
	height: -webkit-fill-available;
	width: 100vw;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1000001;
	opacity: 1;
	transition: opacity 0.25s;
}
.plaquette-container .plaquette-container-shadow {
	position: absolute;
	background-color: #0008;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.plaquette-container:not(.open) {
	opacity: 0;
	pointer-events: none;
}
.loader-plaquette {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
.loader-plaquette p {
	color: #616161;
}
.plaquette {
	width: min(850px, 80vw);
	height: min(90vh, 1200px);
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
	border-radius: 5px;
	z-index: 1;
	position: relative;
	font-size: 16px;
	box-shadow: #0004 2px 2px 8px;
}

.plaquette * {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}

.plaquette .swiper {
	height: 100%;
	width: 100%;
	--swiper-theme-color: #616161;
	--swiper-navigation-color: #616161;
	--swiper-pagination-fraction-color: #616161;
	--swiper-pagination-bottom: 4px;
}
.plaquette .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	padding-bottom: calc(var(--swiper-pagination-bottom, 8px) * 2 + 1.7 * 1rem);
}
.plaquette .swiper-slide img {
	box-shadow: #0004 2px 2px 8px;
	max-width: 100%;
	max-height: 100%;
	pointer-events: none;
}

.plaquette .swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px) !important;
}

.plaquette-close {
	top: var(--swiper-navigation-sides-offset, 10px);
	right: var(--swiper-navigation-sides-offset, 10px);
	position: absolute;
	cursor: pointer;
	z-index: 1;
	width: 2rem;
	height: 2rem;
}
.plaquette-close:after {
	content: '\00D7';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	color: #616161;
	font-family: sans-serif;
}

.plaquette .swiper-button-next:after,
.plaquette .swiper-button-prev:after,
.plaquette-close:after {
	text-shadow: #dfdfdf 0px 0 2px;
}

@media (max-width: 768px) {
	.plaquette {
		width: 100%;
		height: 100%;
		border: none;
		box-shadow: none;
	}
}