#thumbnailButton{transition:all .2s ease-in-out}#thumbnailButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}#thumbnailButton:active{transform:translateY(0)}#imageModal{backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}#imageModal.hidden{animation:fadeOut .2s ease-in}#imageModal .bg-white{animation:slideIn .3s ease-out}@media(max-width:768px){#imageModal .max-w-4xl{max-width:95vw;margin:1rem}#imageModal .p-6{padding:1rem}#imageModal .max-h-\[70vh\]{max-height:60vh}}#closeModal:hover{background-color:#fff;transform:scale(1.1)}@media(max-width:640px){#thumbnailButton img{width:6rem}}@media(min-width:641px) and (max-width:1024px){#thumbnailButton img{width:7rem}}@media(max-width:1024px){.flex-col.lg\:flex-row{align-items:center;text-align:center}.flex-col.lg\:flex-row .flex-1{margin-bottom:1rem}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideIn{from{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}#thumbnailButton:focus{outline:2px solid #4a7898;outline-offset:2px}#closeModal:focus{outline:2px solid #4a7898;outline-offset:2px}#imageModal img{max-width:100%;height:auto;display:block}#imageModal .bg-black{user-select:none}#thumbnailButton,#closeModal,#imageModal .bg-white{transition:all .2s ease-in-out}