.nb-dropdown{display:inline-flex;position:relative}.nb-dropdown__trigger{align-items:center;gap:var(--dropdown-trigger-gap,var(--spacing-space-sm));font-family:var(--font-family);font-size:var(--dropdown-trigger-size,var(--font-size-caption));font-weight:var(--dropdown-trigger-weight,var(--font-weight-regular));letter-spacing:var(--dropdown-trigger-spacing,var(--letter-spacing-wide));color:inherit;opacity:var(--motion-opacity-muted);cursor:pointer;transition:opacity var(--motion-duration-normal);background:0 0;border:none;padding:0;display:flex}.nb-dropdown__trigger:hover,.nb-dropdown--open .nb-dropdown__trigger{opacity:var(--motion-opacity-full)}.nb-dropdown__caret{transition:transform var(--motion-duration-normal);display:flex}.nb-dropdown__caret svg{width:.625rem;height:.625rem}.nb-dropdown--open .nb-dropdown__caret{transform:rotate(180deg)}.nb-dropdown__menu{top:calc(100% + var(--spacing-space-sm));min-width:14rem;padding:var(--spacing-space-sm) 0;background:var(--color-surface-elevated);border-radius:var(--spacing-radius-md);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-normal), transform var(--motion-duration-normal);z-index:200;position:absolute;right:0;transform:translateY(-4px)}.nb-dropdown--open .nb-dropdown__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.nb-dropdown__header{padding:var(--spacing-space-md) var(--spacing-space-xl);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);opacity:var(--motion-opacity-soft)}.nb-dropdown__divider{height:1px;margin:var(--spacing-space-xs) 0;background:var(--color-background);opacity:var(--motion-opacity-ghost)}.nb-dropdown__option{width:100%;padding:var(--spacing-space-md) var(--spacing-space-xl);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);text-align:left;cursor:pointer;transition:background var(--motion-duration-fast);background:0 0;border:none;display:block}.nb-dropdown__option:hover{background:var(--color-surface-mid)}
.nb-nav{width:100%;height:2.75rem;font-family:var(--font-family);transition:background var(--motion-duration-normal), color var(--motion-duration-normal);justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:relative}.nb-nav.dark{color:#fff;background:linear-gradient(#000,#0000)}.nb-nav.light{color:#000;background:linear-gradient(#fff,#0000)}.nb-nav.dark.nb-nav--flat,.nb-nav.light.nb-nav--flat{z-index:80;background:0 0;position:absolute;top:0;left:0;right:0}.nb-nav__links{align-items:center;gap:var(--nav-link-gap,var(--spacing-space-5xl));display:flex;position:absolute;left:50%;transform:translate(-50%)}.nb-nav__link{font-family:var(--font-family);font-size:var(--nav-link-size,var(--font-size-caption));font-weight:var(--nav-link-weight,var(--font-weight-regular));letter-spacing:var(--nav-link-spacing,var(--letter-spacing-wide));color:inherit;opacity:var(--motion-opacity-muted);cursor:pointer;transition:opacity var(--motion-duration-normal);background:0 0;border:none;padding:0}.nb-nav__link:hover{opacity:var(--motion-opacity-full)}.nb-nav.dark .nb-button--primary{color:#000;background:#fff}.nb-nav.light .nb-button--primary{color:#fff;background:#000}