.gallery-main{justify-content:center}h1{z-index:1}.gallery-modal-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--dvh));z-index:var(--gallery-modal-container-z-index);gap:var(--gallery-modal-container-gap);justify-content:center}.gallery-modal-container.visible{display:flex}.gallery-modal-container>div{max-height:var(--gallery-modal-container-div-max-height)}.modal-close-wrapper{justify-content:center}.modal-image-wrapper{height:var(--modal-image-wrapper-height);justify-content:center}.modal-image-wrapper img{width:100%;height:100%}.gallery-body:has(.gallery-modal-container.visible){overflow:hidden}.gallery-body .fade{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--dvh));z-index:5}body:has(.fade.visible){overflow:hidden}.gallery-body .fade.visible{display:block}.gallery-modal-container{background-color:rgba(0,0,0,.75);cursor:zoom-out}.modal-close-wrapper{text-align:right;color:var(--background-color)}.modal-close-wrapper span{cursor:pointer}.modal-image-wrapper img{object-fit:contain}.gallery-body .fade{background-color:rgba(255,255,255,0)}.gallery-body .fade.visible{animation-name:fade;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-iteration-count:1}@keyframes fade{0%{background-color:rgba(255,255,255,0)}50%{background-color:#fff}100%{background-color:rgba(255,255,255,0)}}