.photo-lightbox{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#101216;color:#f4f4f4;overflow:hidden;box-sizing:border-box;font-family:inherit;color-scheme:dark}.photo-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.photo-lightbox::backdrop{background:#101216f5}.photo-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));border-bottom:1px solid #ffffff12}.photo-lightbox-heading,.photo-lightbox-actions{display:flex;align-items:center;gap:12px}.photo-lightbox-title{font-size:13px;font-weight:500;letter-spacing:.02em;color:#c7c8cd}.photo-lightbox-counter{font-size:12px;font-variant-numeric:tabular-nums;color:#a7aab4;white-space:nowrap}.photo-lightbox-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff08;color:#f4f4f4;font:inherit;font-size:13px;line-height:1;cursor:pointer;box-sizing:border-box}.photo-lightbox-button:hover{background:#ffffff13}.photo-lightbox-button:disabled{opacity:.4;cursor:default}.photo-lightbox-button:focus-visible,.photo-lightbox-viewport:focus-visible{outline:2px solid #d2d5fb;outline-offset:-4px}.photo-lightbox-close{border-color:transparent;background:transparent;font-size:30px;font-weight:300}.photo-lightbox-previous,.photo-lightbox-next{font-size:32px;font-weight:300}.photo-lightbox-viewport{min-width:0;min-height:0;width:100%;height:100%;overflow:scroll;overscroll-behavior:contain;touch-action:auto;-webkit-overflow-scrolling:touch;scroll-behavior:auto;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#737783 #17191f}.photo-lightbox-canvas{display:grid;place-items:center;min-width:0;min-height:0;box-sizing:border-box}.photo-lightbox-image{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-select:none}.photo-lightbox-image[hidden]{display:none}.photo-lightbox.is-zoomed .photo-lightbox-viewport{cursor:grab}.photo-lightbox.is-dragging .photo-lightbox-viewport{cursor:grabbing}.photo-lightbox-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px max(20px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid #ffffff12}.photo-lightbox-details{min-width:0;max-width:760px;flex:1;text-align:center}.photo-lightbox-caption{margin:0;font-size:13px;line-height:1.5;color:#d6d7dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-lightbox-message{margin:4px 0 0;font-size:12px;line-height:1.5;color:#a7aab4}.photo-lightbox-message:empty{display:none}.photo-lightbox [hidden]{display:none!important}@media (max-width:640px){.photo-lightbox-toolbar{gap:8px;padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.photo-lightbox-heading{gap:8px;flex-wrap:wrap}.photo-lightbox-actions{gap:4px}.photo-lightbox-title{font-size:12px}.photo-lightbox-button{padding:8px 10px}.photo-lightbox-zoom{font-size:12px}.photo-lightbox-footer{gap:12px;padding-top:10px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.photo-lightbox-caption{font-size:12px}.photo-lightbox-message{font-size:11px}}