.lightbox{z-index:9600;padding:22px var(--page-gutter);color:#fff;grid-template-rows:auto 1fr auto;gap:18px;display:grid;position:fixed;inset:0}.lightbox-backdrop{z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151d2bf5;border:0;position:absolute;inset:0}.lightbox-top{letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.lightbox-close{color:#fff;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;padding:10px 0;font-size:11px}.lightbox-stage{min-height:0;position:relative;overflow:hidden}.lightbox-image{cursor:var(--cursor-arrow);position:absolute;inset:0 60px}.lightbox-image:active{cursor:var(--cursor-arrow)}.lightbox-image img{object-fit:contain;pointer-events:none}.lightbox-nav{color:#fff;background:#151d2b66;border:1px solid #ffffff4d;border-radius:50%;width:52px;height:52px;font-size:18px;transition:background-color .3s,border-color .3s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{border-color:var(--af7-accent);background:var(--af7-accent)}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-thumbs{justify-content:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.lightbox-thumb{opacity:.45;background:#fff;border:1px solid #0000;flex-shrink:0;width:64px;height:64px;transition:opacity .3s,border-color .3s;position:relative;overflow:hidden}.lightbox-thumb img{object-fit:contain}.lightbox-thumb:hover,.lightbox-thumb.is-active{opacity:1;border-color:var(--af7-accent)}.lightbox button:focus-visible{outline:2px solid var(--af7-accent);outline-offset:3px}.lightbox-caption{color:#ffffffb8;letter-spacing:.08em;text-align:center;text-transform:uppercase;max-width:none;font-size:12px}@media (max-width:700px){.lightbox-image{inset:0}.lightbox-nav{display:none}}