/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
@import "./tools/button/variables";
@import "../widgetopacity";

.nz-tools-widget {
  transition: visibility var(--iui-duration-2) ease,
    opacity var(--iui-duration-2) ease;

  &.nz-hidden {
    opacity: 0;
    visibility: hidden;
  }

  display: grid;
  box-sizing: border-box;
  height: 100%;
  grid-gap: 6px;
  grid-column: 1;
  align-items: start;
  justify-items: start;
  grid-template-columns: auto 1fr;

  > .nz-vertical-tool-area {
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;

    > .nz-app-button {
      pointer-events: auto;
      @include nz-widget-opacity;
    }

    > .nz-vertical-toolbar-container {
      height: calc(100% - 60px);
      display: inline-flex;
      flex-direction: column;
      @include nz-widget-opacity;
    }
  }

  > .nz-horizontal-toolbar-container {
    width: 100%;
    @include nz-widget-opacity;
  }
}