.lnsAppWrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.lnsApp {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.lnsApp__frame {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

// Less-than-ideal styles to add a vertical divider after this button. Consider restructuring markup for better semantics and styling options in the future.
.lnsNavItem__withDivider {
  @include euiBreakpoint('m', 'l', 'xl') {
    margin-right: $euiSizeM;
    position: relative;
  }
  &::after {
    @include euiBreakpoint('m', 'l', 'xl') {
      border-right: $euiBorderThin;
      bottom: 0;
      content: '';
      display: block;
      pointer-events: none;
      position: absolute;
      right: -$euiSizeS;
      top: 0;
    }
  }
}