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

.nz-toolbar-button-app {
  > .nz-bars {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;

    > .nz-bar {
      background-color: var(--iui-color-icon);
      width: $bar-width;
      height: $bar-height;
      border-top-right-radius: var(--iui-border-radius-round);
      border-bottom-right-radius: var(--iui-border-radius-round);
      filter: $icon-shadow;
    }

    > .nz-bar:not(:first-child) {
      margin-top: 5px;
    }
  }
}

.nz-toolbar-button-app-small {
  width: $mls-small-button-width;
  height: $mls-small-button-height;

  border-width: 0px;
  box-shadow: var(--iui-shadow-1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin-bottom: 0;

  > .nz-bars {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;

    > .nz-bar {
      background-color: var(--iui-color-icon);
      width: $small-bar-width;
      height: $small-bar-height;
      border-top-right-radius: var(--iui-border-radius-round);
      border-bottom-right-radius: var(--iui-border-radius-round);
      filter: $icon-shadow;
    }

    > .nz-bar:not(:first-child) {
      margin-top: 5px;
    }
  }
}

button.nz-toolbar-button-button.nz-toolbar-button-icon.nz-toolbar-button-icon-small.nz-toolbar-button-app-small {
  border-width: 0px;

  .core-svg-icon {
    width: $mls-small-button-icon-size;
    height: $mls-small-button-icon-size;
    svg {
      width: 100%;
      height: 100%;
    }
  }
}