.sidebar-wrapper .sidebar-header .logo-penuh {
  width: 200px;
  height: 50px;
  object-fit: cover;
}

.sidebar-wrapper .sidebar-header .logo-mini {
  display: none;
  width: 44px;
  height: 44px;
  object-fit: contain;
}

@media screen and (min-width: 1200px) {
  body.sidebar-mini #main {
    margin-left: 90px;
    transition: margin-left 0.25s ease;
  }

  body.sidebar-mini.sidebar-buka #main {
    margin-left: 300px;
  }

  body.sidebar-mini .sidebar-wrapper {
    width: 90px;
    overflow-x: hidden;
    transition:
      width 0.25s ease,
      left 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.sidebar-mini.sidebar-buka .sidebar-wrapper {
    width: 300px;
  }

  body.sidebar-mini:not(.sidebar-buka) .sidebar-header {
    padding: 1.5rem 0.5rem 1rem;
  }

  body.sidebar-mini:not(.sidebar-buka) .sidebar-toggler-x {
    display: none;
  }

  body.sidebar-mini:not(.sidebar-buka) .logo .d-flex {
    justify-content: center;
  }

  body.sidebar-mini:not(.sidebar-buka) .sidebar-header .logo-penuh {
    display: none;
  }

  body.sidebar-mini:not(.sidebar-buka) .sidebar-header .logo-mini {
    display: inline-block;
  }

  body.sidebar-mini:not(.sidebar-buka) .menu {
    padding: 0 0.75rem;
  }

  body.sidebar-mini:not(.sidebar-buka) .menu .sidebar-link {
    justify-content: center;
    padding: 0.7rem 0;
  }

  body.sidebar-mini:not(.sidebar-buka) .menu .sidebar-link span,
  body.sidebar-mini:not(.sidebar-buka)
    .menu
    .sidebar-item.has-sub
    > .sidebar-link:after,
  body.sidebar-mini:not(.sidebar-buka) .menu > li:last-child p {
    display: none;
  }

  body.sidebar-mini:not(.sidebar-buka) .menu .submenu {
    max-height: 0;
  }

  body.sidebar-mini:not(.sidebar-buka) .menu > li:last-child {
    justify-content: center;
  }
}