.screenshots.svelte-xhma8i{margin-inline:var(--size-3)}.screenshots-grid.svelte-xhma8i{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--size-3)}@media (min-width: 768px){.screenshots-grid.svelte-xhma8i{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1024px){.screenshots-grid.svelte-xhma8i{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.screenshots-grid.svelte-xhma8i .screenshot-item:where(.svelte-xhma8i){position:relative;overflow:hidden;border:var(--border-size-2) solid var(--brand);border-radius:var(--radius-drawn-3);box-shadow:var(--shadow-2);aspect-ratio:1}.screenshots-grid.svelte-xhma8i .screenshot-item:where(.svelte-xhma8i):before{content:attr(data-title);color:var(--text-1);position:absolute;font-size:small;background:var(--surface-1);padding:var(--size-1) var(--size-2);margin:var(--size-1);border-radius:var(--radius-drawn-1)}.screenshots-grid.svelte-xhma8i .screenshot-item:where(.svelte-xhma8i):hover{animation:svelte-xhma8i-pop .3s cubic-bezier(.01,.29,.38,2.37)}.screenshots-grid.svelte-xhma8i .screenshot-item:where(.svelte-xhma8i) .screenshot-image:where(.svelte-xhma8i){width:100%;height:100%;display:block;object-fit:contain}@keyframes svelte-xhma8i-pop{50%{transform:scale(1.01)}}.popover-button.svelte-xhma8i{padding:0;border:none;background:none;cursor:pointer;width:100%;height:100%}.popover-content.svelte-xhma8i{border:var(--border-size-5) solid var(--brand);border-radius:var(--radius-drawn-4);padding:0;background:none;max-width:90vw;max-height:90vh;transition:transform .3s cubic-bezier(.01,.29,.38,2.37),opacity .2s linear}.popover-content.svelte-xhma8i::backdrop{background:var(--surface-1) radial-gradient(var(--surface-4) 10%,transparent 1%);background-size:9px 9px}@starting-style{.popover-content.svelte-xhma8i{opacity:0;transform:scale(.95)}}.popover-image.svelte-xhma8i{width:100%;height:100%;object-fit:contain}.close-button.svelte-xhma8i{position:fixed;top:1rem;right:1rem;background:var(--surface-1);border:var(--border-size-2) solid var(--surface-4);border-radius:50%;width:2rem;height:2rem;display:grid;place-content:center;cursor:pointer;z-index:1}