:root{--size-fluid-3: clamp(1.5rem, 3vw, 2rem);--size-fluid-1: clamp(.5rem, 1vw, 1rem);--radius-2: 5px;--radius-3: 1rem;--size-fluid-4: clamp(2rem, 4vw, 3rem);--size-px-1: 4px;--size-fluid-2: clamp(1rem, 2vw, 1.5rem)}.portfolio.svelte-bkw48f{padding-bottom:var(--size-fluid-3)}.portfolio.svelte-bkw48f .grid-container:where(.svelte-bkw48f){display:grid;grid-template-columns:auto auto;gap:var(--size-fluid-1);margin:auto;width:90%}.portfolio.svelte-bkw48f .grid-container:where(.svelte-bkw48f) button:where(.svelte-bkw48f){margin:0;padding:0;border:none}.portfolio.svelte-bkw48f .grid-container:where(.svelte-bkw48f) button:where(.svelte-bkw48f) .thumbnail:where(.svelte-bkw48f){width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2)}.portfolio.svelte-bkw48f .desktop:where(.svelte-bkw48f){grid-template-columns:auto auto auto auto}.lightbox.svelte-bkw48f{display:flex;position:fixed;top:0;width:100vw;height:100vh;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.lightbox.svelte-bkw48f img:where(.svelte-bkw48f){max-width:90%;max-height:90%;border-radius:var(--radius-3);animation:svelte-bkw48f-fadeIn 2s}.lightbox.svelte-bkw48f .prev:where(.svelte-bkw48f),.lightbox.svelte-bkw48f .next:where(.svelte-bkw48f){height:3rem;width:3rem;position:absolute;transform:translateY(-50%);font-size:var(--size-fluid-4);background-color:transparent;color:hsl(var(--white-0));padding:var(--size-px-1);cursor:pointer;z-index:1001;border:none}.lightbox.svelte-bkw48f .prev:where(.svelte-bkw48f){left:var(--size-fluid-2)}.lightbox.svelte-bkw48f .next:where(.svelte-bkw48f){right:var(--size-fluid-2)}.lightbox.svelte-bkw48f .close:where(.svelte-bkw48f){position:absolute;top:var(--size-fluid-4);right:var(--size-fluid-3);font-size:var(--size-fluid-4);color:hsl(var(--white-0));background:none;cursor:pointer;border:none;z-index:1001}@keyframes svelte-bkw48f-fadeIn{0%{opacity:0}to{opacity:1}}