.toggle {
  line-height: 0;

  .toggle-line {
    background: white;
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    top: 0;
    transition: .4s;
    transition-property: left, opacity, top, transform, width;
    width: 100%;

    &:first-child {
      margin-top: 1px;
    }

    &:not(:first-child) {
      margin-top: 4px;
    }
  }
}

.toggle.toggle-arrow {
  toggle-arrow($sidebar-toggle-alignment);
}

.toggle.toggle-close {
  toggle-close($sidebar-toggle-alignment);
}