.header {
  height: 2em;
  background-color: var(--color-glass);
  border-bottom: 1px solid  var(--color-window-border-bottom);

  nav {
    display: flex;

    & > ul:first-of-type {
      flex-grow: 1;
      overflow: auto;
    }

    & > ul {
      display: block;

      & > li {
        display: inline-block;

        & > span,
        & > a {
          display: inline-block;
          color: var(--color-text);
          text-decoration: none;
          align-items: center;
          padding: .25em .5em;
          margin: .25em;
          border-radius: .5em;
          transition: .3s background, .3s color;

          &:hover {
            background-color: var(--color-selected);
            color: var(--color-text-alt);
          }
        }
      }
    }
  }
}