body.breakfast-lightbox-active{overflow:hidden}
#breakfast-lightbox{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;margin:0;padding:64px 24px 32px;border:0;background:transparent;color:white;overflow:auto;font-family:inherit}
#breakfast-lightbox[open]{display:grid;place-items:center;animation:breakfast-photo-in 220ms ease both}
#breakfast-lightbox::backdrop{background:rgba(0,0,0,.84);animation:breakfast-photo-in 220ms ease both}
#breakfast-lightbox.is-closing,#breakfast-lightbox.is-closing::backdrop{animation:breakfast-photo-out 220ms ease both}
#breakfast-lightbox .breakfast-lightbox-figure{display:grid;justify-items:center;gap:12px;max-width:100%;margin:0;padding:0;background:transparent}
#breakfast-lightbox .breakfast-lightbox-image{display:block;width:auto;height:auto;max-width:min(94vw,1400px);max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);margin:0;padding:0;object-fit:contain;box-shadow:0 8px 36px rgba(0,0,0,.4)}
#breakfast-lightbox #breakfast-lightbox-caption{max-width:900px;margin:0;padding:0;color:white;text-align:center;font-size:16px;line-height:1.4}
#breakfast-lightbox .breakfast-lightbox-close{position:fixed;top:12px;right:16px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:white;font-family:Arial,sans-serif;font-size:40px;font-weight:normal;line-height:1;cursor:pointer;z-index:1}
#breakfast-lightbox .breakfast-lightbox-close:hover{background:rgba(255,255,255,.15)}
#breakfast-lightbox .breakfast-lightbox-close:focus-visible{outline:2px solid white;outline-offset:2px}
@keyframes breakfast-photo-in{from{opacity:0}to{opacity:1}}
@keyframes breakfast-photo-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){#breakfast-lightbox[open],#breakfast-lightbox::backdrop,#breakfast-lightbox.is-closing,#breakfast-lightbox.is-closing::backdrop{animation:none}}