@charset "utf-8";
/* CSS Document */

.lb-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,1);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
}

.lb-overlay.open {
opacity: 1;
pointer-events: auto;
}

.lb-inner {
max-width: 90%;
max-height: 90%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.lb-img {
max-width: 100%;
max-height: 100%;
box-shadow: 0 8px 25px rgba(0,0,0,.6);
}

.lb-close, .lb-prev, .lb-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,.4);
color: #fff;
border: none;
padding: 1em;
cursor: pointer;
font-size: 18px; 
}

.lb-close { top: 12px; right: 12px; transform: none; z-index: 5000; }

.lb-prev { left: 10px; }

.lb-next { right: 10px; }