/*---------------------------------------------------------------------------------------------
 * 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-snapMode-indicator {
  height: 100%;
  overflow: hidden;

  > .nz-indicator {
    height: 100%;
    display: flex;
    align-items: center;

    > nz-label {
      margin-right: 6px;
      font-size: $text-font-size;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      @include for-tablet-landscape-down {
        display: none;
      }
    }

    > .nz-icon {
      display: flex;
      align-items: center;
    }

    &:hover {
      color: var(--iui-color-text-accent-hover);
      cursor: pointer;
    }

    &:focus {
      outline: none;
    }
  }
}