.media-wrapper .media-gallery .close,.media-wrapper .media-gallery .prev-next-button{cursor:pointer;display:grid;font-weight:500;line-height:1;opacity:0;place-items:center;transition:.4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.k-masonry{--width:500px;--spacing:.5em;grid-gap:var(--spacing);display:grid;grid-template-columns:repeat(auto-fit,Min(var(--width),100%));grid-template-rows:masonry;justify-content:center}.k-masonry .masonry-item{cursor:pointer;overflow:hidden;width:Min(var(--width),100%)}.k-masonry .masonry-item:hover img{transform:scale(1.05)}.k-masonry .masonry-item img{transition:transform .4s ease-in;width:100%}.media-wrapper{background-color:#111;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.media-wrapper .media-gallery{height:500px;left:50%;max-width:calc(100% - 2rem);position:absolute;top:50%;transform:translate(-50%,-50%);width:650px}.media-wrapper .media-gallery img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:.4s ease-out;visibility:hidden;width:100%}.media-wrapper .media-gallery img.show{opacity:1;visibility:visible}.media-wrapper .media-gallery .prev-next-button{background-color:#e2e2e2;font-size:30px;height:40px;position:absolute;top:50%;transform:translateY(-49%);width:40px}.media-wrapper .media-gallery .prev-next-button.prev{left:0}.media-wrapper .media-gallery .prev-next-button.next{right:0}.media-wrapper .media-gallery .close{background-color:rgba(0,0,0,.7);color:#fff;height:22px;position:absolute;right:0;top:0;width:22px}.media-wrapper .media-gallery:hover .close,.media-wrapper .media-gallery:hover .prev-next-button{opacity:.6}