.navbar{
		background: var(--bs-navbar-bg);
		border-bottom: 1px solid var(--bs-border-color);
		min-height: 60px;
		padding: .5rem 1rem;
	}

	.navbar .nav-link,
	.navbar .dropdown-toggle{
		font-size: calc(var(--sg-font-ui) );
		font-weight: 500;
		color: var(--bs-nav-link-color);
	}

	.navbar .navbar-nav .nav-link{
		padding: .75rem 1rem;
		border-radius: var(--bs-border-radius-sm);
	}

	.navbar .navbar-nav .nav-link:hover,
	.navbar .navbar-nav .nav-link:focus{
		color: var(--bs-nav-link-hover-color);
		background: color-mix(in srgb, var(--sg-accent) 12%, transparent);
	}

	.navbar .navbar-nav .nav-link.active,
	.navbar .navbar-nav .show > .nav-link{
		color: var(--bs-navbar-active-color);
		background: color-mix(in srgb, var(--sg-accent) 16%, transparent);
	}

	.navbar .navbar-nav.ms-auto .nav-link{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 2.25rem;
		min-height: 2.25rem;
		padding: 0 .5rem;
		border-radius: var(--bs-border-radius-sm);
	}

	.navbar .navbar-nav.ms-auto .nav-link:hover{
		background: color-mix(in srgb, var(--sg-accent) 12%, transparent);
	}

	.navbar .sg-username{
		color: var(--bs-navbar-color);
		opacity: .9;
		white-space: nowrap;
	}