/* Na komputerze panel pozostawia wąski pasek ikon i wysuwa się po najechaniu. */
@media (min-width: 981px) {
  .admin-builder-v2 {
    display: block;
  }

  .admin-builder-v2 .admin-v2-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1000;
    width: 68px;
    overflow: hidden;
    box-shadow: 4px 0 18px transparent;
    transition: width 0.22s ease, box-shadow 0.22s ease;
  }

  .admin-builder-v2 .admin-v2-sidebar:hover,
  .admin-builder-v2 .admin-v2-sidebar:focus-within {
    width: 270px;
    box-shadow: 8px 0 28px rgba(21, 37, 22, 0.3);
  }

  .admin-builder-v2 .admin-v2-main {
    margin-left: 68px;
  }

  .admin-builder-v2 .admin-v2-brand {
    width: 242px;
    white-space: nowrap;
  }

  .admin-builder-v2 .admin-v2-brand img {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    transition: width 0.22s ease, height 0.22s ease, flex-basis 0.22s ease;
  }

  .admin-builder-v2 .admin-v2-sidebar:hover .admin-v2-brand img,
  .admin-builder-v2 .admin-v2-sidebar:focus-within .admin-v2-brand img {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
  }

  .admin-builder-v2 .admin-v2-sidebar nav {
    width: 242px;
    overflow: hidden auto;
  }

  .admin-builder-v2 .admin-v2-sidebar nav button,
  .admin-builder-v2 .admin-v2-sidebar-footer a,
  .admin-builder-v2 .admin-v2-sidebar-footer button {
    width: 242px;
    white-space: nowrap;
  }

  .admin-builder-v2 .admin-v2-sidebar-footer {
    width: 242px;
  }
}