/* Arckeretek a nagyítóban (faces.js) – galéria (Fancybox 5), előadás / alkotó (Lightbox2) */
.sz-faces-host { position: relative; }
#lightbox .lb-container { position: relative; }
.sz-faces { position: absolute; pointer-events: none; z-index: 5; }
.sz-faces-fill { left: 0; top: 0; width: 100%; height: 100%; }
.sz-faces.sz-wait { visibility: hidden; }
.sz-face {
  position: absolute; box-sizing: border-box; pointer-events: auto;
  border: 2px solid rgba(255, 255, 255, .95); border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(0, 0, 0, .35);
  opacity: 0; transition: opacity .15s ease, box-shadow .15s ease;
}
.sz-faces-host:hover .sz-face { opacity: .55; }
.sz-face.on, .sz-face.lock { opacity: 1; box-shadow: 0 0 0 2px #8b0000, 0 0 12px rgba(0, 0, 0, .6); }
.sz-face-l {
  position: absolute; left: 50%; top: 100%; transform: translate(-50%, 4px);
  white-space: nowrap; font: 700 12px/1.2 'Source Sans Pro', sans-serif; color: #fff;
  background: rgba(0, 0, 0, .8); padding: 2px 6px; border-radius: 3px;
  display: none; pointer-events: none;
}
.sz-face-up .sz-face-l { top: auto; bottom: 100%; transform: translate(-50%, -4px); }
.sz-face.on .sz-face-l, .sz-face.lock .sz-face-l { display: block; }
.sz-fn { cursor: pointer; border-bottom: 1px dotted currentColor; }
.sz-fn.on, .sz-fn.lock { background: rgba(139, 0, 0, .85); color: #fff; border-bottom-color: transparent; border-radius: 2px; padding: 0 2px; }