.modalContainer{position:fixed;inset:0;width:100vw;height:100vh;background-color:#121212b3;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{width:min(700px,90vw);max-height:85vh;background:linear-gradient(145deg,#2c3440,#222831);border-radius:12px;padding:2.5rem;overflow:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.modal img{border-radius:12px;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}@media(max-width:768px){.modal{width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:1.25rem}.modal-close-btn{top:1rem;right:1rem}}.modal .close-modal-container{width:100%;display:flex}.modal .close-modal-container .title{display:flex;align-items:center;margin-right:40px}.modal-description{white-space:pre-line}.modal .close-modal-container .modal-close-btn{text-shadow:1px 1px 1px rgba(0,0,0,1);position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;cursor:pointer}.modal .close-modal-container .modal-close-btn:hover{background-color:#7f8c8d}.modal-content-container .image-container{display:flex;justify-content:center}.modal-content-container .image-container .modal-image{width:100%;max-height:40vh;object-fit:cover;border-radius:12px;box-shadow:0 4px 14px #0006,0 0 0 1px #ffffff0f}