.fonte-lightbox,
.fonte-lightbox * { box-sizing: border-box; }
.fonte-lightbox { position: fixed; z-index: var(--fonte-z-gallery-lightbox); inset: 0; display: flex; align-items: center; justify-content: center; padding: 5vh 5vw; background: var(--fonte-web-ink-94); }
.fonte-lightbox[hidden],
.fonte-lightbox [hidden] { display: none; }
.fonte-lightbox__figure { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 90vw; height: 90vh; min-height: 0; margin: 0; }
.fonte-lightbox__figure img { display: block; flex: 1; width: 100%; min-height: 0; border-radius: var(--fonte-token-radius-lg); object-fit: contain; }
.fonte-lightbox__figure figcaption { display: flex; flex: none; max-width: min(70rem, 90vw); max-height: 32vh; align-items: center; justify-content: center; gap: 0.875rem; color: var(--fonte-web-white); text-align: center; }
.fonte-lightbox__figure strong { font-family: var(--fonte-gallery-heading-font-family); font-size: var(--fonte-type-public-gallery-lightbox-title); font-weight: var(--fonte-font-weight-regular); }
.fonte-lightbox__figure span { max-width: min(42rem, 60vw); padding: 0.375rem 1rem; border: var(--fonte-border-width) solid var(--fonte-web-white-32); border-radius: var(--fonte-token-radius-pill); background: var(--fonte-web-white-16); font-family: var(--fonte-font-public); font-size: var(--fonte-type-public-sm); line-height: 1.4; }
.fonte-lightbox__close,
.fonte-lightbox__nav { position: absolute; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding: 0; overflow: hidden; isolation: isolate; border: 0; outline: 0; border-radius: var(--fonte-token-radius-pill); background: var(--fonte-web-white); color: var(--fonte-web-ink); cursor: pointer; transition: color var(--fonte-hero-roll-color-transition); }
.fonte-lightbox__close::before,
.fonte-lightbox__nav::before { position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: var(--fonte-web-ink); content: ""; transform: translateY(101%); transition: transform var(--fonte-action-roll-transition); pointer-events: none; }
.fonte-lightbox__close { top: 1.125rem; right: 1.125rem; box-shadow: 0 0.625rem 1.875rem var(--fonte-gallery-lightbox-control-shadow); }
.fonte-lightbox__nav { top: var(--fonte-lightbox-image-center-y, 50%); transform: translateY(-50%); }
.fonte-lightbox__nav--previous { left: 1.125rem; }
.fonte-lightbox__nav--next { right: 1.125rem; }
.fonte-lightbox__nav--previous svg { transform: rotate(90deg); }
.fonte-lightbox__nav--next svg { transform: rotate(-90deg); }
.fonte-lightbox__close svg,
.fonte-lightbox__nav svg { position: relative; z-index: 1; width: 1.375rem; height: 1.375rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
@media (min-width: 75.001rem) and (hover: hover) and (pointer: fine) {
    .fonte-lightbox__close:hover,
    .fonte-lightbox__close:focus-visible,
    .fonte-lightbox__nav:hover,
    .fonte-lightbox__nav:focus-visible { color: var(--fonte-web-white); }
    .fonte-lightbox__close:hover::before,
    .fonte-lightbox__close:focus-visible::before,
    .fonte-lightbox__nav:hover::before,
    .fonte-lightbox__nav:focus-visible::before { transform: translateY(0); }
}
.has-fonte-lightbox { overflow: hidden; }
@media (max-width: 47.5rem) {
    .fonte-lightbox__nav { width: 2.25rem; height: 2.25rem; }
    .fonte-lightbox__nav--previous { left: 0.625rem; }
    .fonte-lightbox__nav--next { right: 0.625rem; }
    .fonte-lightbox__nav svg { width: 1rem; height: 1rem; }
    .fonte-lightbox { padding: 4.5rem 1rem 5rem; }
    .fonte-lightbox__figure { width: 100%; height: 100%; }
    .fonte-lightbox__figure figcaption { flex-direction: column; gap: 0.5rem; }
    .fonte-lightbox__figure span { max-width: 90vw; }
}
@media (max-width: 75rem), (hover: none), (pointer: coarse) {
    .fonte-lightbox__close:hover::before,
    .fonte-lightbox__nav:hover::before { transform: translateY(101%); }
}
@media (prefers-reduced-motion: reduce) {
    .fonte-lightbox__close,
    .fonte-lightbox__close::before,
    .fonte-lightbox__nav,
    .fonte-lightbox__nav::before { transition: none; }
}


/*# sourceMappingURL=public-lightbox.css.map*/