.menu {
  display: inline-flex !important;
  min-width: 40px;
}

.app {
  transition: grid-template-columns .22s ease;
}

.sidebar {
  transition: width .22s ease, padding .22s ease, left .22s ease;
}

.app.sidebar-collapsed {
  grid-template-columns: 84px minmax(0, 1fr);
}

.app.sidebar-collapsed .sidebar {
  padding-left: 10px;
  padding-right: 10px;
}

.app.sidebar-collapsed .brand {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

.app.sidebar-collapsed .brand > div,
.app.sidebar-collapsed .nav button span,
.app.sidebar-collapsed .scope {
  display: none;
}

.app.sidebar-collapsed .brand img {
  width: 44px;
  height: 44px;
}

.app.sidebar-collapsed .nav button {
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 18px;
}

.app.sidebar-collapsed .overlay {
  left: 84px;
}

.menu[aria-expanded='false'] {
  background: #eef5ff;
  border-color: #a9c9f5;
  color: #155bc0;
}

@media (max-width: 760px) {
  .app.sidebar-collapsed {
    display: block;
  }

  .app.sidebar-collapsed .sidebar {
    padding: 18px 14px;
  }

  .app.sidebar-collapsed .brand {
    justify-content: flex-start;
  }

  .app.sidebar-collapsed .brand > div,
  .app.sidebar-collapsed .nav button span,
  .app.sidebar-collapsed .scope {
    display: block;
  }

  .app.sidebar-collapsed .nav button {
    justify-content: flex-start;
    padding: 10px 12px;
    font-size: inherit;
  }

  .sidebar.open {
    box-shadow: 14px 0 45px rgba(4, 20, 36, .28);
  }
}