/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
@import "~@itwin/core-react/lib/cjs/core-react/z-index";
@import "variables";

.nz-widget-floatingTab {
  position: absolute;
  padding: 0 1em;
  display: flex;
  align-items: center;
  background: $buic-background-4;
  user-select: none;
  white-space: nowrap;
  height: $nz-widget-tab-height;
  border-radius: $nz-widget-tab-border-radius;
  color: var(--iui-color-text-disabled);
  pointer-events: none;
  opacity: $nz-dragged-widget-opacity;
  gap: 6px;

  @include uicore-z-index(drag-preview);

  &.nz-hidden {
    display: none;
  }

  > span {
    max-width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: $nz-widget-tab-font-size;
  }
}