@import '../common/PredefinedMixins.scss';
@import './partial.scss';
@import './Variables.scss';

.wb-commands {
  @include partial-row-center-start;
  @include flexAlignItems(flex-end, end);
  @include flexDirection(column);
  position: absolute;
  right: 6px;
  top: 0;
  height: inherit;
  border: 1px solid transparent;

  &:focus-visible {
    @include focus(
      $outline-width: 0px,
      $outline-offset: 0px,
      $border: $focus_border,
      $box-shadow: none
    );
  }

  .wb-commands-mainline {
    @include partial-row-center-start;
    @include flexAlignContent(space-around, space-around);
    top: 0;
    right: 10px;
    height: inherit;
    height: 38px;
    padding-top: 2px;
    gap: 6px;
  }

  .wb-commands-line {
    @include partial-row-center-end;
    width: 100%;
    max-height: 26px;
    right: 10px;
    gap: 6px;
  }
}

.wb-commands-console {
  @include partial-row-center-end;
  width: 100%;
  height: 100%;
  margin-right: 2px;
}