.qf-nav {
  list-style: none;
  position: relative;
  width: 56px;
  color: rgba(255, 255, 255, 0.5);
  background-image: linear-gradient(to bottom, #2E334F, #4E3F54);

  .qf-groups {
    /*overflow: hidden;*/
    position: relative;
    height: 100%;
  }

  .qf-nav-trigger {
    position: absolute;
    top: 0;
    left: 56px;
    width: 22px;
    height: 40px;
    z-index: 100;
  }
  .qf-nav-trigger-open {
    background: url('./images/ic_open_side_menu.svg') center center no-repeat;
  }
  .qf-nav-trigger-close {
    background: url('./images/ic_close_side_menu.svg') center center no-repeat;
  }

  &.is-open {
    width: 188px;

    .qf-nav-trigger {
      left: 168px;
    }
  }
}