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

.ec3w {
  &-signin {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: calc(4 * var(--iui-size-s));
    padding-top: calc(2 * var(--iui-size-s));

    &-icon {
      width: calc(2 * var(--iui-size-2xl));
      height: calc(1 * var(--iui-size-2xl));
    }

    &-prompt {
      margin: var(--iui-size-l) 0;
      font-size: medium;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    &-form {
      width: 70%;
    }

    &-input {
      width: 100%;
      margin: var(--iui-size-2xs) 0;
    }

    &-button-container {
      margin: var(--iui-size-s) 0;
    }

    &-button {
      width: 100%;
    }

    &-error {
      height: var(--iui-size-xl);
      font-size: small;
    }

    &-wait {
      vertical-align: middle;
      line-height: normal;
    }
  }

  &-report-button {
    margin: var(--iui-size-xl);
    text-decoration: none;

    :hover {
      cursor: pointer;
    }
  }

  &-status-text {
    margin: var(--iui-size-xs);
  }

  &-progress-radial-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: var(--iui-size-l);
    height: var(--iui-size-3xl);
    place-content: space-evenly;
    text-align: center;
  }

  &-progress-linear-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: var(--iui-size-l);
    height: var(--iui-size-3xl);
    place-content: space-evenly;
  }
}