/* The same viewport-fitted viewer is used by both photo albums. */
.lb {
  position:fixed; inset:auto; top:var(--viewer-top,0px); left:var(--viewer-left,0px);
  width:var(--viewer-width,100vw); height:var(--viewer-height,100dvh);
  max-width:none; max-height:none; margin:0; padding:0; border:0;
  box-sizing:border-box; overflow:hidden; overscroll-behavior:contain;
  background:#fcfcfb; color:#233872; font:14px/1.4 system-ui,sans-serif;
}
.lb::backdrop {background:#fcfcfbf5;}
.lb[open] {display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;}
.lb .lb-header {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0;width:100%;max-width:none;box-sizing:border-box;
  padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));
  padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));
  border-bottom:1px solid #dce0eb;background:#fff;
}
.lb .lb-count {margin:0;min-width:0;color:#505b77;font:13px/1.4 system-ui,sans-serif;letter-spacing:.02em;}
.lb .lb-btn {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:44px;min-height:44px;padding:9px 16px;box-sizing:border-box;
  border:1px solid #bcc6e2;border-radius:24px;background:#fff;color:#29459f;
  font:600 13px/1.2 system-ui,sans-serif;letter-spacing:0;text-transform:none;
  text-decoration:none;cursor:pointer;touch-action:manipulation;
}
.lb .lb-btn:hover {background:#edf1ff;}
.lb .lb-btn:focus-visible {outline:3px solid #2c49af;outline-offset:3px;}
.lb .lb-close {flex-shrink:0;}
.lb .lb-close span {font-size:24px;line-height:1;}
.lb .lb-fig {position:relative;margin:0;padding:0;min-width:0;min-height:0;overflow:hidden;}
.lb .lb-fig img {
  display:block;position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);
  max-width:none;max-height:none;object-fit:contain;object-position:center;
  background:transparent;box-shadow:none;border:0;border-radius:0;transform:none;
}
.lb .lb-status {
  display:flex;position:absolute;inset:0;align-items:center;justify-content:center;
  flex-direction:column;gap:16px;margin:0;padding:20px;background:#fcfcfb;
  text-align:center;color:#505b77;font:14px/1.5 system-ui,sans-serif;
}
.lb .lb-status[hidden],.lb [hidden] {display:none;}
.lb .lb-bar {
  display:flex;align-items:center;justify-content:center;gap:10px;margin:0;
  padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));
  padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));
  background:#fff;border-top:1px solid #dce0eb;
}
.lb .lb-arrow {padding:9px;font-size:22px;}
body.lightbox-open {overscroll-behavior:none;}
@media(max-width:680px), (max-height:450px) {
  .lb [data-lb-play] {display:none;}
}
@media(max-width:430px) {
  .lb .lb-bar {gap:8px;}
  .lb .lb-bar .lb-btn {padding:9px 12px;}
  .lb .lb-bar .lb-arrow {padding:9px;}
}
@media(max-height:450px) {
  .lb .lb-header {padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px;}
  .lb .lb-bar {padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom));}
  .lb .lb-fig img {inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);}
}