@media (min-width: 761px) {
  .nav-preference-collapsed .layout {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .nav-preference-collapsed .layout .sidebar {
    display: none;
  }

  .nav-preference-collapsed .layout .nav-rail {
    display: block;
  }
}

@media (max-width: 760px) {
  .nav-preference-expanded .sidebar {
    transform: none;
  }

  .nav-preference-expanded .nav-rail {
    display: none;
  }
}