/*---------------------------------------------------------------------------------------------
 * 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/style/index";
@import "variables";

.nz-footer-indicator {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--iui-color-text);
  font-size: $text-font-size;
  box-sizing: border-box;

  /* Desktop */
  @include for-medium-desktop-up {
    padding-left: $nz-footer-indicator-horizontal-padding;
    padding-right: $nz-footer-indicator-horizontal-padding;
  }

  /* Medium devices */
  @include for-small-desktop-down {
    padding-left: $nz-footer-indicator-horizontal-padding-medium;
    padding-right: $nz-footer-indicator-horizontal-padding-medium;
  }

  @include for-tablet-portrait-down {
    font-size: $text-font-size-medium;
  }

  /* Small devices */
  @include for-phone-only {
    font-size: $text-font-size-small;

    padding-left: $nz-footer-indicator-horizontal-padding-small;
    padding-right: $nz-footer-indicator-horizontal-padding-small;
  }
}