dialog.workshop-lightbox{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:70px 80px 30px;border:0;background:rgba(10,18,22,.97);color:#fff}
dialog.workshop-lightbox[open]{display:flex;align-items:center;justify-content:center}
.workshop-lightbox::backdrop{background:#0a1216}
.workshop-lightbox figure{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}
.workshop-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 160px);width:auto;height:auto;object-fit:contain}
.workshop-lightbox figcaption{text-align:center;font:15px/1.5 sans-serif;color:#fff}
.workshop-lightbox button{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #b9a16c;border-radius:50%;background:#173b43;color:#fff;font:38px/1 sans-serif;cursor:pointer}
.workshop-lightbox button:hover{background:#31565e}
.workshop-lightbox button:focus-visible{outline:3px solid #e7c98b;outline-offset:4px}
.workshop-lightbox .wl-close{top:max(16px,env(safe-area-inset-top));right:20px}
.workshop-lightbox .wl-prev{left:16px;top:calc(50% - 24px)}
.workshop-lightbox .wl-next{right:16px;top:calc(50% - 24px)}
@media(max-width:600px){dialog.workshop-lightbox{padding:76px 12px 100px}.workshop-lightbox img{max-height:calc(100dvh - 220px)}.workshop-lightbox .wl-prev{top:auto;bottom:24px;left:calc(50% - 64px)}.workshop-lightbox .wl-next{top:auto;bottom:24px;right:calc(50% - 64px)}}
dialog.workshop-lightbox figure figcaption{color:#fff!important;background:transparent!important;border:0!important;padding:0!important;opacity:1!important}

dialog.workshop-lightbox button[hidden]{display:none}