.lightbox.svelte-1uopij2{z-index:10;color:#fff;background:#000000eb;flex-direction:column;font:13px/1.4 Arial,Helvetica,sans-serif;transition:opacity .2s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;inset:0}@starting-style{.lightbox.svelte-1uopij2{opacity:0}}.caption.svelte-1uopij2{height:calc(2rem + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) calc(.6rem + env(safe-area-inset-right,0px)) 0 calc(.6rem + env(safe-area-inset-left,0px));white-space:nowrap;text-overflow:ellipsis;background:#000;border-bottom:1px solid #ffffff4d;align-items:center;display:flex;overflow:hidden}.stage.svelte-1uopij2{touch-action:none;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:0;padding:1.5rem;display:flex}img.svelte-1uopij2{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;view-transition-name:photo;max-width:min(100%,1400px);max-height:100%}button.svelte-1uopij2{font:inherit;color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0}@media (hover:hover) and (pointer:fine){button.svelte-1uopij2:hover{color:#fff}}button.svelte-1uopij2:focus-visible{color:#fff;outline-offset:-2px;outline:2px solid #fff}button.svelte-1uopij2:active{background:#ffffff14}.side.svelte-1uopij2{align-self:stretch;padding:0 1.5rem;font-size:40px}.controls.svelte-1uopij2{height:calc(2.25rem + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#000;border-top:1px solid #ffffff4d;align-items:stretch;display:flex}.controls.svelte-1uopij2 button:where(.svelte-1uopij2),.count.svelte-1uopij2{align-items:center;padding:0 1.1rem;display:flex}.count.svelte-1uopij2{background:#ffffff1f}@media (width<=64rem){.side.svelte-1uopij2{display:none}.stage.svelte-1uopij2{padding:0}.controls.svelte-1uopij2 button:where(.svelte-1uopij2):first-of-type,.controls.svelte-1uopij2 button:where(.svelte-1uopij2):nth-of-type(2){display:none}}::view-transition-group(photo){animation-duration:.28s;animation-timing-function:cubic-bezier(.32,.72,0,1)}:root.lightbox-closing::view-transition-group(photo){animation-duration:.2s}::view-transition-old(photo){object-fit:cover;height:100%}::view-transition-new(photo){object-fit:cover;height:100%}.filmstrip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#fff6 transparent;margin:-.25rem -.35rem;display:flex;overflow-x:auto}.filmstrip .frame{scroll-snap-align:start;border-right:1px solid var(--grid);color:var(--muted);cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:0 0 13rem;text-decoration:none}.filmstrip img{aspect-ratio:2/3;object-fit:cover;box-sizing:border-box;width:100%;height:auto;padding:.4rem;transition:transform .12s cubic-bezier(.23,1,.32,1);display:block}.filmstrip .frame:active img{transform:scale(.97)}.filmstrip .frame span{border-top:1px solid var(--grid);padding:.25rem .35rem;font-size:12px;font-weight:400;display:block}@media (hover:hover) and (pointer:fine){.filmstrip .frame:hover span{color:#fff}}.grid .cell.filmstrip-controls{padding:0;display:flex}.filmstrip-controls button{font:inherit;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;min-width:2.75rem;min-height:2.75rem;padding:0;font-size:16px;line-height:1;transition:transform .12s cubic-bezier(.23,1,.32,1)}.filmstrip-controls button:active{transform:scale(.95)}@media (width<=64rem){.filmstrip .frame{flex-basis:10rem}.filmstrip{margin:-.4rem -.5rem}}