.lightbox-backdrop.svelte-lnsl0r{view-transition-name:lightbox-backdrop}.lightbox-image.svelte-lnsl0r{view-transition-name:lightbox-image}.lightbox-photo.svelte-lnsl0r{aspect-ratio:var(--w) / var(--h);width:min(100vw - 2 * (var(--mount-pad) + 1px), 80dvh * var(--w) / var(--h))}::view-transition-new(lightbox-backdrop){animation:.45s cubic-bezier(.22,1,.36,1) both svelte-lnsl0r-slide-up-in}::view-transition-new(lightbox-image){animation:.4s cubic-bezier(.34,1.56,.64,1) .12s both svelte-lnsl0r-image-pop-in}html:active-view-transition-type(lightbox-close)::view-transition-old(lightbox-backdrop){animation:.2s cubic-bezier(.4,0,1,1) both svelte-lnsl0r-slide-down-out}html:active-view-transition-type(lightbox-close)::view-transition-old(lightbox-image){animation:.15s cubic-bezier(.4,0,1,1) both svelte-lnsl0r-image-fade-out}html:active-view-transition-type(lightbox-close)::view-transition-new(lightbox-backdrop){animation:none}html:active-view-transition-type(lightbox-close)::view-transition-new(lightbox-image){animation:none}html:active-view-transition-type(nav-next,nav-prev) .nav-arrow-prev.svelte-lnsl0r{view-transition-name:lightbox-nav-prev}html:active-view-transition-type(nav-next,nav-prev) .nav-arrow-next.svelte-lnsl0r{view-transition-name:lightbox-nav-next}html:active-view-transition-type(nav-next,nav-prev) .frame-counter.svelte-lnsl0r{view-transition-name:lightbox-frame-counter}html:active-view-transition-type(nav-next,nav-prev)::view-transition-group(lightbox-frame-counter){animation:none}html:active-view-transition-type(nav-next,nav-prev)::view-transition-new(lightbox-frame-counter){animation:none}html:active-view-transition-type(nav-next,nav-prev)::view-transition-old(lightbox-frame-counter){opacity:0;animation:none}html:active-view-transition-type(nav-next,nav-prev){--nav-out:.3s cubic-bezier(.32, .72, 0, 1);--nav-in:.5s cubic-bezier(.32, .72, 0, 1)}html:active-view-transition-type(nav-next,nav-prev)::view-transition-group(lightbox-image){animation:none}html:active-view-transition-type(nav-next,nav-prev)::view-transition-old(lightbox-image){width:auto;height:auto;margin:auto;inset:0}html:active-view-transition-type(nav-next,nav-prev)::view-transition-new(lightbox-image){width:auto;height:auto;margin:auto;inset:0}html:active-view-transition-type(nav-next)::view-transition-old(lightbox-backdrop){animation:none}html:active-view-transition-type(nav-next)::view-transition-new(lightbox-backdrop){animation:none}html:active-view-transition-type(nav-next)::view-transition-old(lightbox-image){animation:var(--nav-out) both svelte-lnsl0r-slide-out-left;transform-origin:50%}html:active-view-transition-type(nav-next)::view-transition-new(lightbox-image){animation:var(--nav-in) both svelte-lnsl0r-slide-in-right;transform-origin:50%}html:active-view-transition-type(nav-prev)::view-transition-old(lightbox-backdrop){animation:none}html:active-view-transition-type(nav-prev)::view-transition-new(lightbox-backdrop){animation:none}html:active-view-transition-type(nav-prev)::view-transition-old(lightbox-image){animation:var(--nav-out) both svelte-lnsl0r-slide-out-right;transform-origin:50%}html:active-view-transition-type(nav-prev)::view-transition-new(lightbox-image){animation:var(--nav-in) both svelte-lnsl0r-slide-in-left;transform-origin:50%}@keyframes svelte-lnsl0r-slide-up-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-lnsl0r-slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes svelte-lnsl0r-image-pop-in{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes svelte-lnsl0r-image-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes svelte-lnsl0r-slide-out-left{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-200px)scale(.95)}}@keyframes svelte-lnsl0r-slide-in-right{0%{opacity:0;transform:translate(200px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes svelte-lnsl0r-slide-out-right{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(200px)scale(.95)}}@keyframes svelte-lnsl0r-slide-in-left{0%{opacity:0;transform:translate(-200px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}