@import "flive-vars";
.base {
  display: flex;
  position: relative;

  &.separation-bottom {
    border-bottom: 1px solid $nav-border-color;
  }

  &.separation-top {
    border-top: 1px solid $nav-border-color;
  }

  &.separation-both {
    border-top: 1px solid $nav-border-color;
    border-bottom: 1px solid $nav-border-color;
  }

  &.position-bottom {
    margin-top: auto;
  }

  .trigger {
    width: 100%;
    @include sideMenuPadding();
  }
  &.active {
    @include sideMenuActive();
  }
  &:global {
    &.active {
      @include sideMenuActive();
    }
  }
  :global {
    .active {
      @include sideMenuActive();
    }
  }
}