.vx-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vx-modal.active{display:flex;align-items:center;justify-content:center}.vx-modal-content{position:relative;display:flex;align-items:center;justify-content:center;width:90%;max-width:1200px;height:90%}.vx-modal-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;cursor:pointer;z-index:1001;padding:.5rem;border-radius:50%;transition:all .3s ease}.vx-modal-close:hover{background-color:#ffffff1a;transform:scale(1.1)}.vx-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:1rem;border-radius:50%;transition:all .3s ease;z-index:1001}.vx-modal-nav:hover{background-color:#fff3;transform:translateY(-50%) scale(1.1)}.vx-modal-prev{left:-4rem}.vx-modal-next{right:-4rem}.vx-modal-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vx-modal-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;box-shadow:0 2rem 4rem #00000080}@media (max-width: 768px){.vx-modal-nav{padding:.75rem}.vx-modal-prev{left:-2rem}.vx-modal-next{right:-2rem}.vx-modal-close{top:-2rem;right:-1rem}}