.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content,.modal-overlay{display:flex;justify-content:center;align-items:center}.modal-content{position:relative;background-color:transparent;border-radius:0;padding:0;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:none;animation:modalFadeIn .3s ease-out}.modal-children{margin-bottom:16px}.modal-images{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;width:100%;height:100%}.modal-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:none}.modal-close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background-color:rgba(0,0,0,.5);color:white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;transition:all .2s ease;z-index:1001}.modal-close-button:hover{background-color:rgba(0,0,0,.7);transform:scale(1.1)}.modal-close-button:active{transform:scale(.95)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-content{margin:0;padding:0;max-width:100vw;max-height:100vh}.modal-close-button{top:16px;right:16px;width:36px;height:36px;font-size:20px}}