.lightbox{display:flex;justify-content:center;align-items:center;position:fixed;z-index:99990;left:0;top:0;width:100%;height:100%;max-width:100vw;max-height:100vh;overflow:auto;padding-top:35px;padding-bottom:20px;visibility:hidden;opacity:0}.lightbox.active{visibility:visible;opacity:1}.lightbox-backdrop{background:#484848cc;left:0;top:0;width:100%;height:100%;position:fixed;z-index:99991}.lightbox .close{position:absolute;top:10px;right:25px;font-size:35px;font-weight:700;z-index:99993;opacity:1;width:35px}@media(max-width:767px){.lightbox .close{width:25px}}.lightbox .close img{filter:brightness(0) invert(1);width:100%;height:auto}.lightbox .close:focus,.lightbox .close:hover{text-decoration:none;cursor:pointer}.lightbox .lightbox-content-wrap{position:relative;margin:auto;padding:0;width:90%;max-width:100vw;z-index:99992}.lightbox .lightbox-content-wrap .lightbox-content{position:relative}.lightbox .lightbox-content-wrap .lightbox-slide{display:none;transition:all .3s}.lightbox .lightbox-content-wrap .lightbox-slide.active{display:block}.lightbox .lightbox-content-wrap .lightbox-slide .numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:fixed;top:10px;left:10px}.lightbox .lightbox-content-wrap .lightbox-slide img{-o-object-fit:contain;max-height:calc(100vh - 170px);object-fit:contain;margin:0 auto;display:block;max-width:100%}.lightbox .lightbox-content-wrap .next,.lightbox .lightbox-content-wrap .prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0;transition:.3s;transform:translateY(-50%)}.lightbox .lightbox-content-wrap .next:hover,.lightbox .lightbox-content-wrap .prev:hover{background-color:#000c}.lightbox .lightbox-content-wrap .next{right:0;border-radius:3px 0 0 3px}.lightbox .lightbox-controls{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px;margin-left:-5px;margin-right:-5px}.lightbox .lightbox-controls .lightbox-control{width:100px;margin:0 5px 10px}@media(max-width:576px){.lightbox .lightbox-controls .lightbox-control{width:50px}}.lightbox .lightbox-controls .lightbox-control-item{transition:.3s;opacity:.6;cursor:pointer}.lightbox .lightbox-controls .lightbox-control-item:hover,.lightbox .lightbox-controls .lightbox-control.active .lightbox-control-item{opacity:1}.lightbox .lightbox-controls .lightbox-control img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-height:100px;-o-object-position:center;object-position:center}