.image-modal.svelte-1olrnjg{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-1olrnjg-fadeIn .22s}@keyframes svelte-1olrnjg-fadeIn{0%{opacity:0}to{opacity:1}}.image-modal.svelte-1olrnjg .modal-content:where(.svelte-1olrnjg){display:flex;align-items:center;position:relative;width:95vw;max-width:820px;max-height:90vh;justify-content:center}.image-modal.svelte-1olrnjg .modal-img:where(.svelte-1olrnjg){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-1olrnjg .modal-close:where(.svelte-1olrnjg){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-1olrnjg .modal-close:where(.svelte-1olrnjg):hover{opacity:1}.thumbs.svelte-1olrnjg{margin-top:10px;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.thumb.svelte-1olrnjg{flex:0 0 auto;width:72px;height:54px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:var(--card-background);cursor:pointer;padding:0}.thumb.active.svelte-1olrnjg{border-color:var(--link)}.thumb-img.svelte-1olrnjg{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 820px){.image-modal.svelte-1olrnjg .modal-content:where(.svelte-1olrnjg){width:100vw;max-width:98vw;max-height:83vh}.image-modal.svelte-1olrnjg .modal-img:where(.svelte-1olrnjg){max-width:90vw;max-height:65vh}.image-modal.svelte-1olrnjg .modal-close:where(.svelte-1olrnjg){top:22px;right:16px;font-size:30px}}@media (max-width: 768px){.thumb.svelte-1olrnjg{width:64px;height:48px;border-radius:7px}}@media (max-width: 530px){.image-modal.svelte-1olrnjg .modal-content:where(.svelte-1olrnjg){flex-direction:row;margin:0 0 10px;max-width:98vw;min-width:0}.image-modal.svelte-1olrnjg .modal-img:where(.svelte-1olrnjg){max-width:92vw;max-height:52vh;margin:0 4px}.image-modal.svelte-1olrnjg .modal-close:where(.svelte-1olrnjg){top:24px;right:24px;font-size:32px}}@media (max-width: 480px){.thumb.svelte-1olrnjg{width:58px;height:44px}}