.lightbox{position:fixed;inset:0;width:100%;height:100vh;background-color:#000000e6;visibility:hidden;display:flex;justify-content:center;align-items:center;opacity:0;transition:.3s;z-index:999}.lightbox.open{visibility:visible;opacity:1}.lightbox .overlay{position:absolute;inset:0;width:100%;height:100vh;z-index:1;color:#fff}.lightbox .overlay:hover{cursor:pointer}.lightbox svg{width:32px;height:32px;fill:none;color:#fff;opacity:.6;background:transparent;transition:opacity .3s}.lightbox *:not(:disabled) svg:hover{opacity:1}.lightbox .overlay svg{position:absolute;top:20px;right:20px}.lightbox .wrapper{max-width:calc(70% - 40px);max-height:90vh;cursor:default;z-index:12;position:relative;background-color:#fff;transition:transform .3s;transform:scale(1)}.lightbox .wrapper.transition{transform:scale(.1)}.lightbox .image-count{color:#aaa;font-size:14px;position:absolute;font-weight:700;letter-spacing:4px;display:block;right:4px;bottom:-24px}.lightbox .picture{width:auto;height:auto;min-height:100px;min-width:100px;max-width:100%;max-height:90vh;box-sizing:border-box;display:block;cursor:default;object-fit:contain;margin:0}.lightbox .picture:hover{transform:none;box-shadow:none}.lightbox button{position:absolute;z-index:11;cursor:pointer;transition:visibility .3s;visibility:hidden}.lightbox button:disabled{cursor:not-allowed;opacity:.3}.lightbox.open button{visibility:visible}.lightbox button.prev{left:10px}.lightbox button.prev:active{left:7px}.lightbox button.next{right:10px}.lightbox button.next:active{right:7px}@media (max-width: 1100px){.lightbox .wrapper{max-width:calc(100% - 40px)}}