.ds-nav{z-index:50;border-bottom:1px solid var(--border);background:var(--background);background:color-mix(in srgb,var(--background)82%,transparent);-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.ds-nav__inner{align-items:center;gap:.25rem;max-width:72rem;margin:0 auto;padding:.375rem .75rem;display:flex}.ds-nav__list{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.ds-nav__signin{margin-left:auto}.ds-nav__account{margin-left:auto;position:relative}.ds-nav__account-button{cursor:pointer;border-radius:9999px;padding:2px;list-style:none;display:flex}.ds-nav__account-button::-webkit-details-marker{display:none}.ds-nav__account-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ds-nav__account[open] .ds-nav__account-button,.ds-nav__account-button:hover{background:color-mix(in srgb,var(--foreground)9%,transparent)}.ds-nav__avatar{object-fit:cover;border-radius:9999px;width:1.5rem;height:1.5rem;display:block}.ds-nav__avatar--initial{background:var(--primary);color:var(--primary-foreground);justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;line-height:1;display:flex}.ds-nav__account-menu{border:1px solid var(--border);border-radius:var(--radius,.625rem);background:var(--popover,var(--background));min-width:10rem;color:var(--popover-foreground,var(--foreground));padding:.25rem;position:absolute;top:calc(100% + .375rem);right:0;box-shadow:0 4px 12px #0000001f}.ds-nav__account-name{border-bottom:1px solid var(--border);color:var(--muted-foreground);margin:0;padding:.375rem .625rem;font-size:.8125rem;line-height:1.25rem}.ds-nav__account-signout{border-radius:max(0px,calc(var(--radius,.625rem) - 4px));width:100%;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:.25rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;line-height:1.25rem;display:block}.ds-nav__account-signout:hover{background:color-mix(in srgb,var(--foreground)7%,transparent)}.ds-nav__account-signout:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ds-nav__link{border-radius:max(0px,calc(var(--radius,.625rem) - 4px));color:var(--muted-foreground);white-space:nowrap;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;line-height:1.25rem;text-decoration:none;transition:color .12s,background-color .12s;display:block}.ds-nav__link:hover{color:var(--foreground);background:color-mix(in srgb,var(--foreground)7%,transparent)}.ds-nav__link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ds-nav__link[aria-current=page]{color:var(--foreground);background:color-mix(in srgb,var(--foreground)9%,transparent)}@media (hover:none){.ds-nav__link:hover{color:var(--muted-foreground);background:0 0}.ds-nav__link{padding:.5rem .75rem}}@media (prefers-reduced-motion:reduce){.ds-nav__link{transition:none}}