nav#menu {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  position: relative; }
  nav#menu > .actions {
    display: table;
    font-size: 0;
    height: 64px;
    width: 100%; }
    nav#menu > .actions > * {
      display: table-cell;
      vertical-align: middle; }
    nav#menu > .actions > .minimize {
      background: url("img/menu-24.svg") center no-repeat;
      font-size: 0;
      height: 64px;
      width: 44px; }
    nav#menu > .actions > .filter > label {
      display: none; }
    nav#menu > .actions > .filter > input {
      width: calc(100% - 30px); }
  nav#menu > h2 {
    display: none; }
  nav#menu > ul {
    overflow: hidden; }
    nav#menu > ul > li > h3 {
      background-color: #f8f8f8;
      display: table;
      font-size: 14px;
      font-weight: normal;
      height: 41px;
      width: 100%; }
      nav#menu > ul > li > h3 > a {
        cursor: default;
        display: table-cell;
        padding-left: 42px;
        vertical-align: middle; }
    nav#menu > ul > li:focus > h3, nav#menu > ul > li:hover > h3, nav#menu > ul > li.selected > h3 {
      background: #efefef;
      position: relative; }
      nav#menu > ul > li:focus > h3:before, nav#menu > ul > li:hover > h3:before, nav#menu > ul > li.selected > h3:before {
        background: var(--dark-color);
        content: '';
        display: inline-block;
        height: 100%;
        position: absolute;
        width: 4px; }
    nav#menu > ul > li > ul > li {
      display: table;
      height: 29px;
      margin: 1px 0;
      width: 100%; }
      nav#menu > ul > li > ul > li > a {
        display: table-cell;
        padding-left: 54px;
        vertical-align: middle; }
      nav#menu > ul > li > ul > li:focus, nav#menu > ul > li > ul > li:hover, nav#menu > ul > li > ul > li.selected {
        background: var(--light-color); }

body.min-left > nav#menu > .actions > .filter {
  display: none; }
body.min-left > nav#menu > .actions > .minimize {
  background: url("img/menu-24-reduce.svg") center no-repeat; }
body.min-left > nav#menu h3 > a {
  font-size: 0; }
body.min-left > nav#menu li > ul {
  display: none; }
body.min-left > nav#quick-menu a {
  font-size: 0; }