/* Prevent navbar layout shift while authentication controls initialize */
@media (min-width: 1200px) {
.navbar > .container {
position: relative;
}
.navbar .navbar-collapse {
flex-grow: 1;
}
.navbar .navbar-nav {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-left: 0 !important;
margin-right: 0 !important;
white-space: nowrap;
}
.navbar .navbar-collapse > .d-flex {
margin-left: auto;
min-width: 190px;
justify-content: flex-end;
}
#nav-auth-controls {
min-width: 170px;
justify-content: flex-end;
}
}