.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;animation:lightboxFadeIn .3s ease}.lightbox .close{position:fixed;top:20px;right:24px;color:#fff;background:none;border:none;font-size:4rem;line-height:1;cursor:pointer;z-index:10000;padding:0 8px;opacity:.7;transition:opacity .2s}.lightbox .close:hover{opacity:1}.lightbox .arrow{position:fixed;top:50%;transform:translateY(-50%);color:#fff;background:none;border:none;font-size:7rem;line-height:1;cursor:pointer;z-index:10000;padding:0 24px;opacity:.5;transition:opacity .2s;-webkit-user-select:none;user-select:none}.lightbox .arrow:hover{opacity:1}@media screen and (max-width:570px){.lightbox .arrow{font-size:5rem;padding:0 12px}}.lightbox .arrow.arrow-left{left:0}.lightbox .arrow.arrow-right{right:0}.lightbox .content{display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;position:relative}.lightbox .content .imageWrap{position:relative;display:inline-block;max-width:90vw;max-height:85vh;line-height:0}.lightbox .content .image{max-width:90vw;max-height:85vh;object-fit:contain;display:block;opacity:0;transition:opacity .3s cubic-bezier(.6,.2,.1,1)}.lightbox .content .image.image-loaded{opacity:1}.lightbox .content .socialOverlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:4px;padding:24px 0 24px 40px;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%);opacity:0;pointer-events:none;transition:opacity .25s ease}.lightbox .content .imageWrap:focus-within .socialOverlay,.lightbox .content .imageWrap:hover .socialOverlay{opacity:1;pointer-events:auto}.lightbox .content .socialBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;background:none;border:none;font-size:1.4rem;opacity:.85;cursor:pointer;transition:opacity .2s}.lightbox .content .socialBtn:hover{opacity:1}.lightbox .content .caption{color:#ccc;font-size:1.3rem;margin-top:12px;text-align:center}.lightbox .counter{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:#aaa;font-size:1.3rem;letter-spacing:1px}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}