.logo-container.svelte-uk07lk{width:var(--logo-size);height:var(--logo-size);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:3px;border:5px solid var(--logo-colour);border-radius:14px;--lightness: .9;--chroma: .17;--logo-colour: oklch(var(--lightness) var(--chroma) var(--logo-hue));--logo-bg: oklch(0 0 0);background-color:var(--logo-bg);user-select:none;-webkit-user-select:none}.logo-container.interactive.svelte-uk07lk{cursor:pointer}.step.svelte-uk07lk{aspect-ratio:1;border-radius:6px;color:var(--logo-colour);background-color:var(--logo-bg);border:5px solid var(--logo-colour);animation:svelte-uk07lk-step-pulse 1.6s ease-in-out infinite}.step-1.svelte-uk07lk{animation-delay:0s}.step-2.svelte-uk07lk{animation-delay:.4s}.step-3.svelte-uk07lk{animation-delay:.8s}.step-4.svelte-uk07lk{animation-delay:1.2s}@keyframes svelte-uk07lk-step-pulse{0%,24%{color:var(--logo-bg);background-color:var(--logo-colour);border-color:var(--logo-colour)}25%,to{color:var(--logo-colour);background-color:var(--logo-bg);border-color:var(--logo-colour)}}.code-page.svelte-1cjo1uu{flex:1 1 0%}.project-wrapper.svelte-1cjo1uu{padding:var(--space-lg);padding-bottom:0}.card-project.svelte-1cjo1uu{width:20rem;margin:0 auto;border:var(--border-card);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color var(--transition-default)}.card-project.svelte-1cjo1uu:hover{border-color:var(--colour-primary)}.logo-wrapper.svelte-1cjo1uu{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.project-title-link.svelte-1cjo1uu{text-decoration:none;display:block;text-align:center}.project-title.svelte-1cjo1uu{color:var(--colour-text);margin:0;text-align:center;border-bottom:1px dotted transparent;display:inline-block;transition:border-color var(--transition-default)}.project-title-link.svelte-1cjo1uu:hover .project-title:where(.svelte-1cjo1uu){border-bottom-color:var(--colour-secondary)}.project-description.svelte-1cjo1uu{text-align:center}.description-text.svelte-1cjo1uu{font-weight:600;color:var(--colour-text);margin:0}.project-tags.svelte-1cjo1uu{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.project-tag.svelte-1cjo1uu{font-family:var(--font-mono);border:var(--border-tag);background-color:var(--colour-surface);color:var(--colour-text);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}