.lightbox{position:fixed;inset:0;z-index:var(--z-lightbox);font-family:inherit}.lightbox__backdrop{position:absolute;inset:0;background:var(--c-lightbox-bg)}.lightbox__close{position:absolute;top:16px;right:16px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,8%);border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox__close:hover{background:rgba(255,255,255,.14)}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,6%);border:none;color:#fff;display:flex;align-items:center;justify-content:center;z-index:3;transition:background .15s}.lightbox__nav:hover{background:rgba(255,255,255,.14)}.lightbox__nav--left{left:16px}.lightbox__nav--right{right:16px}.lightbox__stage{position:absolute;top:0;left:0;right:0;bottom:60px;display:flex;align-items:center;justify-content:center;padding:48px;transition:right .25s,bottom .25s;box-sizing:border-box}.lightbox__stage--with-info{right:360px}@media(max-width:760px){.lightbox__stage{bottom:78px}.lightbox__stage--sheet-open{bottom:min(55vh,360px)}}.lightbox__img{max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 20px 60px rgba(0,0,0,.5)}.lightbox__bottom{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;padding:0 24px;transition:right .25s;z-index:3}.lightbox__bottom--with-info{right:360px}.lightbox__counter{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.lightbox__actions{margin-left:auto;display:flex;gap:8px}.lightbox__chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,8%);border:none;color:#fff;font-size:12.5px;font-family:inherit;transition:background .15s}.lightbox__chip:hover{background:rgba(255,255,255,.14)}.lightbox__kbd{margin-left:2px;padding:1px 5px;border-radius:3px;background:rgba(255,255,255,8%);font-size:10px;font-family:var(--font-mono);color:rgba(255,255,255,.75)}.lightbox__exif-panel{position:absolute;top:0;right:0;bottom:0;width:360px;background:var(--c-exif-panel);border-left:1px solid rgba(255,255,255,6%);z-index:2;overflow-y:auto}.lightbox__sheet{position:absolute;left:0;right:0;bottom:0;background:var(--c-exif-panel);border-top:1px solid rgba(255,255,255,8%);max-height:60vh;z-index:4;transform:translateY(100%);transition:transform .25s;border-top-left-radius:14px;border-top-right-radius:14px;visibility:hidden}.lightbox__sheet--open{transform:translateY(0);visibility:visible}.lightbox__sheet-grab{width:36px;height:3px;border-radius:2px;background:rgba(255,255,255,.25);margin:6px auto 2px}.lightbox__exif{padding:28px;color:#fff;font-size:13px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.lightbox__exif-label{font-size:10px;letter-spacing:var(--track-label);text-transform:uppercase;color:rgba(255,255,255,.45)}.lightbox__exif-dl{margin:0;display:grid;grid-template-columns:90px 1fr;column-gap:14px;row-gap:10px}.lightbox__exif-dl dt{color:rgba(255,255,255,.45);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono);padding-top:2px;margin:0}.lightbox__exif-dl dd{margin:0;color:#fff;font-variant-numeric:tabular-nums}.lightbox__exif-dl dd a{color:#fff;text-decoration:underline;text-underline-offset:3px}