/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "~@bentley/ui-core/lib/ui-core/style/themecolors";
@import "variables";
@import "../../widgetopacity";

.nz-widget-toolSettings-tab {
  width: $nz-tab-width;
  height: $nz-tab-height;
  background-color: $nz-tab-background-color;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  pointer-events: auto;
  transition: all 500ms ease;
  color: $nz-tab-color;
  margin: 0 auto;

  @include nz-widget-opacity;

  border: {
    width: $nz-widget-border-width;
    style: solid;
    color: $nz-widget-border-color;
    radius: $nz-widget-border-radius;
  }

  > * {
    filter: $nz-tab-shadow;
  }

  &:hover {
    color: $nz-hovered-tab-color;
    transition-duration: 150ms;

    > * {
      filter: $nz-tab-no-shadow;
    }
  }
}