/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/

.nz-toolSettings-docked {
  height: 2.5em;
  width: 100%;

  display: flex;
  position: relative;
  background: var(--iui-color-background);
  border: 1px solid var(--iui-color-border);

  > .nz-container {
    display: flex;
  }

  // Remove docked toolsettings from the flow causes the content to shift up.
  // We then simply account for it by adding a margin to the top of the content.
  &.preview-contentAlwaysMaxSize {
    z-index: 1;
    position: absolute;
    // iui toast cause box-sizing to be border-box, so we need to override it.
    box-sizing: content-box;
  }
}

.nz-toolSettings-docked_container {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 4px;
  column-gap: 4px;
  align-items: flex-start;
}

.toolsettings-appear {
  opacity: 0.1;
  transition: opacity 150ms ease-in-out;
  transform: translateY(-100%);
}

.toolsettings-appear-active {
  opacity: 0.7;
  transition: opacity 150ms ease-in-out;
  transform: translateY(0);
  transition: transform 400ms ease-out;
}