/* src/frontend/css/web-question.css */
#otp-form {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 1rem;

  & > * {
    width: 100%;
  }

  & > button {
    padding: 1rem;
  }
}

#password-form {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 1rem;
  max-width: 40rem;

  & > .form-group {
    display: flex;
    flex-direction: row;
    align-items:  center;
    gap: .25rem;
    width: 100%;

    & > label {
      text-align: right;
      width: 5rem;
    }

    & > input {
      flex-grow: 1;
      padding: .25rem;
    }
  }

  & > button {
    width: 75%;
    padding: .5rem;
  }

  & .message {
    font-family: monospace;
  }
}