:root {
  --navigator-width: 400px;
}

.navigator.d-sidebar {
  align-items: stretch;
  background-color: white;
  border-right: 1px solid #d5d9dc;
  display: none;
  flex-direction: column;
  outline: none;
  z-index: var(--fullscreen-modal-z-index);
}

.navigator.d-sidebar.is-initialized {
    display: flex;
  }

@media (min-width: 600px) {
  /* The navigator must be position: static for the .d-page grid layout to work. */
  .navigator,
  .navigator + .d-sidebar--backdrop {
    position: static !important;
  }
}

/* navigator breakpoint */

@media (min-width: 900px) {
  .navigator.d-sidebar {
    max-width: none;
    width: var(--navigator-width);
  }

  .welcome-page .navigator.d-sidebar[aria-hidden='false'] + .d-sidebar--backdrop {
    display: none;
  }

  .welcome-page .d-page--content {
    margin-left: var(--navigator-width);
  }
}

.repository {
  flex: 1;
  outline: none;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}