/* Keep the settings preview independent of the application's fixed sidebar. */
.settings-mode .navigation-layout > .navigation-preview {
  position: sticky !important;
  inset: auto !important;
  top: 18px !important;
  width: 310px !important;
  height: min(760px, calc(100vh - 190px)) !important;
  min-height: 520px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  z-index: 1 !important;
  background: #0b1d35 !important;
  color: #fff !important;
}
.settings-mode .navigation-preview-links {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.settings-mode .navigation-preview-links > div {
  flex: 0 0 47px;
  min-height: 47px;
}
.settings-mode .navigation-preview-links svg {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  max-width: 23px !important;
  fill: none !important;
  stroke: currentColor !important;
}
.settings-mode .navigation-preview-brand img {
  width: auto !important;
  height: auto !important;
  max-width: 190px !important;
  max-height: 55px !important;
}
@media (max-width: 1050px) {
  .settings-mode .navigation-layout > .navigation-preview { display: none !important; }
}