.lb-dialog{max-width: none;max-height: none;width: 100%;height: 100%;margin: 0;padding: 0;border: 0;background: transparent;overflow: hidden}.lb-dialog::backdrop{background: #000;opacity: 0.8}.lb-dialog[open]{display: flex;align-items: center;justify-content: center}.lb-frame{position: relative;display: flex;flex-direction: column;align-items: stretch;max-width: calc(100vw - 40px)}.lb-figure{position: relative;margin: 0;padding: 4px;background: #fff;border-radius: 4px}.lb-figure img{display: block;max-width: calc(100vw - 48px);max-height: calc(100vh - 120px);width: auto;height: auto;border-radius: 3px}.lb-prev,.lb-next{position: absolute;top: 0;bottom: 0;width: 34%;border: 0;padding: 0;background: transparent;color: #fff;font-size: 32px;opacity: 0;cursor: pointer;transition: opacity 0.6s}.lb-prev{left: 0;text-align: left;padding-left: 10px}.lb-next{right: 0;text-align: right;padding-right: 10px}.lb-prev:hover,.lb-next:hover,.lb-prev:focus-visible,.lb-next:focus-visible{opacity: 1;text-shadow: 0 0 4px rgba(0,0,0,0.8)}.lb-meta{display: flex;align-items: flex-start;gap: 8px;padding-top: 5px;color: #ccc;font-size: 12px;line-height: 1.1em}.lb-caption{display: block;font-weight: bold;color: #fff;font-size: 13px}.lb-close{margin-left: auto;width: 30px;height: 30px;border: 0;padding: 0;background: transparent;color: #fff;font-size: 26px;line-height: 30px;opacity: 0.7;cursor: pointer}.lb-close:hover,.lb-close:focus-visible{opacity: 1}@media (prefers-reduced-motion: reduce){.lb-prev,.lb-next{transition: none}}