ciphermask/ui/pages/onboarding-flow/create-password/index.scss

.create-password {
  &__weak {
    color: var(--error-1);
  }

  &__average {
    color: var(--secondary-3);;
  }

  &__strong {
    color: var(--success-3);
  }

  &__wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    max-height: 750px;
  }

  &__link-text {
    color: var(--primary-1);
  }

  &__form {
    padding: 0 24px;

    &--password-button {
      background-color: transparent;
    }

    &--submit-button {
      padding: 20px;
    }

    &--checkmark {
      i {
        color: var(--success-1);
      }
    }

    &__terms-label {
      display: flex;
    }

    .form-field__input {
      height: 50px;
    }
  }
}