.imageModal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;cursor:pointer;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.imageModal .closeButton{cursor:pointer;z-index:10000;background:0 0;border:none;padding:.5rem 1rem;font-family:inherit;font-size:1rem;position:fixed;top:.25em;right:0}.imageModal .closeButton:hover{opacity:.6}.imageModal .navButton{cursor:pointer;z-index:10000;background:0 0;border:none;padding:2rem;font-family:inherit;font-size:1.5rem;transition:opacity .2s;position:fixed;top:50%;transform:translateY(-50%)}.imageModal .navButton:hover{opacity:.8}.imageModal .navButton.prevButton{left:0}.imageModal .navButton.nextButton{right:0}@media (max-width:768px){.imageModal .navButton{padding:1rem}}.imageModal .modalContent{cursor:default;justify-content:center;align-items:center;width:85vw;height:85vh;margin-bottom:1em;display:flex}@media (max-width:768px){.imageModal .modalContent{width:85vw;padding:1rem}}.imageModal .modalContent figure{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.imageModal .modalContent .modalImageContainer{width:100%;height:100%;position:relative}.imageModal .modalContent .modalImageContainer img{object-fit:contain!important}.imageModal .modalContent figcaption{text-wrap:balance;max-width:30rem;line-height:1.4;position:fixed;bottom:1em;left:1em}.imageModal .modalContent figcaption>span:nth-child(2){opacity:.5;margin-left:.5em}