.nav-avatar.svelte-eg15mz{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;background:color-mix(in oklch,var(--theme-primary) 15%,var(--theme-bg-base));color:var(--theme-primary-text, var(--theme-primary));font-weight:700;line-height:1}.nav-avatar.svelte-eg15mz:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--theme-primary) 35%,transparent);pointer-events:none}.nav-avatar[data-size=sm].svelte-eg15mz{width:1.75rem;height:1.75rem;font-size:.625rem}.nav-avatar[data-size=md].svelte-eg15mz{width:2rem;height:2rem;font-size:.75rem}.nav-avatar[data-size=lg].svelte-eg15mz{width:2.25rem;height:2.25rem;font-size:.75rem}.nav-avatar-picture.svelte-eg15mz{width:100%;height:100%;object-fit:cover}html:not(:has(main>:is([data-under-header]:first-child,[data-preview-band]:first-child+[data-under-header]))) nav.nav-head-photo{background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-veil.svelte-nzpxck{height:calc(var(--site-bar-height) + 16px);background-image:linear-gradient(to bottom,color-mix(in oklch,var(--theme-bg-base) 70%,transparent) var(--site-bar-height),color-mix(in oklch,var(--theme-bg-base) 28%,transparent) calc(var(--site-bar-height) + 6px),color-mix(in oklch,var(--theme-bg-base) 8%,transparent) calc(var(--site-bar-height) + 11px),transparent calc(var(--site-bar-height) + 16px));opacity:0;transition:opacity var(--theme-motion-slow) var(--theme-ease)}.nav-veil.is-on.svelte-nzpxck{opacity:1}html:has(main>:is([data-under-header]:first-child,[data-preview-band]:first-child+[data-under-header])) .nav-veil.svelte-nzpxck{display:none}.menu-sheet.svelte-nzpxck{background-color:var(--color-theme-base);background-image:linear-gradient(var(--color-theme-surface),var(--color-theme-surface))}html:has(main>:is([data-under-header]:first-child,[data-preview-band]:first-child+[data-under-header])) nav.nav-overlay{background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;--color-theme-text: var(--on-photo-paper);--color-theme-base: var(--on-photo-scrim);--color-theme-card-border: color-mix(in oklch, var(--on-photo-paper) 45%, transparent)}html:has(main>:is([data-under-header]:first-child,[data-preview-band]:first-child+[data-under-header])) nav.nav-overlay .bg-theme-primary\/15{background-color:color-mix(in oklch,var(--on-photo-paper) 16%,transparent)}html:has(main>:is([data-under-header]:first-child,[data-preview-band]:first-child+[data-under-header])) nav.nav-overlay .nav-lockup--ink{color:var(--on-photo-paper)}html:has(main>:is([data-under-header]:first-child,[data-preview-band]:first-child+[data-under-header])) nav.nav-overlay .nav-panel{--color-theme-text: var(--theme-text-primary);--color-theme-base: var(--theme-bg-base);--color-theme-card-border: var(--theme-card-border)}html:has(main>:is([data-hero-style=sky]:first-child,[data-preview-band]:first-child+[data-hero-style=sky])) nav[data-bar-top]{background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html:has(main>:is([data-hero-style=sky]:first-child,[data-preview-band]:first-child+[data-hero-style=sky])) nav[data-bar-top].nav-overlay{--color-theme-text: var(--theme-text-primary);--color-theme-base: var(--theme-bg-base);--color-theme-card-border: var(--theme-card-border)}html:has(main>:is([data-hero-style=sky]:first-child,[data-preview-band]:first-child+[data-hero-style=sky])) nav[data-bar-top].nav-overlay .bg-theme-primary\/15{background-color:color-mix(in oklab,var(--color-theme-primary) 15%,transparent)}html:has(main>:is([data-hero-style=sky]:first-child,[data-preview-band]:first-child+[data-hero-style=sky])) nav[data-bar-top].nav-overlay .nav-lockup--ink{color:var(--theme-text-primary)}.nav-progress-bar.svelte-nzpxck{height:100%;width:40%;background:var(--theme-interactive);animation:svelte-nzpxck-nav-progress-sweep var(--motion-slow, .42s) var(--motion-ease-inout, ease-in-out) infinite}@keyframes svelte-nzpxck-nav-progress-sweep{0%{margin-left:-40%}to{margin-left:100%}}@media(prefers-reduced-motion:reduce){.nav-progress-bar.svelte-nzpxck{animation:none;width:100%;margin-left:0}}
