:root{--lightbox-bg:#000000d9;--lightbox-thumb-size:60px;--lightbox-transition:.35s cubic-bezier(.4,0,.2,1);--light-box-hover-size:10px}.lightbox-overlay{background:var(--lightbox-bg);backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:3000;transition:opacity var(--lightbox-transition),visibility var(--lightbox-transition);flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-overlay.is-open{opacity:1;visibility:visible}.lightbox-stage-wrapper{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.lightbox-stage{touch-action:pan-y;justify-content:center;align-items:center;width:100%;max-width:95vw;height:100%;max-height:80vh;display:flex;position:relative;overflow:hidden}.lightbox-stage img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;margin:auto;transition:opacity .3s,transform .45s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:0 10px 40px -10px #0009}.lightbox-nav-btn{color:#fff;cursor:pointer;backdrop-filter:blur(4px);z-index:1;background:#ffffff1f;border:none;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.8rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{background:#ffffff40}.lightbox-prev{left:.75rem}.lightbox-next{right:.75rem}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:1.6rem;display:grid;position:fixed;top:1rem;right:1rem}.lightbox-close:hover{background:#ffffff59}.lightbox-counter{color:#fff;letter-spacing:.04em;opacity:.85;font-family:system-ui,sans-serif;font-size:.85rem;position:absolute;bottom:.5rem;right:.75rem}.lightbox-thumbs{justify-content:center;gap:.5rem;padding:.5rem 1rem 1rem;display:flex;overflow-x:auto}.lightbox-thumb{width:var(--lightbox-thumb-size);height:var(--lightbox-thumb-size);cursor:pointer;background:#222 50%/cover no-repeat;border-radius:6px;outline:2px solid #0000;flex:none;transition:outline-color .25s;position:relative}.lightbox-thumb[aria-current=true]{outline-color:#fff}.lightbox-thumb:after{content:"";border-radius:inherit;opacity:0;background:linear-gradient(120deg,#ffffff1a,#fff0);transition:opacity .3s;position:absolute;inset:0}.lightbox-thumb:hover:after{opacity:1}img.has-lightbox,.has-lightbox img{cursor:zoom-in;position:relative;transform:scale(1)}img.has-lightbox,.has-lightbox img{cursor:zoom-in;outline:transparent solid var(--light-box-hover-size);outline-offset:0;transition:outline-color .25s,outline-offset .25s;position:relative}img.has-lightbox:after{content:"";pointer-events:none;border:2px solid #fff0;border-radius:6px;transition:border-color .25s;position:absolute;inset:0}img.has-lightbox:hover{outline-offset:calc(var(--light-box-hover-size)*-1);outline-color:#000}img.has-lightbox:hover:after{border-color:#fff6}@media (width<=680px){.lightbox-nav-btn{width:2.5rem;height:2.5rem;font-size:1.4rem}.lightbox-thumb{--lightbox-thumb-size:48px}.lightbox-stage{max-height:70vh}}@media (prefers-reduced-motion:reduce){.lightbox-overlay,.lightbox-stage img{transition:none!important}}