.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.9);display:grid;opacity:0;pointer-events:none;transition:400ms ease}.lightbox .inner{margin:auto;width:80%;display:grid}.lightbox .inner .images{height:100vh;position:relative}.lightbox .inner .images img{margin:auto;width:100%;height:100%;object-fit:contain;object-position:center center;position:absolute;top:0;left:0;opacity:0;transition:300ms ease}.lightbox .inner .images img.showing{opacity:1}.lightbox .inner .controls{position:absolute;top:calc(50% - 30px);left:10%;width:80%;display:flex;justify-content:space-between}.lightbox .inner .controls button{width:60px;height:60px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);cursor:pointer}.lightbox .inner .controls button::after{content:"";display:block;width:20px;height:20px;border:none;transform:rotate(45deg);transition:400ms ease}.lightbox .inner .controls button.prev::after{border-left:5px solid var(--white-border);border-bottom:5px solid var(--white-border);margin-left:8px}.lightbox .inner .controls button.next::after{border-right:5px solid var(--white-border);border-top:5px solid var(--white-border);margin-right:8px}.lightbox .inner .controls button:hover::after{border-color:var(--tertiary-border)}.lightbox .close{position:absolute;top:1rem;right:1rem;cursor:pointer;width:1.5rem;height:1.5rem}.lightbox .close::before,.lightbox .close::after{content:"";display:block;transform-origin:50% 50%;transform:rotate(45deg);position:absolute;background-color:var(--white-border);transition:400ms ease;width:.15rem;height:1.25rem;top:.125rem;right:.7rem}.lightbox .close::after{transform:rotate(-45deg)}.lightbox .close:hover::before,.lightbox .close:hover::after{background-color:var(--tertiary-border)}@media(min-width: 992px){.lightbox .close{top:2rem;right:2rem;width:2rem;height:2rem}.lightbox .close::before,.lightbox .close::after{width:.25rem;height:1.75rem;top:.125rem;right:.875rem}}.lightbox.open{opacity:1;pointer-events:all}.lightbox.open .close{pointer-events:all}/*# sourceMappingURL=lightbox.css.map */