.lightbox{position:fixed;z-index:2000;top:0;left:0;display:none;width:100vw;height:100vh;grid-template-rows:1fr 50px;grid-template-columns:1fr;--fg: var(--umber);--bg: var(--lightest-gray);--image-radius-zoomed: 20px}.lightbox__hitbox{position:absolute;z-index:1}.is-lightbox-open .lightbox__hitbox{cursor:zoom-in}.is-lightbox-zoomed .lightbox__hitbox{cursor:zoom-out}.lightbox__overlay{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0;background-color:var(--bg);cursor:crosshair}.lightbox__image{position:relative;z-index:5;width:100%;max-width:100vw;height:100%;pointer-events:none;grid-area:1/1/span 2/1;-ms-overflow-style:none;scrollbar-width:none}.lightbox__image::-webkit-scrollbar{display:none}.is-lightbox-zoomed .lightbox__image{overflow-x:scroll;overflow-y:hidden}.is-lightbox-zoomed.is-lightbox-vertical-scrolling .lightbox__image{overflow-x:hidden;overflow-y:scroll}.lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;transform-origin:top left}.lightbox__img{width:100%;height:100%;margin:0 auto;transform-origin:top left;border-radius:var(--image-radius-zoomed);-o-object-fit:contain;object-fit:contain}.lightbox__buttons{position:relative;z-index:30;display:flex;align-items:center;justify-content:center;width:120px;height:34px;margin:8px calc((100vw - 120px)/2);opacity:0;border-radius:17px;background-color:var(--lightest-gray);grid-area:2/1;gap:5px}.lightbox__button{display:flex;align-items:center;justify-content:center;margin:-5px;padding:5px;cursor:pointer}.lightbox__button.disabled{cursor:default;pointer-events:none}.lightbox__button.disabled .svg{--fg: var(--light-gray)}.lightbox__button__icon{--bg: transparent;--fg: var(--umber);--bg-default: transparent}.lightbox__button__icon.close{padding:10px}