.modal-overlay.svelte-1jf8vn5{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.svelte-1jf8vn5:target{opacity:1;visibility:visible}.modal-backdrop.svelte-1jf8vn5{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.modal-content.svelte-1jf8vn5{position:relative;max-width:90vw;max-height:90vh;width:500px;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;transform:scale(.9) translateY(20px);transition:transform .3s ease}.modal-overlay.svelte-1jf8vn5:target .modal-content:where(.svelte-1jf8vn5){transform:scale(1) translateY(0)}.modal-close.svelte-1jf8vn5{position:absolute;top:1rem;right:1rem;z-index:10;padding:.5rem;border-radius:50%;background:#00000080;color:#fff;transition:background .2s ease}.modal-close.svelte-1jf8vn5:hover{background:#000c}.modal-image.svelte-1jf8vn5{width:100%;aspect-ratio:4 / 3;overflow:hidden}.modal-image.svelte-1jf8vn5 img:where(.svelte-1jf8vn5){width:100%;height:100%;object-fit:cover}.modal-body.svelte-1jf8vn5{padding:1.5rem}