.lightbox-image{cursor:zoom-in;transition:box-shadow .15s,transform .15s}.lightbox-image:hover,.lightbox-image:focus-visible{transform:translateY(-.125rem);box-shadow:0 .45rem 1.1rem #00000014}.lightbox-image:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.lightbox-modal{--lightbox-scrim:color-mix(in srgb, var(--dark) 88%, transparent);z-index:1000;background:var(--lightbox-scrim);opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:2.5rem;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:0}:root[saved-theme=dark] .lightbox-modal{--lightbox-scrim:color-mix(in srgb, var(--light) 92%, transparent)}.lightbox-modal.active{opacity:1;visibility:visible;transition:opacity .25s,visibility linear}.lightbox-modal img{object-fit:contain;border-radius:var(--surface-radius,8px);background:var(--light);width:auto;max-width:min(92vw,1600px);height:auto;max-height:90vh;transition:transform .25s;transform:scale(.96)}.lightbox-modal.active img{transform:scale(1)}.lightbox-close{cursor:pointer;width:2.25rem;height:2.25rem;color:var(--dark);background:var(--light);border:1px solid var(--lightgray);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:color .2s,border-color .2s;display:flex;position:absolute;top:1rem;right:1rem}.lightbox-close:hover{color:var(--secondary);border-color:var(--secondary)}body.lightbox-open{overflow:hidden}@media (max-width:768px){.lightbox-modal{padding:1rem}.lightbox-modal img{max-width:96vw;max-height:88vh}.lightbox-close{top:.5rem;right:.5rem}}@media (prefers-reduced-motion:reduce){.lightbox-image,.lightbox-modal,.lightbox-modal img{transition:none}.lightbox-image:hover,.lightbox-image:focus-visible{transform:none}}