body.document-open{overflow:hidden}.document-lightbox{position:fixed;z-index:100;inset:0;background:#0b100ded;backdrop-filter:blur(8px);padding:18px}.document-lightbox[hidden]{display:none}.document-viewer{height:100%;max-width:1100px;margin:auto;display:grid;grid-template:54px 1fr/64px 1fr 64px;background:#181d19;box-shadow:0 20px 80px #0008}.document-toolbar{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:0 18px;color:#fff;border-bottom:1px solid #ffffff26}.document-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-counter{margin-left:auto;color:#c9c9c9}.document-close{font-size:34px}.document-prev,.document-next,.document-close{border:0;background:transparent;color:#fff;cursor:pointer}.document-prev,.document-next{font-size:58px}.document-prev:disabled,.document-next:disabled{opacity:.2}.document-stage{min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;padding:12px}.document-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 4px 24px #0008}.document-stage iframe{width:100%;height:100%;border:0;background:#fff}@media(max-width:600px){.document-lightbox{padding:0}.document-viewer{grid-template:52px 1fr 58px/1fr}.document-toolbar{grid-column:1}.document-stage{grid-row:2;padding:6px}.document-prev,.document-next{grid-row:3;font-size:42px;background:#222}.document-prev{grid-column:1;justify-self:start;width:50%}.document-next{grid-column:1;justify-self:end;width:50%}}