/*---------------------------------------------------------------------------------------------
* 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";

.nz-footer-message-progress {
  $progress-tip-height: 7px;
  $progress-tip-width: 2px;
  $progress-height: 5px;
  $progress-margin: ($progress-tip-height - $progress-height) * 0.5;

  height: $progress-tip-height;
  overflow: hidden;

  > .nz-progress {
    position: relative;
    top: $progress-margin;
    height: $progress-height;

    > .nz-progress-bar {
      height: 100%;
      width: 0%;
      position: relative;

      > .nz-progress-bar-tip {
        background-color: inherit;
        height: $progress-tip-height;
        width: $progress-tip-width;
        position: absolute;
        right: 0;
        top: -$progress-margin;
        border-radius: $progress-tip-width;
      }
    }
  }

  &.nz-status-information {
    > .nz-progress {
      background-color: $buic-accessory-primary-tint;

      > .nz-progress-bar {
        background-color: $buic-accessory-primary;
      }
    }
  }

  &.nz-status-success {
    > .nz-progress {
      background-color: $buic-accessory-success-tint;

      > .nz-progress-bar {
        background-color: $buic-accessory-success;
      }
    }
  }

  &.nz-status-error {
    > .nz-progress {
      background-color: $buic-accessory-alert-tint;

      > .nz-progress-bar {
        background-color: $buic-accessory-alert;
      }
    }
  }

  &.nz-status-warning {
    > .nz-progress {
      background-color: $buic-accessory-warning-tint;

      > .nz-progress-bar {
        background-color: $buic-accessory-warning;
      }
    }
  }
}
