.modal{display:none;align-items:center;justify-content:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:rgba(0,0,0,.9);backdrop-filter:blur(5px)}.modal.active{display:flex}.modal-content{margin:auto;display:block;max-width:90%;max-height:90vh;object-fit:contain;position:absolute;animation:zoomIn .3s ease-out}.modal button{min-width:0;background-color:rgba(0,0,0,.5);transition:color .3s ease;color:#fff;transition:all .3s ease}.modal-lightbox button{opacity:.7}.modal button:hover{opacity:1;background:var(--color-btn-hover)}.modal-close{position:absolute;top:20px;right:30px;z-index:1001;font-size:40px;width:60px;height:60px}.modal-nav{position:absolute;top:50%;width:100%;transform:translateY(-50%);z-index:1001;display:flex;justify-content:space-between;padding:0 30px}.modal-nav button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;visibility:visible}.modal-caption{position:absolute;bottom:20px;width:100%;text-align:center;padding:10px;color:var(--bg-primary);background-color:rgba(0,0,0,.7);border-radius:4px;z-index:1001}@media (max-width:768px){.modal-close{right:15px;top:15px}.modal-nav button{width:40px;height:40px}}
/*# sourceMappingURL=../../maps/components/lightbox-image.css.map */