.sidebar.sidebar-fixed {
  width: var(--cui-sidebar-width, 16rem);
  max-width: var(--cui-sidebar-width, 16rem);
  flex: 0 0 var(--cui-sidebar-width, 16rem);
}

.sidebar-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .sidebar.sidebar-fixed:not(.show) {
    margin-left: calc(-1 * var(--cui-sidebar-width, 16rem));
  }

  .sidebar.sidebar-fixed.show ~ .wrapper {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .sidebar.sidebar-fixed ~ .wrapper {
    margin-left: var(--cui-sidebar-width, 16rem);
  }
}