.image-modal.svelte-3d6noo{z-index:10050;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:svelte-3d6noo-fadeIn .22s}@keyframes svelte-3d6noo-fadeIn{0%{opacity:0}to{opacity:1}}.image-modal.svelte-3d6noo .modal-content:where(.svelte-3d6noo){display:flex;align-items:center;position:relative;width:95vw;max-width:820px;max-height:90vh;justify-content:center}.image-modal.svelte-3d6noo .modal-img:where(.svelte-3d6noo){max-width:100%;max-height:80vh;box-shadow:0 0 32px 0 var(--shadow);border-radius:10px;background:var(--background);margin:0 16px;-webkit-user-select:none;user-select:none}.image-modal.svelte-3d6noo .modal-close:where(.svelte-3d6noo){position:absolute;top:28px;right:36px;background:none;border:none;color:#fff;font-size:48px;z-index:11;cursor:pointer;opacity:.8;font-weight:700;transition:opacity .18s}.image-modal.svelte-3d6noo .modal-close:where(.svelte-3d6noo):hover{opacity:1}.image-modal.svelte-3d6noo .modal-dots:where(.svelte-3d6noo){display:flex;gap:12px;justify-content:center;margin-top:18px}.image-modal.svelte-3d6noo .modal-dot:where(.svelte-3d6noo){width:12px;height:12px;border-radius:99px;border:none;background:#fff7;cursor:pointer;transition:background .25s;outline:none;margin:0;padding:0}.image-modal.svelte-3d6noo .modal-dot.active:where(.svelte-3d6noo){background:#fff}@media (max-width: 820px){.image-modal.svelte-3d6noo .modal-content:where(.svelte-3d6noo){width:100vw;max-width:98vw;max-height:83vh}.image-modal.svelte-3d6noo .modal-img:where(.svelte-3d6noo){max-width:90vw;max-height:65vh}.image-modal.svelte-3d6noo .modal-close:where(.svelte-3d6noo){top:22px;right:16px;font-size:30px}}@media (max-width: 530px){.image-modal.svelte-3d6noo .modal-content:where(.svelte-3d6noo){flex-direction:row;margin:0 0 10px;max-width:98vw;min-width:0}.image-modal.svelte-3d6noo .modal-img:where(.svelte-3d6noo){max-width:92vw;max-height:52vh;margin:0 4px}.image-modal.svelte-3d6noo .modal-close:where(.svelte-3d6noo){top:24px;right:24px;font-size:32px}.image-modal.svelte-3d6noo .modal-dots:where(.svelte-3d6noo){margin-top:12px;gap:6px}.image-modal.svelte-3d6noo .modal-dot:where(.svelte-3d6noo){width:7px;height:7px}}