.lightbox{--lightbox-thumb-size:80px;position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--color-background);color:var(--color-foreground)}.lightbox::backdrop{background:0 0}.lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.lightbox__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacer-2) var(--spacer-3)}.lightbox__counter{margin:0;font-variant-numeric:tabular-nums}.lightbox__button,.lightbox__thumb{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:0;min-width:0;max-width:none;padding:0;color:inherit;cursor:pointer;transition:color var(--default-duration, 0.2s) ease}.lightbox__thumb{background:0 0;border:1px solid transparent}.lightbox__button,.lightbox__button:hover{border:0;background:0 0}.lightbox__button:hover{color:var(--color-text-secondary)}.lightbox__thumb:hover{background:0 0;border-color:transparent}.lightbox__thumb[aria-current=true]:hover{border-color:var(--color-foreground)}.lightbox:focus,.lightbox:focus-visible,.lightbox__button:focus,.lightbox__button:focus-visible{outline:0}.lightbox__button:focus-visible{color:var(--color-text-secondary)}.lightbox__thumb:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.lightbox__button{width:44px;height:44px}.lightbox__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 var(--spacer-8);touch-action:pan-y pinch-zoom}.lightbox__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:1;transition:opacity var(--default-duration, 0.2s) ease}.lightbox__image.is-loading{opacity:0}.lightbox__arrow{position:absolute;top:50%;transform:translateY(-50%)}.lightbox__arrow--prev{left:var(--spacer-3)}.lightbox__arrow--next{right:var(--spacer-3)}.lightbox__arrow--next svg{transform:scaleX(-1)}.lightbox__caption{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacer-3);width:100%;max-width:var(--page-width);margin:0 auto;padding:var(--spacer-2) var(--spacer-3)0}.lightbox__caption-text{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-family-heading);font-style:italic;font-size:20px;font-weight:var(--typography-weight-6);line-height:var(--typography-height-6, 1.25);color:var(--color-foreground)}.lightbox__caption-meta{flex-shrink:0;margin:0}.lightbox__thumbs{overflow-x:auto;scrollbar-width:none;padding:var(--spacer-2) var(--spacer-3) var(--spacer-3)}.lightbox__thumbs::-webkit-scrollbar{display:none}.lightbox__thumbs-track{display:flex;align-items:center;gap:var(--spacer-1);width:max-content;min-width:min-content;margin:0 auto}.lightbox__thumb{flex:0 0 auto;height:var(--lightbox-thumb-size);opacity:.5;transition:opacity var(--default-duration, 0.2s) ease,border-color var(--default-duration, 0.2s) ease}.lightbox__thumb:hover{opacity:.8}.lightbox__thumb[aria-current=true]{border-color:var(--color-foreground);opacity:1}.lightbox__thumb-image{display:block;height:100%;width:auto;max-width:calc(var(--lightbox-thumb-size)*2);object-fit:cover}.lightbox--single .lightbox__arrow,.lightbox--single .lightbox__thumbs{display:none}[data-lightbox-item]{cursor:zoom-in}@media screen and (max-width:769px){.lightbox{--lightbox-thumb-size:56px}.lightbox__stage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;column-gap:var(--spacer-3);padding:0 var(--spacer-2)}.lightbox__image{grid-column:1/-1;grid-row:1;align-self:center;justify-self:center}.lightbox__arrow{position:static;grid-row:2;transform:none;margin-top:var(--spacer-1)}.lightbox__arrow--prev{grid-column:1;justify-self:end}.lightbox__arrow--next{grid-column:2;justify-self:start}.lightbox__bar{padding:var(--spacer-1) var(--spacer-2)}.lightbox__thumbs{padding:var(--spacer-2)}.lightbox__caption{flex-direction:column;align-items:flex-start;gap:var(--spacer-1);padding:var(--spacer-2) var(--spacer-2)0}.lightbox__caption-text{font-size:18px}}@media (prefers-reduced-motion:reduce){.lightbox__button,.lightbox__image,.lightbox__thumb{transition:none}}