/*---------------------------------------------------------------------------------------------
 * 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 "../safearea";
@import "../widgetopacity";
@import "variables";

.nz-footer-footer {
  position: relative;

  > div {
    background-color: var(--iui-color-background);

    border: {
      width: 0;
      top-width: 1px;
      color: var(--iui-color-border);
      style: solid;
    }

    box-sizing: border-box;
    bottom: 0;
    width: 100%;
    pointer-events: auto;

    > .nz-messages {
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%) translateY(-100%);

      @include uicore-z-index(status-message);
    }

    > .nz-indicators {
      display: flex;
      flex-direction: row;
      height: $footer-height;
    }
  }

  &.nz-safe-area-left {
    > div {
      @include nz-safe-area-left;
    }
  }

  &.nz-safe-area-right {
    > div {
      @include nz-safe-area-right;
    }
  }

  &.nz-safe-area-bottom {
    > div {
      @include nz-safe-area-bottom;
    }
  }
}