.lightbox{--lightbox-background: #000;display:flex;justify-content:center;align-items:center;position:fixed;pointer-events:none;top:0;left:0;width:100%;height:100%}.lightbox::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--lightbox-background);z-index:-1;transform:translateY(100%);transition:.35s ease-in-out}.lightbox #close-lightbox{position:absolute;top:20px;right:20px;color:#fefefe;pointer-events:all}.lightbox .wrapper{display:flex;position:relative;max-width:550px;width:100%}.lightbox .wrapper #prev-btn,.lightbox .wrapper #next-btn{position:absolute;background:rgba(0,0,0,.35);transition:.6s ease-in;opacity:0;z-index:9;cursor:pointer}.lightbox .wrapper #prev-btn.no-transition,.lightbox .wrapper #next-btn.no-transition{transition:none !important}.lightbox .wrapper #prev-btn{left:-110px;top:0}.lightbox .wrapper #prev-btn img{rotate:180deg}.lightbox .wrapper #next-btn{right:-110px;bottom:0}.lightbox .img-container{position:relative;max-height:70vh;max-width:550px;width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity 0s ease-in}.lightbox .img-container .animation:before,.lightbox .img-container .animation:after{content:"";width:110%;height:200%;background:var(--lightbox-background);position:absolute;top:0;left:-5%}.lightbox .img-container .animation:before{transform:translateY(-100%);transition:none}.lightbox .img-container .animation:after{transform:translateY(100%);transition:none}.lightbox .img-container.animate-down .animation:before{transform:translateY(100%);transition:1.2s ease-in}.lightbox .img-container.animate-up .animation:after{transform:translateY(-100%);transition:1.2s ease-in}.lightbox .img-container img{max-height:70vh;height:100%;width:100%;max-width:550px;object-fit:cover}.lightbox .img-container:before{content:"";position:absolute;top:0;left:-5%;width:110%;height:100%;background:var(--lightbox-background);will-change:transform}.lightbox.show{z-index:9999999;pointer-events:all}.lightbox.show:before{transform:translateY(0%)}.lightbox.show .wrapper #prev-btn,.lightbox.show .wrapper #next-btn{opacity:1}.lightbox.show .img-container{opacity:1;will-change:opacity;transition:opacity .8s ease-in}.lightbox.show .img-container:before{transform:translateY(-100%);transition:.6s .2s ease-in-out}@media screen and (max-width: 830px){.lightbox .wrapper #prev-btn{left:0}.lightbox .wrapper #prev-btn img{width:60px}.lightbox .wrapper #next-btn{right:0}.lightbox .wrapper #next-btn img{width:60px}}/*# sourceMappingURL=Lightbox.min.css.map */