.fpt-lb { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .88); }
.fpt-lb[hidden] { display: none; }
.fpt-lb figure { margin: 0; max-width: 90vw; text-align: center; }
.fpt-lb img { display: block; max-width: 90vw; max-height: 80vh; margin: 0 auto; }
.fpt-lb figcaption { margin-top: 10px; color: #fff; font-size: .95rem; }
.fpt-lb button {
	position: absolute; padding: 8px 16px; border: 0; background: rgba(255, 255, 255, .15); color: #fff;
	font-size: 2rem; line-height: 1; cursor: pointer; border-radius: 4px;
}
.fpt-lb button:hover, .fpt-lb button:focus-visible { background: rgba(255, 255, 255, .35); outline: none; }
.fpt-lb-x { top: 16px; right: 16px; }
.fpt-lb-p { left: 16px; top: 50%; transform: translateY(-50%); }
.fpt-lb-n { right: 16px; top: 50%; transform: translateY(-50%); }
html.fpt-lb-open { overflow: hidden; }