.nav-rail {
	scrollbar-width: none;
}
.nav-rail::-webkit-scrollbar {
	display: none;
}
.nav-chip {
	width: 2.85rem;
	min-width: 2.85rem;
	overflow: hidden;
	transition: width 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.nav-chip:hover,
.nav-chip:focus-visible {
	width: 8.75rem;
}
.nav-chip-label {
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: max-width 0.18s ease, opacity 0.16s ease, margin 0.18s ease;
}
.nav-chip:hover .nav-chip-label,
.nav-chip:focus-visible .nav-chip-label {
	max-width: 5.5rem;
	opacity: 1;
	margin-left: 0.55rem;
}
.user-menu-panel {
	transform: translateY(8px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.16s ease, transform 0.16s ease;
}
.user-menu-panel.is-open {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}

.is-open > .user-menu-panel {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}
.header-compact .nav-chip {
	width: 2.5rem;
	min-width: 2.5rem;
}
.header-compact .nav-chip:hover,
.header-compact .nav-chip:focus-visible {
	width: 8rem;
}
#app-header-inner {
	height: 4.5rem;
}
#app-logo-badge {
	height: 2.75rem;
	width: 2.75rem;
}
.header-compact #app-header-inner {
	height: 3.15rem;
}
.header-compact #app-logo-badge {
	height: 2rem;
	width: 2rem;
}