@layer components{.nav-skel{padding-top:1.25rem;padding-bottom:3rem}.nav-skel-head{align-items:center;gap:1.25rem;padding-bottom:1.75rem;display:flex}.nav-skel-face{border-radius:var(--radius-lg);flex:none;width:4.5rem;height:4.5rem}.nav-skel-who{flex:1;min-width:0}.nav-skel-name{overflow-wrap:anywhere;min-width:0;color:var(--color-text-faint);font-family:var(--font-sans);font-size:var(--text-3xl);line-height:1.05;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tighter)}.nav-skel-note{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-faint);margin-top:.5rem}.nav-skel-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:48rem){.nav-skel-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.nav-skel-card{padding:1.25rem}.nav-skel-list{flex-direction:column;gap:.5rem;display:flex}.nav-skel-row{align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.nav-skel .skeleton{animation-delay:0s,0s}}main[data-nav-pending]{min-height:calc(var(--nav-skel-top,0px) + 36rem);position:relative}main[data-nav-pending]>:not(.nav-skel){visibility:hidden}main[data-nav-pending]>.nav-skel{top:var(--nav-skel-top,0px);position:absolute;left:0;right:0}