nav.svelte-1h32yp1{z-index:100;border-bottom:1px solid #0000;padding:0 clamp(1.5rem,4vw,3rem);transition:background .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s,border-color .5s;position:fixed;top:0;left:0;right:0}nav.scrolled.svelte-1h32yp1{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#090909b3;border-color:#ffffff12}.inner.svelte-1h32yp1{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;display:flex}.logo.svelte-1h32yp1{letter-spacing:.2em;color:#f5f5f7bf;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .2s}.logo.svelte-1h32yp1:hover{color:#f5f5f7}.nav-right.svelte-1h32yp1{align-items:center;gap:2.25rem;display:flex}.links.svelte-1h32yp1{gap:1.875rem;margin:0;padding:0;list-style:none;display:flex}.links.svelte-1h32yp1 a:where(.svelte-1h32yp1){color:#f5f5f799;letter-spacing:.01em;font-size:.78rem;font-weight:400;text-decoration:none;transition:color .2s}.links.svelte-1h32yp1 a:where(.svelte-1h32yp1):hover{color:#f5f5f7}.socials.svelte-1h32yp1{align-items:center;gap:1.1rem;display:flex}.socials.svelte-1h32yp1 a:where(.svelte-1h32yp1),.icon-btn.svelte-1h32yp1{color:#f5f5f773;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex}.socials.svelte-1h32yp1 a:where(.svelte-1h32yp1):hover,.icon-btn.svelte-1h32yp1:hover{color:#f5f5f7}nav.light.scrolled.svelte-1h32yp1{background:#ffffffd1;border-color:#0000001a}nav.light.svelte-1h32yp1 .logo:where(.svelte-1h32yp1){color:#1d1d1fb3}nav.light.svelte-1h32yp1 .logo:where(.svelte-1h32yp1):hover{color:#1d1d1f}nav.light.svelte-1h32yp1 .links:where(.svelte-1h32yp1) a:where(.svelte-1h32yp1){color:#1d1d1f94}nav.light.svelte-1h32yp1 .links:where(.svelte-1h32yp1) a:where(.svelte-1h32yp1):hover{color:#1d1d1f}nav.light.svelte-1h32yp1 .socials:where(.svelte-1h32yp1) a:where(.svelte-1h32yp1),nav.light.svelte-1h32yp1 .icon-btn:where(.svelte-1h32yp1){color:#1d1d1f73}nav.light.svelte-1h32yp1 .socials:where(.svelte-1h32yp1) a:where(.svelte-1h32yp1):hover,nav.light.svelte-1h32yp1 .icon-btn:where(.svelte-1h32yp1):hover{color:#1d1d1f}
